claude-mux 0.7.0 → 0.7.1

package/web/.svelte-kit/adapter-node/entries/pages/session/_target_/_page.svelte.js

@@ -1,73 +1,650 @@
-import { a3 as store_get, Z as head, a1 as attr_style, a2 as stringify, $ as attr, a4 as unsubscribe_stores } from "../../../../chunks/index2.js";
-import { g as getContext, e as escape_html } from "../../../../chunks/context.js";
+import { a5 as derived, Z as attr_class, a1 as ensure_array_like, $ as stringify, a2 as store_get, a3 as unsubscribe_stores, a4 as head, _ as attr_style, a0 as attr } from "../../../../chunks/index2.js";
+import { R as ReliableWebSocket, s as sessionStore, o as onDestroy, p as page, a as stateColor } from "../../../../chunks/sessions.svelte.js";
+import { g as goto } from "../../../../chunks/client.js";
 import "clsx";
-import "@sveltejs/kit/internal";
-import "../../../../chunks/exports.js";
-import "../../../../chunks/utils.js";
-import "@sveltejs/kit/internal/server";
-import "../../../../chunks/state.svelte.js";
-import { s as sessionStore, o as onDestroy, a as stateColor } from "../../../../chunks/sessions.svelte.js";
-const getStores = () => {
-  const stores$1 = getContext("__svelte__");
-  return {
-    /** @type {typeof page} */
-    page: {
-      subscribe: stores$1.page.subscribe
-    },
-    /** @type {typeof navigating} */
-    navigating: {
-      subscribe: stores$1.navigating.subscribe
-    },
-    /** @type {typeof updated} */
-    updated: stores$1.updated
-  };
+import { B as Button } from "../../../../chunks/button.js";
+import { A as Alert_dialog, x as Alert_dialog_content, y as Alert_dialog_header, z as Alert_dialog_title, B as Alert_dialog_description, G as Alert_dialog_footer, H as Alert_dialog_cancel, I as Alert_dialog_action } from "../../../../chunks/alert-dialog-description.js";
+import { e as escape_html } from "../../../../chunks/context.js";
+function html(value) {
+  var html2 = String(value ?? "");
+  var open = "<!---->";
+  return open + html2 + "<!---->";
+}
+const PATTERNS = {
+  // User prompt starts with ❯ (Unicode chevron only - ASCII > is used for selection indicators)
+  userPrompt: /^❯\s/,
+  // Claude response starts with ● (filled circle) followed by actual text
+  claudeResponse: /^●\s+\S/,
+  // Working indicator: just ● alone or with whitespace (no content after)
+  workingIndicator: /^●\s*$/,
+  // Tool result starts with ⎿ (with optional leading whitespace)
+  toolResult: /^(\s*)⎿/,
+  // Indented content (2+ spaces at start) - continues tool results
+  indentedContent: /^(\s{2,}|\t)/,
+  // Separator is 5+ dashes
+  separator: /^─{5,}/,
+  // Tool call: ● ToolName(...) or ● tool-name (...)
+  toolCall: /^●\s+([\w-]+)\s*\(/,
+  // MCP tool call: ● mcp-server - tool_name (MCP)
+  mcpToolCall: /^●\s+([\w-]+)\s+-\s+([\w_]+)\s+\(MCP\)/,
+  // Braille spinner characters
+  spinner: /[⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠐⠂⠄]/,
+  // Status hints
+  statusHint: /(Esc to interrupt|ctrl\+c to interrupt|Esc to cancel|to cycle\))/i,
+  // Progress bar or status line at bottom
+  progressBar: /^\s*[\w-]+\s+\[.*\]\s+\w+@/
 };
-const page = {
-  subscribe(fn) {
-    const store = getStores().page;
-    return store.subscribe(fn);
+function classifyLine(line, previousType) {
+  if (PATTERNS.separator.test(line)) return "separator";
+  if (PATTERNS.mcpToolCall.test(line)) return "tool-call";
+  if (PATTERNS.toolCall.test(line)) return "tool-call";
+  if (PATTERNS.workingIndicator.test(line)) return "spinner";
+  if (PATTERNS.userPrompt.test(line)) return "user-prompt";
+  if (PATTERNS.claudeResponse.test(line)) return "claude-response";
+  if (PATTERNS.toolResult.test(line)) return "tool-result";
+  if (previousType === "tool-call" && PATTERNS.indentedContent.test(line)) {
+    return "tool-call";
+  }
+  if (previousType === "tool-result" && PATTERNS.indentedContent.test(line)) {
+    return "tool-result";
+  }
+  if (PATTERNS.statusHint.test(line) || PATTERNS.progressBar.test(line)) return "status";
+  if (PATTERNS.spinner.test(line) && line.length < 100) return "spinner";
+  return "plain";
+}
+function extractToolName(line) {
+  const mcpMatch = line.match(PATTERNS.mcpToolCall);
+  if (mcpMatch) {
+    return `${mcpMatch[1]}:${mcpMatch[2]}`;
+  }
+  const match = line.match(PATTERNS.toolCall);
+  if (match) {
+    return match[1];
+  }
+  return void 0;
+}
+function isNewToolCall(line) {
+  return PATTERNS.toolCall.test(line) || PATTERNS.mcpToolCall.test(line);
+}
+const TRANSITIONS = {
+  "user-prompt": {
+    "plain": false,
+    // Multi-line user input continues
+    "spinner": false
+    // Spinners during input don't break
+  },
+  "claude-response": {
+    "plain": false,
+    // Response text continues
+    "spinner": false
+    // Spinners during response don't break
+  },
+  "tool-call": {
+    "tool-call": false,
+    // Continuation lines (handled specially for new tool calls)
+    "tool-result": false,
+    // Results follow tool calls
+    "spinner": false
+    // Spinners during execution don't break
+  },
+  "tool-result": {
+    "tool-result": false,
+    // Multiple result lines continue
+    "spinner": false
+    // Spinners during results don't break
+  },
+  "separator": {
+    // Separators always break - no continues
+  },
+  "status": {
+    "status": false
+    // Status lines group together
+  },
+  "spinner": {
+    "spinner": false
+    // Multiple spinner frames group together
+  },
+  "plain": {
+    "plain": false
+    // Plain content groups together
   }
 };
-class TerminalStore {
+function shouldStartNewBlock(current, newType, line) {
+  if (!current) return true;
+  if (newType === "separator" || newType === "user-prompt") {
+    return true;
+  }
+  if (newType === "tool-call" && isNewToolCall(line)) {
+    return true;
+  }
+  const transition = TRANSITIONS[current.type]?.[newType];
+  if (transition !== void 0) {
+    return transition;
+  }
+  return current.type !== newType;
+}
+function parseTerminalOutput(output) {
+  if (!output || output.trim() === "") {
+    return [];
+  }
+  const lines = output.split("\n");
+  const blocks = [];
+  let currentBlock = null;
+  let blockIdCounter = 0;
+  for (const line of lines) {
+    if (line.trim() === "") {
+      continue;
+    }
+    const previousType = currentBlock?.type ?? null;
+    const blockType = classifyLine(line, previousType);
+    if (shouldStartNewBlock(currentBlock, blockType, line)) {
+      if (currentBlock && currentBlock.content.trim()) {
+        blocks.push(currentBlock);
+      }
+      currentBlock = {
+        id: ++blockIdCounter,
+        type: blockType,
+        content: line
+      };
+      if (blockType === "tool-call") {
+        const toolName = extractToolName(line);
+        if (toolName) {
+          currentBlock.metadata = { toolName };
+        }
+      }
+    } else if (currentBlock) {
+      currentBlock.content += "\n" + line;
+    }
+  }
+  if (currentBlock && currentBlock.content.trim()) {
+    blocks.push(currentBlock);
+  }
+  return blocks;
+}
+function getBlockStats(blocks) {
+  return {
+    userPrompts: blocks.filter((b) => b.type === "user-prompt").length,
+    claudeResponses: blocks.filter((b) => b.type === "claude-response").length,
+    toolCalls: blocks.filter((b) => b.type === "tool-call").length,
+    hasActiveSpinner: blocks.some((b) => b.type === "spinner")
+  };
+}
+class TerminalStore extends ReliableWebSocket {
   output = "";
-  connected = false;
-  ws = null;
-  reconnectTimer = null;
+  #parsedBlocks = derived(() => parseTerminalOutput(this.output));
+  get parsedBlocks() {
+    return this.#parsedBlocks();
+  }
+  set parsedBlocks($$value) {
+    return this.#parsedBlocks($$value);
+  }
+  #stats = derived(() => getBlockStats(this.parsedBlocks));
+  get stats() {
+    return this.#stats();
+  }
+  set stats($$value) {
+    return this.#stats($$value);
+  }
   target = null;
+  resizeTimer = null;
+  lastSentSize = null;
+  getWsUrl() {
+    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+    const encodedTarget = encodeURIComponent(this.target);
+    return `${protocol}//${window.location.host}/api/sessions/${encodedTarget}/stream`;
+  }
+  getLogPrefix() {
+    return "[terminal]";
+  }
+  shouldReconnect() {
+    return this.target !== null;
+  }
+  handleMessage(event) {
+    const data = JSON.parse(event.data);
+    if (data.output !== void 0) {
+      this.output = data.output;
+    }
+  }
   connect(target) {
     return;
   }
   disconnect() {
-    this.target = null;
-    this.ws?.close();
-    this.ws = null;
-    if (this.reconnectTimer) {
-      clearTimeout(this.reconnectTimer);
-      this.reconnectTimer = null;
+    if (this.resizeTimer) {
+      clearTimeout(this.resizeTimer);
+      this.resizeTimer = null;
     }
+    this.lastSentSize = null;
+    this.target = null;
+    this.doDisconnect();
+  }
+  sendResize(cols, rows) {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+    if (this.lastSentSize?.cols === cols && this.lastSentSize?.rows === rows) return;
+    if (this.resizeTimer) clearTimeout(this.resizeTimer);
+    this.resizeTimer = setTimeout(
+      () => {
+        if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+          this.ws.send(JSON.stringify({ type: "resize", cols, rows }));
+          this.lastSentSize = { cols, rows };
+        }
+        this.resizeTimer = null;
+      },
+      150
+    );
   }
 }
 const terminalStore = new TerminalStore();
+const defaults = { terminalTheming: true };
+function loadPreferences() {
+  return defaults;
+}
+function savePreferences(prefs) {
+  return;
+}
+class PreferencesStore {
+  prefs = loadPreferences();
+  get terminalTheming() {
+    return this.prefs.terminalTheming;
+  }
+  set terminalTheming(value) {
+    this.prefs.terminalTheming = value;
+    savePreferences(this.prefs);
+  }
+  toggle(key) {
+    if (typeof this.prefs[key] === "boolean") {
+      this.prefs[key] = !this.prefs[key];
+      savePreferences(this.prefs);
+    }
+  }
+}
+const preferences = new PreferencesStore();
+function TerminalRenderer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const { blocks, class: className = "" } = $$props;
+    const typeStyles = {
+      "user-prompt": "terminal-user-prompt",
+      "claude-response": "terminal-claude-response",
+      "tool-call": "terminal-tool-call",
+      "tool-result": "terminal-tool-result",
+      separator: "terminal-separator",
+      status: "terminal-status",
+      spinner: "terminal-spinner",
+      plain: "terminal-plain"
+    };
+    const toolColors = {
+      // File operations
+      "Read": "tool-read",
+      "Write": "tool-write",
+      "Edit": "tool-edit",
+      "Update": "tool-edit",
+      "NotebookEdit": "tool-edit",
+      "Glob": "tool-search",
+      "Grep": "tool-search",
+      "Search": "tool-search",
+      // Execution
+      "Bash": "tool-bash",
+      "Task": "tool-task",
+      // Web operations
+      "WebFetch": "tool-web",
+      "WebSearch": "tool-web",
+      // Todo
+      "TodoWrite": "tool-todo",
+      // Browser/MCP
+      "chrome-devtools": "tool-browser",
+      "mcp": "tool-browser"
+    };
+    function getToolClass(toolName) {
+      if (!toolName) return "tool-default";
+      if (toolColors[toolName]) return toolColors[toolName];
+      for (const [key, value] of Object.entries(toolColors)) {
+        if (toolName.toLowerCase().includes(key.toLowerCase())) return value;
+      }
+      return "tool-default";
+    }
+    function processDiffContent(content) {
+      return content.split("\n").map((line) => {
+        if (/^\s*\d+\s*\+/.test(line)) {
+          return `<span class="diff-add">${escapeHtml(line)}</span>`;
+        }
+        if (/^\s*\d+\s*-/.test(line)) {
+          return `<span class="diff-remove">${escapeHtml(line)}</span>`;
+        }
+        return escapeHtml(line);
+      }).join("\n");
+    }
+    function escapeHtml(text) {
+      return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+    $$renderer2.push(`<pre${attr_class(`terminal-renderer ${stringify(className)}`, "svelte-k7hba9")}><!--[-->`);
+    const each_array = ensure_array_like(blocks);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let block = each_array[$$index];
+      $$renderer2.push(`<span${attr_class(`terminal-block ${stringify(typeStyles[block.type] || "terminal-plain")} ${stringify(block.type === "tool-call" ? getToolClass(block.metadata?.toolName) : "")}`, "svelte-k7hba9")}>`);
+      if (block.type === "tool-call" && block.metadata?.toolName) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<span${attr_class(`tool-badge ${stringify(getToolClass(block.metadata.toolName))}`, "svelte-k7hba9")}>${escape_html(block.metadata.toolName)}</span>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+      if (block.type === "tool-result") {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`${html(processDiffContent(block.content))}`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`${escape_html(block.content)}`);
+      }
+      $$renderer2.push(`<!--]--></span>
+`);
+    }
+    $$renderer2.push(`<!--]--></pre>`);
+  });
+}
 function _page($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     var $$store_subs;
-    const target = decodeURIComponent(store_get($$store_subs ??= {}, "$page", page).params.target);
+    const target = store_get($$store_subs ??= {}, "$page", page).params.target ? decodeURIComponent(store_get($$store_subs ??= {}, "$page", page).params.target) : null;
     const currentSession = sessionStore.sessions.find((s) => s.tmux_target === target || s.id === target);
     let textInput = "";
+    let showConfirmKill = false;
+    let showCopied = false;
+    function calculateTerminalSize() {
+      return null;
+    }
+    function handleResize() {
+      const size = calculateTerminalSize();
+      if (size) terminalStore.sendResize(size.cols, size.rows);
+    }
     onDestroy(() => {
       terminalStore.disconnect();
-      sessionStore.disconnect();
     });
-    head("15bjeev", $$renderer2, ($$renderer3) => {
-      $$renderer3.title(($$renderer4) => {
-        $$renderer4.push(`<title>${escape_html(target)}</title>`);
+    async function sendKeys(keys) {
+      await fetch(`/api/sessions/${encodeURIComponent(target)}/send`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ keys })
       });
-    });
-    $$renderer2.push(`<div class="container svelte-15bjeev"><header class="header svelte-15bjeev"><a href="/" class="back svelte-15bjeev"><iconify-icon icon="mdi:arrow-left"></iconify-icon></a> <div class="title-row svelte-15bjeev"><span class="state svelte-15bjeev"${attr_style(`background: ${stringify(stateColor(currentSession?.state || "idle"))}`)}></span> <span class="target svelte-15bjeev">${escape_html(currentSession?.pane_title || target)}</span></div> <div class="header-actions svelte-15bjeev"><button title="Copy tmux attach command" class="svelte-15bjeev"><iconify-icon icon="mdi:content-copy"></iconify-icon></button> <button title="Stop (Esc)" class="svelte-15bjeev"><iconify-icon icon="mdi:stop"></iconify-icon></button> <button class="danger svelte-15bjeev" title="Kill Session"><iconify-icon icon="mdi:power"></iconify-icon></button></div></header> <pre class="output svelte-15bjeev">${escape_html(terminalStore.output)}</pre> <div class="toolbar svelte-15bjeev"><button class="svelte-15bjeev"><iconify-icon icon="mdi:arrow-up"></iconify-icon></button> <button class="svelte-15bjeev"><iconify-icon icon="mdi:arrow-down"></iconify-icon></button> <button class="svelte-15bjeev">Space</button> <button class="svelte-15bjeev">Tab</button> <button class="svelte-15bjeev"><iconify-icon icon="mdi:keyboard-return"></iconify-icon></button> <button class="svelte-15bjeev">Clear</button> <button class="danger svelte-15bjeev">Ctrl-C</button></div> <form class="input-row svelte-15bjeev"><input type="text"${attr("value", textInput)} placeholder="Type a message..." class="svelte-15bjeev"/> <button type="submit" class="svelte-15bjeev"><iconify-icon icon="mdi:send"></iconify-icon></button></form></div> `);
-    {
-      $$renderer2.push("<!--[!-->");
     }
-    $$renderer2.push(`<!--]-->`);
+    async function killSession() {
+      if (!currentSession) return;
+      await fetch(`/api/sessions/${encodeURIComponent(currentSession.id)}/kill`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          pid: currentSession.pid,
+          tmux_target: currentSession.tmux_target
+        })
+      });
+      showConfirmKill = false;
+      goto();
+    }
+    function copyTmuxCmd() {
+      if (!target) return;
+      const cmd = `tmux attach -t "${target.split(":")[0]}"`;
+      if (navigator.clipboard?.writeText) {
+        navigator.clipboard.writeText(cmd);
+      } else {
+        const textarea = document.createElement("textarea");
+        textarea.value = cmd;
+        textarea.style.position = "fixed";
+        textarea.style.opacity = "0";
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+      }
+      showCopied = true;
+      setTimeout(
+        () => {
+          showCopied = false;
+        },
+        2e3
+      );
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("15bjeev", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>${escape_html(currentSession?.pane_title || target || "Session")}</title>`);
+        });
+        $$renderer4.push(`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&amp;display=swap" rel="stylesheet"/>`);
+      });
+      $$renderer3.push(`<div class="session-container svelte-15bjeev"><header class="header svelte-15bjeev"><div class="title-row svelte-15bjeev"><span class="state svelte-15bjeev"${attr_style(`background: ${stringify(stateColor(currentSession?.state || "idle"))}`)}></span> <div class="title-info svelte-15bjeev"><span class="target svelte-15bjeev">${escape_html(currentSession?.pane_title || target)}</span> <span class="status svelte-15bjeev">${escape_html(currentSession?.current_action || currentSession?.state || "idle")}</span></div></div> <div class="header-actions svelte-15bjeev">`);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        onclick: copyTmuxCmd,
+        title: "Copy tmux attach command",
+        class: showCopied ? "bg-green-800 text-green-300" : "",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon${attr("icon", showCopied ? "mdi:check" : "mdi:content-copy")}></iconify-icon> <span>${escape_html(showCopied ? "Copied!" : "Tmux")}</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        onclick: handleResize,
+        title: "Resize tmux pane to fit viewport",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:fit-to-screen"></iconify-icon> <span>Fit</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: preferences.terminalTheming ? "secondary" : "ghost",
+        size: "toolbar",
+        onclick: () => preferences.toggle("terminalTheming"),
+        title: "Toggle syntax highlighting",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon${attr("icon", preferences.terminalTheming ? "mdi:palette" : "mdi:palette-outline")}></iconify-icon> <span>Theme</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "ghost-destructive",
+        size: "toolbar",
+        onclick: () => showConfirmKill = true,
+        title: "Kill Session",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:power"></iconify-icon> <span>Kill</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div></header> <div class="output svelte-15bjeev">`);
+      if (preferences.terminalTheming) {
+        $$renderer3.push("<!--[-->");
+        TerminalRenderer($$renderer3, { blocks: terminalStore.parsedBlocks });
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push(`<pre class="raw-output svelte-15bjeev">${escape_html(terminalStore.output)}</pre>`);
+      }
+      $$renderer3.push(`<!--]--></div> <div class="toolbar svelte-15bjeev">`);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("Up"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:arrow-up"></iconify-icon> <span>Up</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("Down"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:arrow-down"></iconify-icon> <span>Down</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("Space"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:keyboard-space"></iconify-icon> <span>Space</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("Tab"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:keyboard-tab"></iconify-icon> <span>Tab</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("C-l"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:eraser"></iconify-icon> <span>Ctrl-L</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: async () => {
+          await fetch(`/api/sessions/${encodeURIComponent(target)}/send`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ text: "/clear" })
+          });
+        },
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:broom"></iconify-icon> <span>/clear</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "secondary",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("Escape"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:stop"></iconify-icon> <span>Esc</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      Button($$renderer3, {
+        variant: "ghost-destructive",
+        size: "toolbar",
+        class: "flex-1",
+        onclick: () => sendKeys("C-c"),
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:cancel"></iconify-icon> <span>Ctrl-C</span>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div> <form class="input-row svelte-15bjeev"><textarea placeholder="Type a message..."${attr("rows", 1)} class="svelte-15bjeev">`);
+      const $$body = escape_html(textInput);
+      if ($$body) {
+        $$renderer3.push(`${$$body}`);
+      }
+      $$renderer3.push(`</textarea> `);
+      Button($$renderer3, {
+        type: "submit",
+        variant: "success",
+        class: "min-w-[52px] min-h-[48px] text-lg",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<iconify-icon icon="mdi:send"></iconify-icon>`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></form></div> <!---->`);
+      Alert_dialog?.($$renderer3, {
+        get open() {
+          return showConfirmKill;
+        },
+        set open($$value) {
+          showConfirmKill = $$value;
+          $$settled = false;
+        },
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->`);
+          Alert_dialog_content?.($$renderer4, {
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->`);
+              Alert_dialog_header?.($$renderer5, {
+                children: ($$renderer6) => {
+                  $$renderer6.push(`<!---->`);
+                  Alert_dialog_title?.($$renderer6, {
+                    children: ($$renderer7) => {
+                      $$renderer7.push(`<!---->Kill this session?`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer6.push(`<!----> <!---->`);
+                  Alert_dialog_description?.($$renderer6, {
+                    children: ($$renderer7) => {
+                      $$renderer7.push(`<!---->This will terminate the Claude process.`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer6.push(`<!---->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer5.push(`<!----> <!---->`);
+              Alert_dialog_footer?.($$renderer5, {
+                children: ($$renderer6) => {
+                  $$renderer6.push(`<!---->`);
+                  Alert_dialog_cancel?.($$renderer6, {
+                    children: ($$renderer7) => {
+                      $$renderer7.push(`<!---->Cancel`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer6.push(`<!----> <!---->`);
+                  Alert_dialog_action?.($$renderer6, {
+                    onclick: killSession,
+                    class: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                    children: ($$renderer7) => {
+                      $$renderer7.push(`<!---->Kill`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer6.push(`<!---->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer5.push(`<!---->`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
     if ($$store_subs) unsubscribe_stores($$store_subs);
   });
 }