@volter-ai-dev/supercode-ui 0.1.1 → 0.1.3

package/embed.mjs

@@ -1,14 +1,15 @@
 // src/embed.jsx
 import { render } from "preact";
 
-// src/components.jsx
-import MarkdownIt from "markdown-it";
-import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "preact/hooks";
+// src/messenger.jsx
+import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "preact/hooks";
 
 // core.mjs
 var HARNESS_NAMES = Object.freeze({
   "claude-code": "Claude Code",
   codex: "Codex",
+  gemini: "Gemini CLI",
+  goose: "Goose",
   opencode: "OpenCode",
   pi: "Pi",
   grok: "Grok"
@@ -63,7 +64,7 @@ var EMPTY_UI_STATE = Object.freeze({
 });
 var ROLES = /* @__PURE__ */ new Set(["system", "user", "assistant", "tool", "reasoning", "request", "notice"]);
 var MODES = /* @__PURE__ */ new Set(["none", "control", "mirror"]);
-var STRATEGIES = /* @__PURE__ */ new Set(["start", "resume", "attach", "branch"]);
+var STRATEGIES = /* @__PURE__ */ new Set(["start", "resume", "attach", "branch", "reduce"]);
 var STARTUP = /* @__PURE__ */ new Set(["connecting", "starting", "discovering", "ready"]);
 var FIDELITY = /* @__PURE__ */ new Set(["byte_lossless", "value_lossless", "semantic"]);
 function record(value) {
@@ -187,6 +188,35 @@ function readSemantics(value) {
     }) : []
   };
 }
+function readTerminalHandoff(value) {
+  const handoff = record(value);
+  if (!handoff || typeof handoff.program !== "string" || !handoff.program.trim() || !Array.isArray(handoff.arguments) || !handoff.arguments.every((argument) => typeof argument === "string") || typeof handoff.cwd !== "string") return null;
+  return { program: handoff.program, arguments: [...handoff.arguments], cwd: handoff.cwd };
+}
+function readExportReceipt(value) {
+  const receipt = record(value);
+  if (!receipt || typeof receipt.targetHarness !== "string" || !["byte_lossless", "value_lossless"].includes(receipt.fidelity) || typeof receipt.path !== "string" || !receipt.path.trim() || !Number.isInteger(receipt.files) || receipt.files < 1 || !Number.isInteger(receipt.residueCount) || receipt.residueCount < 0) return null;
+  return {
+    targetHarness: receipt.targetHarness,
+    fidelity: receipt.fidelity,
+    path: receipt.path,
+    files: receipt.files,
+    residueCount: receipt.residueCount
+  };
+}
+function readReductionReceipt(value) {
+  const receipt = record(value);
+  if (!receipt || typeof receipt.sourceTokens !== "number" || !Number.isFinite(receipt.sourceTokens) || typeof receipt.reducedTokens !== "number" || !Number.isFinite(receipt.reducedTokens) || receipt.sourceTokens <= receipt.reducedTokens || receipt.reducedTokens < 0 || typeof receipt.ratio !== "number" || !Number.isFinite(receipt.ratio) || receipt.ratio <= 1 || typeof receipt.sidecarId !== "string" || !receipt.sidecarId.trim() || receipt.verified !== true || receipt.reversible !== true || typeof receipt.targetHarness !== "string" || !receipt.targetHarness.trim()) return null;
+  return {
+    sourceTokens: receipt.sourceTokens,
+    reducedTokens: receipt.reducedTokens,
+    ratio: receipt.ratio,
+    sidecarId: receipt.sidecarId,
+    verified: true,
+    reversible: true,
+    targetHarness: receipt.targetHarness
+  };
+}
 function normalizeUiState(value) {
   const raw = record(value) ?? {};
   const pill = record(raw.pill);
@@ -216,10 +246,10 @@ function normalizeUiState(value) {
     workspace: string(raw.workspace),
     taskPlan: readTaskPlan(raw.taskPlan),
     semantics: readSemantics(raw.semantics),
-    terminalHandoff: record(raw.terminalHandoff),
+    terminalHandoff: readTerminalHandoff(raw.terminalHandoff),
     exportBackTarget: typeof raw.exportBackTarget === "string" ? raw.exportBackTarget : null,
-    exportReceipt: record(raw.exportReceipt),
-    reductionReceipt: record(raw.reductionReceipt),
+    exportReceipt: readExportReceipt(raw.exportReceipt),
+    reductionReceipt: readReductionReceipt(raw.reductionReceipt),
     error: typeof raw.error === "string" ? raw.error : null,
     recoverable: raw.recoverable === true,
     harnesses: Array.isArray(raw.harnesses) ? raw.harnesses.flatMap((candidate) => {
@@ -324,8 +354,112 @@ function isSendKey(event) {
   return event.key === "Enter" && !event.shiftKey && !event.isComposing;
 }
 
-// src/components.jsx
+// src/composer.jsx
+import { useEffect, useRef, useState } from "preact/hooks";
+
+// src/memory.js
+var MEMORY_LIMIT = 100;
+function boundedSet(map, key, value) {
+  map.delete(key);
+  map.set(key, value);
+  while (map.size > MEMORY_LIMIT) map.delete(map.keys().next().value);
+}
+
+// src/composer.jsx
 import { jsx, jsxs } from "preact/jsx-runtime";
+var composerMemory = /* @__PURE__ */ new Map();
+function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
+  if (state.mode !== "mirror" || state.canSend) return null;
+  const attached = state.attached;
+  const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
+  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const resume = canContinueHere(state);
+  const join = state.canAttach;
+  const branch = state.canBranch;
+  if (!resume && !join && !branch) return /* @__PURE__ */ jsx("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs("span", { children: [
+    /* @__PURE__ */ jsx("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+    /* @__PURE__ */ jsx("small", { children: "This session cannot be continued by an available harness." })
+  ] }) });
+  return /* @__PURE__ */ jsxs("div", { class: "scui-continuation", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+      /* @__PURE__ */ jsx("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
+    ] }),
+    /* @__PURE__ */ jsx("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
+  ] });
+}
+function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, onPending }) {
+  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, queue: [] };
+  const [draft, setDraft] = useState(remembered.draft);
+  const [queue, setQueue] = useState(remembered.queue);
+  const textarea = useRef(null);
+  const remember = (nextDraft, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, queue: nextQueue });
+  const updateQueue = (update) => setQueue((items) => {
+    const next = update(items);
+    remember(draft, next);
+    return next;
+  });
+  useEffect(() => {
+    if (!state.busy && state.canSend && queue.length) {
+      const [next, ...rest] = queue;
+      setQueue(rest);
+      remember(draft, rest);
+      onPending?.(next);
+      adapter.onIntent({ action: "send", text: next });
+    }
+  }, [adapter, draft, memoryKey, onPending, queue, state.busy, state.canSend]);
+  useEffect(() => {
+    const timer = setTimeout(() => adapter.onIntent({ action: "draft", text: draft }), 250);
+    return () => clearTimeout(timer);
+  }, [adapter, draft]);
+  const send = () => {
+    const text = draft.trim();
+    if (!text) return;
+    if (state.busy) updateQueue((items) => [...items, text]);
+    else if (state.canSend) {
+      onPending?.(text);
+      adapter.onIntent({ action: "send", text });
+    } else return;
+    setDraft("");
+    remember("", state.busy ? [...queue, text] : queue);
+  };
+  return /* @__PURE__ */ jsxs("div", { class: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs("div", { class: "scui-queue", children: [
+      /* @__PURE__ */ jsxs("strong", { children: [
+        queue.length,
+        " queued"
+      ] }),
+      queue.map((item, index) => /* @__PURE__ */ jsxs("span", { children: [
+        item,
+        /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
+      ] }, `${index}:${item}`))
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { class: "scui-envelope", children: [
+      /* @__PURE__ */ jsx("textarea", { ref: textarea, rows: 1, "aria-label": `Message ${harnessDisplayName(state.harness) || "agent"}`, placeholder: state.startup !== "ready" ? "Connecting\u2026" : state.busy ? "Queue a follow-up\u2026" : labels.askAgent, value: draft, disabled: state.mode !== "control" && !state.canSend, onInput: (event) => {
+        const value = event.currentTarget.value;
+        setDraft(value);
+        remember(value, queue);
+      }, onKeyDown: (event) => {
+        if (isSendKey(event)) {
+          event.preventDefault();
+          send();
+        }
+      } }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        state.busy ? /* @__PURE__ */ jsx("button", { class: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: "\u25A0" }) : null,
+        /* @__PURE__ */ jsx("button", { class: "scui-send", type: "button", "aria-label": state.busy ? "Queue message" : "Send message", disabled: !draft.trim() || !state.busy && !state.canSend, onClick: send, children: state.busy ? "+" : "\u2191" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/conversation.jsx
+import { useEffect as useEffect2, useId, useLayoutEffect, useRef as useRef2, useState as useState2 } from "preact/hooks";
+
+// src/markdown.jsx
+import MarkdownIt from "markdown-it";
+import { useMemo } from "preact/hooks";
+import { jsx as jsx2 } from "preact/jsx-runtime";
 var markdown = new MarkdownIt({ html: false, linkify: true, breaks: false });
 var defaultLinkOpen = markdown.renderer.rules.link_open;
 markdown.renderer.rules.link_open = (tokens, index, options, env, self) => {
@@ -333,47 +467,13 @@ markdown.renderer.rules.link_open = (tokens, index, options, env, self) => {
   tokens[index]?.attrSet("rel", "noreferrer noopener");
   return defaultLinkOpen ? defaultLinkOpen(tokens, index, options, env, self) : self.renderToken(tokens, index, options);
 };
-var LOGOS = {
-  "claude-code": {
-    viewBox: "-1 3.5 26 18",
-    paths: [
-      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z" }]
-    ]
-  },
-  codex: {
-    viewBox: "-1 -1 26 26",
-    paths: [
-      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z" }]
-    ]
-  },
-  grok: {
-    viewBox: "-1 -1 26 26",
-    paths: [["path", { d: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815" }]]
-  },
-  opencode: { viewBox: "2.5 0 19 24", paths: [["path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" }]] },
-  pi: {
-    viewBox: "0 0 24 24",
-    paths: [
-      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
-      ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
-    ]
-  }
-};
 function Markdown({ value }) {
   const html = useMemo(() => markdown.render(value), [value]);
-  return /* @__PURE__ */ jsx("div", { class: "scui-markdown", dangerouslySetInnerHTML: { __html: html } });
-}
-function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
-  const logo = LOGOS[id];
-  useEffect(() => {
-    if (!logo) onMissingLogo?.(id);
-  }, [id, logo, onMissingLogo]);
-  if (!logo) return null;
-  return /* @__PURE__ */ jsxs("span", { class: "scui-logo", "data-harness": id, "data-activity": activity, style: `--scui-logo-size:${size}px`, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("svg", { viewBox: logo.viewBox, focusable: "false", children: logo.paths.map(([Tag, props], index) => /* @__PURE__ */ jsx(Tag, { ...props }, index)) }),
-    activity && activity !== "idle" ? /* @__PURE__ */ jsx("i", {}) : null
-  ] });
+  return /* @__PURE__ */ jsx2("div", { class: "scui-markdown", dangerouslySetInnerHTML: { __html: html } });
 }
+
+// src/conversation.jsx
+import { jsx as jsx3, jsxs as jsxs2 } from "preact/jsx-runtime";
 function LoadingStatus({ state, compact = false }) {
   const copy = {
     connecting: ["Connecting to coding agents", "Checking installed harnesses and capabilities.", 0],
@@ -381,83 +481,83 @@ function LoadingStatus({ state, compact = false }) {
     discovering: ["Loading recent sessions", "Scanning native session stores without loading full transcripts.", 2],
     ready: ["Ready", "Coding sessions are up to date.", 3]
   }[state.startup];
-  return /* @__PURE__ */ jsxs("div", { class: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
-    /* @__PURE__ */ jsx("span", { class: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx("i", {}) }),
-    /* @__PURE__ */ jsxs("span", { class: "scui-loading-copy", children: [
-      /* @__PURE__ */ jsx("strong", { children: copy[0] }),
-      /* @__PURE__ */ jsx("small", { children: copy[1] })
+  return /* @__PURE__ */ jsxs2("div", { class: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx3("span", { class: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx3("i", {}) }),
+    /* @__PURE__ */ jsxs2("span", { class: "scui-loading-copy", children: [
+      /* @__PURE__ */ jsx3("strong", { children: copy[0] }),
+      /* @__PURE__ */ jsx3("small", { children: copy[1] })
     ] }),
-    /* @__PURE__ */ jsx("span", { class: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
+    /* @__PURE__ */ jsx3("span", { class: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx3("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
   ] });
 }
 function RequestCard({ entry, adapter, canRespond }) {
   const request = entry.request;
   if (!request) return null;
   if (request.status === "responded") {
-    return /* @__PURE__ */ jsxs("div", { class: "scui-request-done", children: [
+    return /* @__PURE__ */ jsxs2("div", { class: "scui-request-done", children: [
       "\u2713 Request answered \xB7 ",
       request.resolution?.name ?? request.requestKind
     ] });
   }
-  return /* @__PURE__ */ jsxs("section", { class: "scui-request", "aria-label": `${request.requestKind} needs input`, children: [
-    /* @__PURE__ */ jsx("strong", { children: "Agent needs input" }),
-    /* @__PURE__ */ jsx(Markdown, { value: request.payloadText || entry.text }),
-    /* @__PURE__ */ jsxs("div", { class: "scui-request-actions", children: [
-      request.options.map((option) => /* @__PURE__ */ jsx("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
-      request.cancellable ? /* @__PURE__ */ jsx("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: null }), children: "Cancel" }) : null
+  return /* @__PURE__ */ jsxs2("section", { class: "scui-request", "aria-label": `${request.requestKind} needs input`, children: [
+    /* @__PURE__ */ jsx3("strong", { children: "Agent needs input" }),
+    /* @__PURE__ */ jsx3(Markdown, { value: request.payloadText || entry.text }),
+    /* @__PURE__ */ jsxs2("div", { class: "scui-request-actions", children: [
+      request.options.map((option) => /* @__PURE__ */ jsx3("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
+      request.cancellable ? /* @__PURE__ */ jsx3("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: null }), children: "Cancel" }) : null
     ] })
   ] });
 }
 function ContextDisclosure({ context }) {
   if (!context?.length) return null;
-  return /* @__PURE__ */ jsxs("details", { class: "scui-context", children: [
-    /* @__PURE__ */ jsxs("summary", { children: [
+  return /* @__PURE__ */ jsxs2("details", { class: "scui-context", children: [
+    /* @__PURE__ */ jsxs2("summary", { children: [
       "Context \xB7 ",
       context.length
     ] }),
-    /* @__PURE__ */ jsx("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs("p", { children: [
-      /* @__PURE__ */ jsx("strong", { children: item.label }),
-      /* @__PURE__ */ jsx("span", { children: item.detail })
+    /* @__PURE__ */ jsx3("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs2("p", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: item.label }),
+      /* @__PURE__ */ jsx3("span", { children: item.detail })
     ] }, item.id ?? index)) })
   ] });
 }
 function TranscriptEntry({ entry, state, adapter }) {
-  if (entry.role === "request") return /* @__PURE__ */ jsx(RequestCard, { entry, adapter, canRespond: state.canRespond });
+  if (entry.role === "request") return /* @__PURE__ */ jsx3(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
-    return /* @__PURE__ */ jsxs("details", { class: "scui-reasoning", open: entry.streaming, children: [
-      /* @__PURE__ */ jsx("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
-      /* @__PURE__ */ jsx(Markdown, { value: entry.text })
+    return /* @__PURE__ */ jsxs2("details", { class: "scui-reasoning", open: entry.streaming, children: [
+      /* @__PURE__ */ jsx3("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
+      /* @__PURE__ */ jsx3(Markdown, { value: entry.text })
     ] });
   }
-  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx("div", { class: "scui-notice", "data-code": entry.code, children: entry.text });
-  return /* @__PURE__ */ jsxs("article", { class: "scui-message", "data-role": entry.role, children: [
-    /* @__PURE__ */ jsx(Markdown, { value: entry.text }),
-    /* @__PURE__ */ jsx(ContextDisclosure, { context: entry.context }),
-    entry.truncated ? /* @__PURE__ */ jsx("small", { class: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx3("div", { class: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs2("article", { class: "scui-message", "data-role": entry.role, children: [
+    /* @__PURE__ */ jsx3(Markdown, { value: entry.text }),
+    /* @__PURE__ */ jsx3(ContextDisclosure, { context: entry.context }),
+    entry.truncated ? /* @__PURE__ */ jsx3("small", { class: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null
   ] });
 }
 function ToolRow({ entry, workspace }) {
-  const [open, setOpen] = useState(entry.status === "pending");
+  const [open, setOpen] = useState2(entry.status === "pending");
   const detailId = useId();
   const target = compactToolTarget(toolTarget(entry.arguments), workspace);
   const hasDetail = Boolean(entry.arguments || entry.resultText);
   const category = toolCategory(entry);
-  return /* @__PURE__ */ jsxs("div", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: [
-    /* @__PURE__ */ jsxs("button", { type: "button", class: "scui-tool-head", disabled: !hasDetail, "aria-expanded": hasDetail ? open : void 0, "aria-controls": hasDetail ? detailId : void 0, onClick: () => hasDetail && setOpen((value) => !value), children: [
-      /* @__PURE__ */ jsx("span", { class: "scui-tool-glyph", "aria-hidden": "true", children: { read: "\u25A4", search: "\u2315", edit: "\u270E", command: ">_", test: "\u25C7", web: "\u25CE", agent: "\u2659", other: "\u25C6" }[category] }),
-      /* @__PURE__ */ jsx("strong", { children: entry.label?.split(/__|\//).at(-1)?.replaceAll("_", " ") || "Tool" }),
-      target ? /* @__PURE__ */ jsx("span", { class: "scui-tool-target", title: toolTarget(entry.arguments), children: target }) : null,
-      /* @__PURE__ */ jsx("span", { class: "scui-spacer" }),
-      /* @__PURE__ */ jsx("span", { "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? "\u25CC" : entry.status === "error" ? "\xD7" : "\u2713" })
+  return /* @__PURE__ */ jsxs2("div", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: [
+    /* @__PURE__ */ jsxs2("button", { type: "button", class: "scui-tool-head", disabled: !hasDetail, "aria-expanded": hasDetail ? open : void 0, "aria-controls": hasDetail ? detailId : void 0, onClick: () => hasDetail && setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx3("span", { class: "scui-tool-glyph", "aria-hidden": "true", children: { read: "\u25A4", search: "\u2315", edit: "\u270E", command: ">_", test: "\u25C7", web: "\u25CE", agent: "\u2659", other: "\u25C6" }[category] }),
+      /* @__PURE__ */ jsx3("strong", { children: entry.label?.split(/__|\//).at(-1)?.replaceAll("_", " ") || "Tool" }),
+      target ? /* @__PURE__ */ jsx3("span", { class: "scui-tool-target", title: toolTarget(entry.arguments), children: target }) : null,
+      /* @__PURE__ */ jsx3("span", { class: "scui-spacer" }),
+      /* @__PURE__ */ jsx3("span", { "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? "\u25CC" : entry.status === "error" ? "\xD7" : "\u2713" })
     ] }),
-    hasDetail && open ? /* @__PURE__ */ jsxs("div", { id: detailId, class: "scui-tool-detail", children: [
-      entry.arguments ? /* @__PURE__ */ jsxs("pre", { children: [
-        /* @__PURE__ */ jsx("b", { children: "Input" }),
+    hasDetail && open ? /* @__PURE__ */ jsxs2("div", { id: detailId, class: "scui-tool-detail", children: [
+      entry.arguments ? /* @__PURE__ */ jsxs2("pre", { children: [
+        /* @__PURE__ */ jsx3("b", { children: "Input" }),
         "\n",
         entry.arguments
       ] }) : null,
-      entry.resultText ? /* @__PURE__ */ jsxs("pre", { "data-error": entry.status === "error", children: [
-        /* @__PURE__ */ jsx("b", { children: "Output" }),
+      entry.resultText ? /* @__PURE__ */ jsxs2("pre", { "data-error": entry.status === "error", children: [
+        /* @__PURE__ */ jsx3("b", { children: "Output" }),
         "\n",
         entry.resultText,
         entry.truncated ? "\n[truncated]" : ""
@@ -467,74 +567,74 @@ function ToolRow({ entry, workspace }) {
 }
 function ActivityGroup({ entries, state }) {
   const active = entries.some((entry) => entry.status === "pending");
-  const [open, setOpen] = useState(active);
+  const [open, setOpen] = useState2(active);
   const id = useId();
-  useEffect(() => {
+  useEffect2(() => {
     if (active) setOpen(true);
   }, [active]);
-  return /* @__PURE__ */ jsxs("section", { class: "scui-activity", children: [
-    /* @__PURE__ */ jsxs("button", { class: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
-      /* @__PURE__ */ jsx("span", { class: "scui-fold", "data-open": open, children: "\u203A" }),
-      /* @__PURE__ */ jsx("strong", { children: activitySummary(entries) }),
-      /* @__PURE__ */ jsx("span", { class: "scui-spacer" }),
-      /* @__PURE__ */ jsxs("small", { children: [
+  return /* @__PURE__ */ jsxs2("section", { class: "scui-activity", children: [
+    /* @__PURE__ */ jsxs2("button", { class: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx3("span", { class: "scui-fold", "data-open": open, children: "\u203A" }),
+      /* @__PURE__ */ jsx3("strong", { children: activitySummary(entries) }),
+      /* @__PURE__ */ jsx3("span", { class: "scui-spacer" }),
+      /* @__PURE__ */ jsxs2("small", { children: [
         entries.filter((entry) => entry.status === "completed").length,
         "/",
         entries.length
       ] })
     ] }),
-    open ? /* @__PURE__ */ jsx("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx(ToolRow, { entry, workspace: state.workspace }, entry.id)) }) : null
+    open ? /* @__PURE__ */ jsx3("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx3(ToolRow, { entry, workspace: state.workspace }, entry.id)) }) : null
   ] });
 }
 function TaskPlan({ plan }) {
   if (!plan.items.length) return null;
   const complete = plan.items.filter((item) => item.status === "completed" || item.status === "cancelled").length;
-  return /* @__PURE__ */ jsxs("details", { class: "scui-plan", children: [
-    /* @__PURE__ */ jsxs("summary", { children: [
-      /* @__PURE__ */ jsx("span", { children: "Plan" }),
-      /* @__PURE__ */ jsxs("small", { children: [
+  return /* @__PURE__ */ jsxs2("details", { class: "scui-plan", children: [
+    /* @__PURE__ */ jsxs2("summary", { children: [
+      /* @__PURE__ */ jsx3("span", { children: "Plan" }),
+      /* @__PURE__ */ jsxs2("small", { children: [
         complete,
         "/",
         plan.items.length
       ] })
     ] }),
-    /* @__PURE__ */ jsx("ol", { children: plan.items.map((item) => /* @__PURE__ */ jsxs("li", { "data-status": item.status, children: [
-      /* @__PURE__ */ jsx("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx3("ol", { tabIndex: 0, "aria-label": "Task plan steps", children: plan.items.map((item) => /* @__PURE__ */ jsxs2("li", { "data-status": item.status, children: [
+      /* @__PURE__ */ jsx3("i", { "aria-hidden": "true" }),
       " ",
-      /* @__PURE__ */ jsx("span", { children: item.title })
+      /* @__PURE__ */ jsx3("span", { children: item.title })
     ] }, item.id)) })
   ] });
 }
 function SessionDetails({ semantics }) {
   if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
-  return /* @__PURE__ */ jsxs("details", { class: "scui-details", children: [
-    /* @__PURE__ */ jsx("summary", { children: "Session details" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      semantics.fidelity ? /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsx("strong", { children: "Fidelity" }),
-        /* @__PURE__ */ jsx("span", { children: semantics.fidelity.replaceAll("_", " ") })
+  return /* @__PURE__ */ jsxs2("details", { class: "scui-details", children: [
+    /* @__PURE__ */ jsx3("summary", { children: "Session details" }),
+    /* @__PURE__ */ jsxs2("div", { children: [
+      semantics.fidelity ? /* @__PURE__ */ jsxs2("p", { children: [
+        /* @__PURE__ */ jsx3("strong", { children: "Fidelity" }),
+        /* @__PURE__ */ jsx3("span", { children: semantics.fidelity.replaceAll("_", " ") })
       ] }) : null,
-      /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsx("strong", { children: "Native records" }),
-        /* @__PURE__ */ jsx("span", { children: semantics.rawRecords })
+      /* @__PURE__ */ jsxs2("p", { children: [
+        /* @__PURE__ */ jsx3("strong", { children: "Native records" }),
+        /* @__PURE__ */ jsx3("span", { children: semantics.rawRecords })
       ] }),
-      semantics.residueCount ? /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsx("strong", { children: "Residue" }),
-        /* @__PURE__ */ jsxs("span", { children: [
+      semantics.residueCount ? /* @__PURE__ */ jsxs2("p", { children: [
+        /* @__PURE__ */ jsx3("strong", { children: "Residue" }),
+        /* @__PURE__ */ jsxs2("span", { children: [
           semantics.residueCount,
           " retained"
         ] })
       ] }) : null,
-      semantics.parseErrors ? /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsx("strong", { children: "Parse diagnostics" }),
-        /* @__PURE__ */ jsx("span", { children: semantics.parseErrors })
+      semantics.parseErrors ? /* @__PURE__ */ jsxs2("p", { children: [
+        /* @__PURE__ */ jsx3("strong", { children: "Parse diagnostics" }),
+        /* @__PURE__ */ jsx3("span", { children: semantics.parseErrors })
       ] }) : null,
-      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsxs("strong", { children: [
+      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs2("p", { children: [
+        /* @__PURE__ */ jsxs2("strong", { children: [
           agent.source,
           " subagent"
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
           agent.messages,
           " messages \xB7 ",
           agent.fidelity.replaceAll("_", " ")
@@ -544,24 +644,24 @@ function SessionDetails({ semantics }) {
   ] });
 }
 var conversationMemory = /* @__PURE__ */ new Map();
-var composerMemory = /* @__PURE__ */ new Map();
 function Conversation({ state, adapter, components = {}, slots = {}, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pending = null }) {
-  const scroller = useRef(null);
+  const scroller = useRef2(null);
   const remembered = conversationMemory.get(memoryKey) ?? { top: null, atBottom: true };
-  const [atBottom, setAtBottom] = useState(remembered.atBottom);
-  const earlierAnchor = useRef(null);
-  const restored = useRef(false);
+  const [atBottom, setAtBottom] = useState2(remembered.atBottom);
+  const earlierAnchor = useRef2(null);
+  const restored = useRef2(false);
   const blocks = groupConversation(state.transcript);
   const Entry = components.TranscriptEntry ?? TranscriptEntry;
   const Group = components.ActivityGroup ?? ActivityGroup;
   const Before = slots.beforeConversation;
   const After = slots.afterConversation;
   const Empty = slots.emptyConversation;
+  const remember = (value) => boundedSet(conversationMemory, memoryKey, value);
   const pin = () => {
     if (!scroller.current) return;
     scroller.current.scrollTop = scroller.current.scrollHeight;
     setAtBottom(true);
-    conversationMemory.set(memoryKey, { top: scroller.current.scrollTop, atBottom: true });
+    remember({ top: scroller.current.scrollTop, atBottom: true });
   };
   useLayoutEffect(() => {
     const element = scroller.current;
@@ -570,7 +670,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
     if (anchor && state.transcript.length > anchor.entries) {
       element.scrollTop = anchor.top + (element.scrollHeight - anchor.height);
       earlierAnchor.current = null;
-      conversationMemory.set(memoryKey, { top: element.scrollTop, atBottom: false });
+      remember({ top: element.scrollTop, atBottom: false });
       return;
     }
     if (!restored.current) {
@@ -579,178 +679,153 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       else pin();
     } else if (atBottom) pin();
   }, [memoryKey, state.transcript.length, state.busy]);
-  return /* @__PURE__ */ jsxs("div", { class: "scui-conversation-wrap", children: [
-    /* @__PURE__ */ jsx("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
+  return /* @__PURE__ */ jsxs2("div", { class: "scui-conversation-wrap", children: [
+    /* @__PURE__ */ jsx3("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
       const element = event.currentTarget;
       const bottom = element.scrollHeight - element.scrollTop - element.clientHeight <= 64;
       setAtBottom(bottom);
-      conversationMemory.set(memoryKey, { top: element.scrollTop, atBottom: bottom });
-    }, children: /* @__PURE__ */ jsxs("div", { children: [
-      Before ? /* @__PURE__ */ jsx(Before, { state, adapter, value: null }) : null,
-      /* @__PURE__ */ jsx(TaskPlan, { plan: state.taskPlan }),
-      /* @__PURE__ */ jsx(SessionDetails, { semantics: state.semantics }),
-      state.history.hasEarlier ? /* @__PURE__ */ jsx("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
+      remember({ top: element.scrollTop, atBottom: bottom });
+    }, children: /* @__PURE__ */ jsxs2("div", { children: [
+      Before ? /* @__PURE__ */ jsx3(Before, { state, adapter, value: null }) : null,
+      /* @__PURE__ */ jsx3(TaskPlan, { plan: state.taskPlan }),
+      /* @__PURE__ */ jsx3(SessionDetails, { semantics: state.semantics }),
+      state.history.hasEarlier ? /* @__PURE__ */ jsx3("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
         const element = scroller.current;
         if (element) earlierAnchor.current = { height: element.scrollHeight, top: element.scrollTop, entries: state.transcript.length };
         setAtBottom(false);
         adapter.onIntent({ action: "loadEarlier" });
       }, children: "Load earlier messages" }) : null,
-      !blocks.length && state.startup !== "ready" ? /* @__PURE__ */ jsx(LoadingStatus, { state }) : null,
-      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx("div", { class: "scui-empty", children: state.error ?? (state.harness ? `${harnessDisplayName(state.harness)} is listening. Say something.` : "No transcript yet.") }) : null,
-      blocks.map((block) => block.kind === "activity" ? /* @__PURE__ */ jsx(Group, { value: block.entries, entries: block.entries, state, adapter }, block.id) : /* @__PURE__ */ jsx(Entry, { value: block.entry, entry: block.entry, state, adapter }, block.id)),
-      pending ? /* @__PURE__ */ jsxs("article", { class: "scui-message scui-pending", "data-role": "user", children: [
-        /* @__PURE__ */ jsx(Markdown, { value: pending }),
-        /* @__PURE__ */ jsx("small", { children: state.error && !state.busy ? "Not sent" : "Sending\u2026" })
+      !blocks.length && state.startup !== "ready" ? /* @__PURE__ */ jsx3(LoadingStatus, { state }) : null,
+      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx3(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx3("div", { class: "scui-empty", children: state.error ?? (state.harness ? `${harnessDisplayName(state.harness)} is listening. Say something.` : "No transcript yet.") }) : null,
+      blocks.map((block) => block.kind === "activity" ? /* @__PURE__ */ jsx3(Group, { value: block.entries, entries: block.entries, state, adapter }, block.id) : /* @__PURE__ */ jsx3(Entry, { value: block.entry, entry: block.entry, state, adapter }, block.id)),
+      pending ? /* @__PURE__ */ jsxs2("article", { class: "scui-message scui-pending", "data-role": "user", children: [
+        /* @__PURE__ */ jsx3(Markdown, { value: pending }),
+        /* @__PURE__ */ jsx3("small", { children: state.error && !state.busy ? "Not sent" : "Sending\u2026" })
       ] }) : null,
-      state.busy ? /* @__PURE__ */ jsxs("div", { class: "scui-working", role: "status", children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2726" }),
-        /* @__PURE__ */ jsx("i", {}),
-        /* @__PURE__ */ jsx("i", {}),
-        /* @__PURE__ */ jsx("i", {}),
-        /* @__PURE__ */ jsxs("small", { children: [
+      state.busy ? /* @__PURE__ */ jsxs2("div", { class: "scui-working", role: "status", children: [
+        /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: "\u2726" }),
+        /* @__PURE__ */ jsx3("i", {}),
+        /* @__PURE__ */ jsx3("i", {}),
+        /* @__PURE__ */ jsx3("i", {}),
+        /* @__PURE__ */ jsxs2("small", { children: [
           harnessDisplayName(state.harness),
           " is working"
         ] })
       ] }) : null,
-      After ? /* @__PURE__ */ jsx(After, { state, adapter, value: null }) : null
+      After ? /* @__PURE__ */ jsx3(After, { state, adapter, value: null }) : null
     ] }) }),
-    !atBottom ? /* @__PURE__ */ jsx("button", { class: "scui-latest", type: "button", onClick: pin, children: "\u2193 Latest" }) : null
+    !atBottom ? /* @__PURE__ */ jsx3("button", { class: "scui-latest", type: "button", onClick: pin, children: "\u2193 Latest" }) : null
   ] });
 }
+
+// src/logo.jsx
+import { useEffect as useEffect3 } from "preact/hooks";
+import { jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
+var LOGOS = {
+  "claude-code": {
+    viewBox: "-1 3.5 26 18",
+    paths: [
+      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z" }]
+    ]
+  },
+  codex: {
+    viewBox: "-1 -1 26 26",
+    paths: [
+      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z" }]
+    ]
+  },
+  gemini: {
+    viewBox: "0 0 24 24",
+    paths: [["path", { d: "M12 24C12 17.373 6.627 12 0 12 6.627 12 12 6.627 12 0c0 6.627 5.373 12 12 12-6.627 0-12 5.373-12 12z" }]]
+  },
+  grok: {
+    viewBox: "-1 -1 26 26",
+    paths: [["path", { d: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815" }]]
+  },
+  // Canonical mark from block/goose's documentation/static/img/goose.svg.
+  goose: {
+    viewBox: "0 0 45 45",
+    paths: [["path", { d: "M43.2098 39.2492L39.8118 36.4522C37.9646 34.9318 36.3923 33.1051 35.1631 31.0529C33.4647 28.2172 31.1178 25.8243 28.3164 24.071L26.9482 23.2744C26.4794 22.9485 26.1525 22.4405 26.106 21.8675C26.0762 21.4981 26.1647 21.1678 26.3712 20.8771C27.0837 19.873 30.9617 15.6995 31.6365 15.1411C32.5056 14.4228 33.4739 13.8253 34.3724 13.1412C34.5001 13.0438 34.6283 12.9469 34.7545 12.8481C35.0574 12.6088 35.3295 12.3671 35.5458 12.0803C36.5993 10.8604 36.5783 9.82938 36.5783 9.82938C36.4677 9.5534 36.0645 8.69902 35.2449 8.29825C35.9696 8.28406 36.7872 8.55564 37.1582 8.91873C37.6039 8.21947 37.8922 7.76585 38.3404 7.00347C38.4471 6.82241 38.5038 6.48771 38.2998 6.30029C38.1114 6.11287 37.6416 6.01697 37.4606 6.12364C36.4692 6.70693 35.5047 7.33475 34.6351 7.88525C34.6351 7.88525 33.6046 7.86372 32.3842 8.91775C32.097 9.13452 31.8552 9.4066 31.6282 9.69433C31.5171 9.83476 31.4202 9.96297 31.3233 10.0912C30.6387 10.9901 30.0417 11.958 29.3234 12.8271C28.7656 13.5023 24.5915 17.3798 23.5874 18.0923C23.2967 18.2988 22.9669 18.3879 22.597 18.3575C22.0245 18.3115 21.5161 17.9842 21.1902 17.5154L20.3935 16.1472C18.6402 13.3448 16.2474 10.9989 13.4117 9.30041C11.3594 8.0712 9.5332 6.49847 8.01234 4.65172L5.2153 1.25377C5.0773 1.08642 4.81306 1.11382 4.71422 1.30662C4.39615 1.92612 3.78888 3.23411 3.32353 4.99327C3.92786 5.81095 5.26717 7.35089 6.8624 8.65351C6.97348 8.74403 6.88246 8.92313 6.74447 8.88496C5.36846 8.51013 4.03062 7.90825 3.02944 7.39542C2.94772 7.35383 2.84887 7.4057 2.83713 7.49672C2.68152 8.74354 2.64139 10.1127 2.80581 11.5562C4.02572 12.1596 5.85143 12.8804 7.76816 13.3389C7.90713 13.3722 7.90273 13.5723 7.76229 13.5992C6.26982 13.8801 4.70688 13.9427 3.43656 13.9261C3.3475 13.9251 3.28193 14.0093 3.30591 14.0949C3.56085 14.9958 3.90632 15.9118 4.3619 16.8342C4.55029 17.2487 4.75532 17.6553 4.97504 18.0532C6.21207 18.107 7.47946 17.9964 8.75369 17.7713C8.97095 17.7331 9.08741 18.0189 8.90391 18.1417C8.03877 18.7201 7.11588 19.2183 6.25758 19.6283C6.14259 19.6836 6.1054 19.8304 6.18125 19.9327C6.69114 20.6236 7.25191 21.2774 7.86114 21.8866C7.86114 21.8866 10.8608 24.9763 10.9425 25.2185C12.6928 23.4261 15.5701 21.4394 18.7474 19.7047C14.4921 23.1672 12.1198 25.7235 10.9258 27.1758L10.0935 28.3439C9.66091 28.9507 9.2856 29.5951 8.97193 30.2709C7.92231 32.5292 6.19201 37.0966 6.19201 37.0966C6.0594 37.4543 6.16755 37.8072 6.39753 38.0371C6.66031 38.2999 7.01263 38.4076 7.37033 38.275C7.37033 38.275 11.9368 36.5447 14.1961 35.495C14.8719 35.1814 15.5168 34.8056 16.1231 34.3735L17.4095 33.457C18.0907 32.9715 19.0234 33.0489 19.615 33.6405L22.5804 36.6058C23.1896 37.2151 23.8433 37.7758 24.5343 38.2857C24.637 38.3611 24.7833 38.3244 24.8386 38.2094C25.2492 37.3516 25.7473 36.4277 26.3252 35.5631C26.4481 35.3796 26.7343 35.4965 26.6957 35.7133C26.4701 36.988 26.3605 38.2554 26.3086 39.3035C27.2178 39.9172 28.5551 40.5606 30.3721 41.1611C30.4577 41.185 30.5419 41.1195 30.5409 41.0304C30.5237 39.7596 30.5864 38.1967 30.8677 36.7047C30.8942 36.5638 31.0943 36.5593 31.1281 36.6988C31.5861 38.616 32.3069 40.4417 32.8041 41.5829C34.3543 41.8256 35.7234 41.7855 36.9703 41.6298C37.0618 41.6186 37.1136 41.5197 37.0715 41.4375C36.5587 40.4364 35.9568 39.0975 35.582 37.7225C35.5443 37.584 35.7229 37.4935 35.8135 37.6046C37.1161 39.1998 38.656 40.5391 39.3548 41.1175C41.2333 40.6786 42.5413 40.0713 43.1604 39.7528C43.3532 39.6539 43.3806 39.3897 43.2132 39.2517Z" }]]
+  },
+  opencode: { viewBox: "2.5 0 19 24", paths: [["path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" }]] },
+  pi: {
+    viewBox: "0 0 24 24",
+    paths: [
+      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
+      ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
+    ]
+  }
+};
+function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
+  const logo = LOGOS[id];
+  useEffect3(() => {
+    if (!logo) onMissingLogo?.(id);
+  }, [id, logo, onMissingLogo]);
+  if (!logo) return null;
+  return /* @__PURE__ */ jsxs3("span", { class: "scui-logo", "data-harness": id, "data-activity": activity, style: `--scui-logo-size:${size}px`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx4("svg", { viewBox: logo.viewBox, preserveAspectRatio: "xMidYMid meet", focusable: "false", children: logo.paths.map(([Tag, props], index) => /* @__PURE__ */ jsx4(Tag, { ...props }, index)) }),
+    activity && activity !== "idle" ? /* @__PURE__ */ jsx4("i", {}) : null
+  ] });
+}
+
+// src/sessions.jsx
+import { useState as useState3 } from "preact/hooks";
+import { jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
 function SessionRow({ row, state, onOpen }) {
   const activity = sessionActivity(state, row);
   const preview = state.attention.find((item) => item.key === row.key)?.preview;
-  return /* @__PURE__ */ jsxs("button", { class: "scui-session", "data-active": row.active, "data-activity": activity, type: "button", onClick: () => onOpen(row), children: [
-    /* @__PURE__ */ jsx(HarnessLogo, { id: row.harness, activity, size: 34 }),
-    /* @__PURE__ */ jsxs("span", { class: "scui-session-copy", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsx("strong", { children: sessionDisplayName(row) }),
-        /* @__PURE__ */ jsx("small", { children: row.age })
+  return /* @__PURE__ */ jsxs4("button", { class: "scui-session", "data-active": row.active, "data-activity": activity, type: "button", onClick: () => onOpen(row), children: [
+    /* @__PURE__ */ jsx5(HarnessLogo, { id: row.harness, activity, size: 34 }),
+    /* @__PURE__ */ jsxs4("span", { class: "scui-session-copy", children: [
+      /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: sessionDisplayName(row) }),
+        /* @__PURE__ */ jsx5("small", { children: row.age })
       ] }),
-      /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsx("b", { children: harnessDisplayName(row.harness) }),
-        /* @__PURE__ */ jsx("small", { children: preview || row.cwd || row.name })
+      /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsx5("b", { children: harnessDisplayName(row.harness) }),
+        /* @__PURE__ */ jsx5("small", { children: preview || row.cwd || row.name })
       ] }),
-      state.attachError?.key === row.key ? /* @__PURE__ */ jsx("em", { children: state.attachError.message }) : null
+      state.attachError?.key === row.key ? /* @__PURE__ */ jsx5("em", { children: state.attachError.message }) : null
     ] })
   ] });
 }
 function SessionList({ state, adapter, onOpen, onNew, onClose, components = {}, labels = DEFAULT_LABELS }) {
-  const [query, setQuery] = useState("");
+  const [query, setQuery] = useState3("");
   const rows = filterSessions(state.sessions, query);
   const Row = components.SessionRow ?? SessionRow;
-  return /* @__PURE__ */ jsxs("section", { class: "scui-list", children: [
-    /* @__PURE__ */ jsxs("header", { class: "scui-head", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsx("strong", { children: labels.chats }),
-        /* @__PURE__ */ jsxs("small", { children: [
+  return /* @__PURE__ */ jsxs4("section", { class: "scui-list", children: [
+    /* @__PURE__ */ jsxs4("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsxs4("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx5("strong", { children: labels.chats }),
+        /* @__PURE__ */ jsxs4("small", { children: [
           state.sessions.length,
           " recent conversations"
         ] })
       ] }),
-      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), onClick: onNew, children: "\uFF0B" }),
-      onClose ? /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
+      /* @__PURE__ */ jsx5("button", { type: "button", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), onClick: onNew, children: "\uFF0B" }),
+      onClose ? /* @__PURE__ */ jsx5("button", { type: "button", "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
     ] }),
-    state.startup !== "ready" ? /* @__PURE__ */ jsx(LoadingStatus, { state, compact: rows.length > 0 }) : null,
-    state.sessions.length > 4 ? /* @__PURE__ */ jsxs("label", { class: "scui-search", children: [
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2315" }),
-      /* @__PURE__ */ jsx("input", { type: "search", "aria-label": labels.searchChats, placeholder: labels.searchChats, value: query, onInput: (event) => setQuery(event.currentTarget.value) }),
-      /* @__PURE__ */ jsx("small", { children: rows.length })
+    state.startup !== "ready" ? /* @__PURE__ */ jsx5(LoadingStatus, { state, compact: rows.length > 0 }) : null,
+    state.sessions.length > 4 ? /* @__PURE__ */ jsxs4("label", { class: "scui-search", children: [
+      /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2315" }),
+      /* @__PURE__ */ jsx5("input", { type: "search", "aria-label": labels.searchChats, placeholder: labels.searchChats, value: query, onInput: (event) => setQuery(event.currentTarget.value) }),
+      /* @__PURE__ */ jsx5("small", { children: rows.length })
     ] }) : null,
-    /* @__PURE__ */ jsxs("div", { class: "scui-session-rows", children: [
-      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx("div", { class: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
-      rows.map((row) => /* @__PURE__ */ jsx(Row, { value: row, row, state, adapter, onOpen }, row.key)),
-      state.history.hasMoreSessions ? /* @__PURE__ */ jsx("button", { class: "scui-load", type: "button", onClick: () => adapter.onIntent({ action: "loadSessions" }), children: "Load older chats" }) : null
-    ] })
-  ] });
-}
-function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
-  if (state.mode !== "mirror" || state.canSend) return null;
-  const attached = state.attached;
-  const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
-  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
-  const resume = canContinueHere(state);
-  const join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs("span", { children: [
-    /* @__PURE__ */ jsx("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
-    /* @__PURE__ */ jsx("small", { children: "This session cannot be continued by an available harness." })
-  ] }) });
-  return /* @__PURE__ */ jsxs("div", { class: "scui-continuation", children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsx("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
-      /* @__PURE__ */ jsx("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
-    ] }),
-    /* @__PURE__ */ jsx("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
-  ] });
-}
-function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, onPending }) {
-  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, queue: [] };
-  const [draft, setDraft] = useState(remembered.draft);
-  const [queue, setQueue] = useState(remembered.queue);
-  const textarea = useRef(null);
-  useEffect(() => {
-    if (!state.busy && state.canSend && queue.length) {
-      const [next, ...rest] = queue;
-      setQueue(rest);
-      composerMemory.set(memoryKey, { draft, queue: rest });
-      onPending?.(next);
-      adapter.onIntent({ action: "send", text: next });
-    }
-  }, [adapter, draft, memoryKey, onPending, queue, state.busy, state.canSend]);
-  useEffect(() => {
-    const timer = setTimeout(() => adapter.onIntent({ action: "draft", text: draft }), 250);
-    return () => clearTimeout(timer);
-  }, [adapter, draft]);
-  const send = () => {
-    const text = draft.trim();
-    if (!text) return;
-    if (state.busy) setQueue((items) => {
-      const next = [...items, text];
-      composerMemory.set(memoryKey, { draft: "", queue: next });
-      return next;
-    });
-    else if (state.canSend) {
-      onPending?.(text);
-      adapter.onIntent({ action: "send", text });
-    } else return;
-    setDraft("");
-    composerMemory.set(memoryKey, { draft: "", queue: state.busy ? [...queue, text] : queue });
-  };
-  return /* @__PURE__ */ jsxs("div", { class: "scui-compose", children: [
-    queue.length ? /* @__PURE__ */ jsxs("div", { class: "scui-queue", children: [
-      /* @__PURE__ */ jsxs("strong", { children: [
-        queue.length,
-        " queued"
-      ] }),
-      queue.map((item, index) => /* @__PURE__ */ jsxs("span", { children: [
-        item,
-        /* @__PURE__ */ jsx("button", { "aria-label": `Remove queued message ${index + 1}`, onClick: () => setQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
-      ] }, `${index}:${item}`))
-    ] }) : null,
-    /* @__PURE__ */ jsxs("div", { class: "scui-envelope", children: [
-      /* @__PURE__ */ jsx("textarea", { ref: textarea, rows: 1, "aria-label": `Message ${harnessDisplayName(state.harness) || "agent"}`, placeholder: state.startup !== "ready" ? "Connecting\u2026" : state.busy ? "Queue a follow-up\u2026" : labels.askAgent, value: draft, disabled: state.mode !== "control" && !state.canSend, onInput: (event) => {
-        const value = event.currentTarget.value;
-        setDraft(value);
-        composerMemory.set(memoryKey, { draft: value, queue });
-      }, onKeyDown: (event) => {
-        if (isSendKey(event)) {
-          event.preventDefault();
-          send();
-        }
-      } }),
-      /* @__PURE__ */ jsxs("span", { children: [
-        state.busy ? /* @__PURE__ */ jsx("button", { class: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: "\u25A0" }) : null,
-        /* @__PURE__ */ jsx("button", { class: "scui-send", type: "button", "aria-label": state.busy ? "Queue message" : "Send message", disabled: !draft.trim() || !state.busy && !state.canSend, onClick: send, children: state.busy ? "+" : "\u2191" })
-      ] })
+    /* @__PURE__ */ jsxs4("div", { class: "scui-session-rows", children: [
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx5("div", { class: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
+      rows.map((row) => /* @__PURE__ */ jsx5(Row, { value: row, row, state, adapter, onOpen }, row.key)),
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx5("button", { class: "scui-load", type: "button", onClick: () => adapter.onIntent({ action: "loadSessions" }), children: "Load older chats" }) : null
     ] })
   ] });
 }
+
+// src/messenger.jsx
+import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
 function Receipt({ state, adapter }) {
   const receipt = state.reductionReceipt;
-  if (receipt) return /* @__PURE__ */ jsx("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs("span", { children: [
-    /* @__PURE__ */ jsx("strong", { children: "Reduced and verified" }),
-    /* @__PURE__ */ jsxs("small", { children: [
+  if (receipt) return /* @__PURE__ */ jsx6("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs5("span", { children: [
+    /* @__PURE__ */ jsx6("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs5("small", { children: [
       receipt.sourceTokens.toLocaleString(),
       " \u2192 ",
       receipt.reducedTokens.toLocaleString(),
@@ -759,27 +834,27 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsxs("strong", { children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs5("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs5("span", { children: [
+      /* @__PURE__ */ jsxs5("strong", { children: [
         "Lossless export ready \xB7 ",
         harnessDisplayName(state.exportReceipt.targetHarness)
       ] }),
-      /* @__PURE__ */ jsxs("small", { children: [
+      /* @__PURE__ */ jsxs5("small", { children: [
         state.exportReceipt.path,
         " \xB7 ",
         state.exportReceipt.files,
         " files"
       ] })
     ] }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+    /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  if (state.terminalHandoff) return /* @__PURE__ */ jsxs("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsx("strong", { children: "Terminal handoff ready" }),
-      /* @__PURE__ */ jsx("small", { children: state.terminalHandoff.cwd })
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs5("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs5("span", { children: [
+      /* @__PURE__ */ jsx6("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx6("small", { children: state.terminalHandoff.cwd })
     ] }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+    /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
   ] });
   return null;
 }
@@ -789,46 +864,46 @@ function ChatHeader({ state, adapter, onBack, onNew, onClose }) {
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : state.busy ? "Working" : state.mode === "mirror" ? "Read-only" : "Ready";
   const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce;
-  return /* @__PURE__ */ jsxs("header", { class: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Back to chats", onClick: onBack, children: "\u2039" }),
-    /* @__PURE__ */ jsx(HarnessLogo, { id: harness, size: 28 }),
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsx("strong", { children: title }),
-      /* @__PURE__ */ jsxs("small", { children: [
+  return /* @__PURE__ */ jsxs5("header", { class: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Back to chats", onClick: onBack, children: "\u2039" }),
+    /* @__PURE__ */ jsx6(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsxs5("span", { class: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx6("strong", { children: title }),
+      /* @__PURE__ */ jsxs5("small", { children: [
         harnessDisplayName(harness),
         " \xB7 ",
         status
       ] })
     ] }),
-    menu ? /* @__PURE__ */ jsxs("details", { class: "scui-menu", children: [
-      /* @__PURE__ */ jsx("summary", { "aria-label": "Conversation actions", children: "\u2022\u2022\u2022" }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        state.canDetach ? /* @__PURE__ */ jsx("button", { onClick: () => adapter.onIntent({ action: "detach" }), children: "Detach to read-only" }) : null,
-        state.canOpenTerminal ? /* @__PURE__ */ jsx("button", { onClick: () => adapter.onIntent({ action: "terminal" }), children: "Prepare terminal handoff" }) : null,
-        state.canReduce ? targets.map((target) => /* @__PURE__ */ jsx("button", { onClick: () => adapter.onIntent({ action: "reduce", targetHarness: target.id }), children: target.id === state.harness ? `Reduce and continue in ${target.label}` : `Reduce and switch to ${target.label}` }, `reduce:${target.id}`)) : null,
-        state.canBranch ? targets.map((target) => /* @__PURE__ */ jsx("button", { onClick: () => adapter.onIntent({ action: "branch", targetHarness: target.id }), children: target.id === state.harness ? `Fork in ${target.label}` : `Continue with ${target.label}` }, `branch:${target.id}`)) : null,
-        state.canExport && state.exportBackTarget ? /* @__PURE__ */ jsxs("button", { onClick: () => adapter.onIntent({ action: "export", targetHarness: state.exportBackTarget }), children: [
+    menu ? /* @__PURE__ */ jsxs5("details", { class: "scui-menu", children: [
+      /* @__PURE__ */ jsx6("summary", { "aria-label": "Conversation actions", children: "\u2022\u2022\u2022" }),
+      /* @__PURE__ */ jsxs5("div", { children: [
+        state.canDetach ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.onIntent({ action: "detach" }), children: "Detach to read-only" }) : null,
+        state.canOpenTerminal ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.onIntent({ action: "terminal" }), children: "Prepare terminal handoff" }) : null,
+        state.canReduce ? targets.map((target) => /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.onIntent({ action: "reduce", targetHarness: target.id }), children: target.id === state.harness ? `Reduce and continue in ${target.label}` : `Reduce and switch to ${target.label}` }, `reduce:${target.id}`)) : null,
+        state.canBranch ? targets.map((target) => /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.onIntent({ action: "branch", targetHarness: target.id }), children: target.id === state.harness ? `Fork in ${target.label}` : `Continue with ${target.label}` }, `branch:${target.id}`)) : null,
+        state.canExport && state.exportBackTarget ? /* @__PURE__ */ jsxs5("button", { type: "button", onClick: () => adapter.onIntent({ action: "export", targetHarness: state.exportBackTarget }), children: [
           "Export back to ",
           harnessDisplayName(state.exportBackTarget)
         ] }) : null
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: "\uFF0B" }),
-    onClose ? /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
+    /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: "\uFF0B" }),
+    onClose ? /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
   ] });
 }
 function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels }) {
   const Header = slots.header;
   const memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`;
-  const [pending, setPending] = useState(null);
-  const acknowledged = useRef(/* @__PURE__ */ new Set());
-  useEffect(() => {
+  const [pending, setPending] = useState4(null);
+  const acknowledged = useRef3(/* @__PURE__ */ new Set());
+  useEffect4(() => {
     setPending(null);
   }, [memoryKey]);
-  useEffect(() => {
+  useEffect4(() => {
     if (pending && state.transcript.some((entry) => entry.role === "user" && entry.text.trim() === pending.trim())) setPending(null);
   }, [pending, state.transcript]);
-  useEffect(() => {
+  useEffect4(() => {
     const key = state.attached?.key;
     if (!key || !state.attention.some((item) => item.key === key)) {
       if (key) acknowledged.current.delete(key);
@@ -839,31 +914,31 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       adapter.onIntent({ action: "ack", key });
     }
   }, [adapter, state.attached?.key, state.attention]);
-  return /* @__PURE__ */ jsxs("section", { class: "scui-chat", children: [
-    Header ? /* @__PURE__ */ jsx(Header, { state, adapter, value: null }) : /* @__PURE__ */ jsx(ChatHeader, { state, adapter, onBack, onNew, onClose }),
-    operationLabel(state.operation) ? /* @__PURE__ */ jsxs("div", { class: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx("i", {}),
+  return /* @__PURE__ */ jsxs5("section", { class: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx6(Header, { state, adapter, value: null }) : /* @__PURE__ */ jsx6(ChatHeader, { state, adapter, onBack, onNew, onClose }),
+    operationLabel(state.operation) ? /* @__PURE__ */ jsxs5("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx6("i", {}),
       operationLabel(state.operation)
     ] }) : null,
-    state.error ? /* @__PURE__ */ jsxs("div", { class: "scui-error", role: "alert", children: [
-      /* @__PURE__ */ jsx("span", { children: state.error }),
-      state.recoverable ? /* @__PURE__ */ jsx("button", { onClick: () => adapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
+    state.error ? /* @__PURE__ */ jsxs5("div", { class: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx6("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx(Receipt, { state, adapter }),
-    /* @__PURE__ */ jsx(Conversation, { state, adapter, components, slots, memoryKey, pending }, memoryKey),
-    /* @__PURE__ */ jsx(ContinuationBar, { state, adapter, labels }),
-    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx(Composer, { state, adapter, labels, memoryKey, onPending: setPending }, memoryKey) : null
+    /* @__PURE__ */ jsx6(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx6(Conversation, { state, adapter, components, slots, memoryKey, pending }, memoryKey),
+    /* @__PURE__ */ jsx6(ContinuationBar, { state, adapter, labels }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx6(Composer, { state, adapter, labels, memoryKey, onPending: setPending }, memoryKey) : null
   ] });
 }
 function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
   const startable = state.harnesses.filter((item) => item.startable);
-  const [harness, setHarness] = useState(startable[0]?.id ?? "");
-  const [draft, setDraft] = useState("");
-  const [starting, setStarting] = useState(false);
-  useEffect(() => {
+  const [harness, setHarness] = useState4(startable[0]?.id ?? "");
+  const [draft, setDraft] = useState4("");
+  const [starting, setStarting] = useState4(false);
+  useEffect4(() => {
     if (starting && (state.busy || state.transcript.length)) onStarted();
   }, [onStarted, starting, state.busy, state.transcript.length]);
-  useEffect(() => {
+  useEffect4(() => {
     if (starting && state.error && !state.busy && !state.operation) setStarting(false);
   }, [starting, state.busy, state.error, state.operation]);
   const send = () => {
@@ -872,37 +947,37 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
     setStarting(true);
     adapter.onIntent({ action: "new", harness, text });
   };
-  return /* @__PURE__ */ jsxs("section", { class: "scui-chat", children: [
-    /* @__PURE__ */ jsxs("header", { class: "scui-head", children: [
-      /* @__PURE__ */ jsx("button", { "aria-label": "Back", onClick: onBack, children: "\u2039" }),
-      /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsx("strong", { children: labels.newChat }),
-        /* @__PURE__ */ jsx("small", { children: "No session is created until you send" })
+  return /* @__PURE__ */ jsxs5("section", { class: "scui-chat", children: [
+    /* @__PURE__ */ jsxs5("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Back", onClick: onBack, children: "\u2039" }),
+      /* @__PURE__ */ jsxs5("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx6("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx6("small", { children: "No session is created until you send" })
       ] }),
-      onClose ? /* @__PURE__ */ jsx("button", { "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
+      onClose ? /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
     ] }),
-    /* @__PURE__ */ jsxs("div", { class: "scui-new", children: [
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2726" }),
-      /* @__PURE__ */ jsx("strong", { children: "What should the agent build or fix?" }),
-      /* @__PURE__ */ jsx("small", { children: "Choose a coding harness and send the first message." })
+    /* @__PURE__ */ jsxs5("div", { class: "scui-new", children: [
+      /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx6("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx6("small", { children: "Choose a coding harness and send the first message." })
     ] }),
-    /* @__PURE__ */ jsxs("div", { class: "scui-compose", children: [
-      /* @__PURE__ */ jsxs("label", { class: "scui-harness-picker", children: [
-        /* @__PURE__ */ jsx(HarnessLogo, { id: harness, size: 24 }),
-        /* @__PURE__ */ jsx("span", { children: "Coding harness" }),
-        /* @__PURE__ */ jsx("select", { value: harness, disabled: starting, onChange: (event) => setHarness(event.currentTarget.value), children: state.harnesses.map((item) => /* @__PURE__ */ jsxs("option", { value: item.id, disabled: !item.startable, children: [
+    /* @__PURE__ */ jsxs5("div", { class: "scui-compose", children: [
+      /* @__PURE__ */ jsxs5("label", { class: "scui-harness-picker", children: [
+        /* @__PURE__ */ jsx6(HarnessLogo, { id: harness, size: 24 }),
+        /* @__PURE__ */ jsx6("span", { children: "Coding harness" }),
+        /* @__PURE__ */ jsx6("select", { value: harness, disabled: starting, onChange: (event) => setHarness(event.currentTarget.value), children: state.harnesses.map((item) => /* @__PURE__ */ jsxs5("option", { value: item.id, disabled: !item.startable, children: [
           item.label,
           item.startable ? "" : " \xB7 unavailable"
         ] }, item.id)) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { class: "scui-envelope", children: [
-        /* @__PURE__ */ jsx("textarea", { rows: 3, "aria-label": "Message coding agent", placeholder: startable.length ? "What should the agent do?" : "No coding harness is available", value: draft, disabled: !startable.length || starting, onInput: (event) => setDraft(event.currentTarget.value), onKeyDown: (event) => {
+      /* @__PURE__ */ jsxs5("div", { class: "scui-envelope", children: [
+        /* @__PURE__ */ jsx6("textarea", { rows: 3, "aria-label": "Message coding agent", placeholder: startable.length ? "What should the agent do?" : "No coding harness is available", value: draft, disabled: !startable.length || starting, onInput: (event) => setDraft(event.currentTarget.value), onKeyDown: (event) => {
           if (isSendKey(event)) {
             event.preventDefault();
             send();
           }
         } }),
-        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("button", { class: "scui-send", disabled: !draft.trim() || !harness || starting, onClick: send, children: starting ? "\u25CC" : "\u2191" }) })
+        /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6("button", { type: "button", class: "scui-send", "aria-label": "Start chat", disabled: !draft.trim() || !harness || starting, onClick: send, children: starting ? "\u25CC" : "\u2191" }) })
       ] })
     ] })
   ] });
@@ -910,48 +985,49 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
 function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
   const state = normalizeUiState(stateInput);
   const copy = { ...DEFAULT_LABELS, ...labels };
-  const [view, setView] = useState(initialView ?? (state.attention.length ? "list" : state.attached || state.transcript.length ? "chat" : "list"));
-  const [opening, setOpening] = useState(null);
-  useEffect(() => {
+  const [view, setView] = useState4(initialView ?? (state.attention.length ? "list" : state.attached || state.transcript.length ? "chat" : "list"));
+  const [opening, setOpening] = useState4(null);
+  useEffect4(() => {
     if (!opening) return;
     if (state.attached?.key === opening.key) {
       setOpening(null);
       setView("chat");
-    } else if (state.attachError?.key === opening.key) {
+    } else if (state.attachError?.key === opening.key || state.error && !state.operation) {
       setOpening(null);
     }
-  }, [opening, state.attachError?.key, state.attached?.key]);
+  }, [opening, state.attachError?.key, state.attached?.key, state.error, state.operation]);
   const open = (row) => {
     setOpening(row);
     adapter.onIntent({ action: "ack", key: row.key });
     adapter.onIntent({ action: "attach", key: row.key });
   };
   const close = () => adapter.onClose?.();
-  return /* @__PURE__ */ jsxs("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
-    view === "list" ? /* @__PURE__ */ jsx(SessionList, { state, adapter, onOpen: open, onNew: () => setView("new"), onClose: adapter.onClose ? close : void 0, components, labels: copy }) : null,
-    view === "new" ? /* @__PURE__ */ jsx(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: () => setView("chat"), labels: copy }) : null,
-    view === "chat" ? /* @__PURE__ */ jsx(Chat, { state, adapter, onBack: () => setView("list"), onNew: () => setView("new"), onClose: adapter.onClose ? close : void 0, components, slots, labels: copy }) : null,
-    opening ? /* @__PURE__ */ jsxs("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
-      /* @__PURE__ */ jsx(HarnessLogo, { id: opening.harness, size: 34 }),
-      /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsxs("strong", { children: [
+  const Footer = slots.footer;
+  return /* @__PURE__ */ jsxs5("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    view === "list" ? /* @__PURE__ */ jsx6(SessionList, { state, adapter, onOpen: open, onNew: () => setView("new"), onClose: adapter.onClose ? close : void 0, components, labels: copy }) : null,
+    view === "new" ? /* @__PURE__ */ jsx6(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: () => setView("chat"), labels: copy }) : null,
+    view === "chat" ? /* @__PURE__ */ jsx6(Chat, { state, adapter, onBack: () => setView("list"), onNew: () => setView("new"), onClose: adapter.onClose ? close : void 0, components, slots, labels: copy }) : null,
+    opening ? /* @__PURE__ */ jsxs5("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx6(HarnessLogo, { id: opening.harness, size: 34 }),
+      /* @__PURE__ */ jsxs5("span", { children: [
+        /* @__PURE__ */ jsxs5("strong", { children: [
           "Opening ",
           sessionDisplayName(opening)
         ] }),
-        /* @__PURE__ */ jsx("small", { children: "Loading the latest transcript window\u2026" })
+        /* @__PURE__ */ jsx6("small", { children: "Loading the latest transcript window\u2026" })
       ] }),
-      /* @__PURE__ */ jsx("i", {})
+      /* @__PURE__ */ jsx6("i", {})
     ] }) : null,
-    slots.footer ? /* @__PURE__ */ jsx(slots.footer, { state, adapter, value: copy }) : null
+    Footer ? /* @__PURE__ */ jsx6(Footer, { state, adapter, value: copy }) : null
   ] });
 }
 
 // src/embed.jsx
-import { jsx as jsx2 } from "preact/jsx-runtime";
+import { jsx as jsx7 } from "preact/jsx-runtime";
 function mountSupercodeMessenger(element, options) {
   if (!(element instanceof Element)) throw new TypeError("mountSupercodeMessenger requires an Element");
   let state = options.state;
-  const draw = () => render(/* @__PURE__ */ jsx2(SupercodeMessenger, { ...options, state }), element);
+  const draw = () => render(/* @__PURE__ */ jsx7(SupercodeMessenger, { ...options, state }), element);
   options.adapter.onIntent({ action: "mounted" });
   draw();
   return {