Fix chat panel hidden by default, user messages show as Human

- Chat panel uses inline transform instead of Tailwind class (fix initial
  visibility bug)
- Input placeholder: "Type as Human..."

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: darkspock

website/src/components/OrchestraNetwork.astro

@@ -13,7 +13,7 @@
     <p id="tt-status" class="text-[10px] font-mono mt-1.5 flex items-center gap-1.5"></p>
   </div>
   <!-- Chat panel -->
-  <div id="chat-panel" class="absolute right-0 top-0 bottom-0 w-[280px] bg-[#0c0c10]/95 backdrop-blur-xl border-l border-indigo-500/15 flex flex-col z-40 translate-x-full transition-transform duration-300" style="border-radius: 0 0.75rem 0.75rem 0;">
+  <div id="chat-panel" class="absolute right-0 top-0 bottom-0 w-[280px] bg-[#0c0c10]/95 backdrop-blur-xl border-l border-indigo-500/15 flex flex-col z-40 transition-transform duration-300" style="border-radius: 0 0.75rem 0.75rem 0; transform: translateX(100%)">
     <div class="flex items-center justify-between px-3 py-2.5 border-b border-zinc-800/50">
       <div class="flex items-center gap-2">
         <span id="chat-dot" class="w-2 h-2 rounded-full bg-indigo-400"></span>
@@ -26,7 +26,7 @@
     <div id="chat-messages" class="flex-1 overflow-y-auto px-3 py-3 space-y-2.5 text-[11px] leading-relaxed scrollbar-thin"></div>
     <div class="px-3 py-2 border-t border-zinc-800/50 space-y-1.5">
       <form id="chat-form" class="flex gap-1.5">
-        <input id="chat-input" type="text" placeholder="Talk to this node..." class="flex-1 px-2.5 py-1.5 rounded-md border border-zinc-700/50 bg-zinc-900/50 text-[11px] text-white placeholder:text-zinc-600 focus:outline-none focus:border-indigo-500/40 transition-colors" />
+        <input id="chat-input" type="text" placeholder="Type as Human..." class="flex-1 px-2.5 py-1.5 rounded-md border border-zinc-700/50 bg-zinc-900/50 text-[11px] text-white placeholder:text-zinc-600 focus:outline-none focus:border-indigo-500/40 transition-colors" />
         <button type="submit" class="px-2.5 py-1.5 rounded-md bg-indigo-500 hover:bg-indigo-400 text-white text-[10px] font-medium transition-colors">Send</button>
       </form>
       <p class="text-[9px] text-zinc-600 text-center">Simulated · Powered by Groq</p>
@@ -171,7 +171,7 @@
   function openChat(idx: number) {
     chatNodeIdx = idx;
     chatOpen = true;
-    chatPanel.classList.remove('translate-x-full');
+    chatPanel.style.transform = 'translateX(0)';
     const info = nodeInfo[idx];
     chatTitle.textContent = info.name;
     chatDot.style.backgroundColor = info.statusColor;
@@ -196,7 +196,7 @@
 
   function closeChat() {
     chatOpen = false;
-    chatPanel.classList.add('translate-x-full');
+    chatPanel.style.transform = 'translateX(100%)';
     chatNodeIdx = -1;
     if (chatAbort) { chatAbort.abort(); chatAbort = null; }
   }