@volter-ai-dev/supercode-ui 0.1.12 → 0.1.14

package/embed.mjs

@@ -2,7 +2,7 @@
 import { render } from "preact";
 
 // src/messenger.jsx
-import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "preact/hooks";
+import { useEffect as useEffect6, useId as useId2, useMemo as useMemo2, useRef as useRef5, useState as useState4 } from "preact/hooks";
 
 // core.mjs
 var HARNESS_NAMES = Object.freeze({
@@ -295,7 +295,8 @@ function readTranscript(value) {
       role: item.role,
       text: item.text,
       ts: nullableNumber(item.ts),
-      truncated: item.truncated === true
+      truncated: item.truncated === true,
+      ...Number.isSafeInteger(item.messageIndex) && item.messageIndex > 0 ? { messageIndex: item.messageIndex } : {}
     };
     for (const key of ["label", "arguments", "resultText", "code"]) {
       if (typeof item[key] === "string") entry[key] = item[key];
@@ -466,7 +467,7 @@ function normalizeUiState(value) {
     savedDraft: string(raw.savedDraft),
     attention: Array.isArray(raw.attention) ? raw.attention.flatMap((candidate) => {
       const item = record(candidate);
-      return item && typeof item.key === "string" && ["unseen", "finished", "failed"].includes(item.kind) ? [{ key: item.key, kind: item.kind, ...typeof item.preview === "string" ? { preview: item.preview } : {} }] : [];
+      return item && typeof item.key === "string" && ["unseen", "finished", "failed"].includes(item.kind) ? [{ key: item.key, kind: item.kind, ...typeof item.preview === "string" ? { preview: item.preview } : {}, ...Number.isSafeInteger(item.afterMessages) && item.afterMessages >= 0 ? { afterMessages: item.afterMessages } : {} }] : [];
     }) : [],
     sessions: readSessions(raw.sessions),
     attached: readAttached(raw.attached),
@@ -548,7 +549,7 @@ function canContinueHere(state) {
 }
 function operationLabel(operation) {
   if (!operation) return "";
-  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", start: "Starting new chat\u2026", resume: "Continuing here\u2026", join: "Joining live session\u2026", detach: "Detaching to read-only\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", interrupt: "Stopping agent\u2026", respond: "Sending response\u2026", loadEarlier: "Loading earlier messages\u2026", loadSessions: "Loading more chats\u2026", refresh: "Retrying\u2026" };
   return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
 }
 function terminalCommand(handoff) {
@@ -570,8 +571,65 @@ function boundedSet(map, key, value) {
   while (map.size > MEMORY_LIMIT) map.delete(map.keys().next().value);
 }
 
+// src/icon.jsx
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var ICONS = {
+  back: () => /* @__PURE__ */ jsx("path", { d: "m11.5 4.5-4.5 4.5 4.5 4.5" }),
+  check: () => /* @__PURE__ */ jsx("path", { d: "m4 9 3.25 3.25L14 5.5" }),
+  chevron: () => /* @__PURE__ */ jsx("path", { d: "m7 4.5 4.5 4.5L7 13.5" }),
+  close: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "m4.75 4.75 8.5 8.5" }),
+    /* @__PURE__ */ jsx("path", { d: "m13.25 4.75-8.5 8.5" })
+  ] }),
+  copy: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "8", height: "8", rx: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10.5V4.25C3 3.56 3.56 3 4.25 3h6.25" })
+  ] }),
+  down: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5v10" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.75 9.5 4.25 4 4.25-4" })
+  ] }),
+  menu: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "4", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "14", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" })
+  ] }),
+  plus: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5v11" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 9h11" })
+  ] }),
+  search: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "7.75", cy: "7.75", r: "4.25" }),
+    /* @__PURE__ */ jsx("path", { d: "m11 11 3.5 3.5" })
+  ] }),
+  send: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 14.5v-11" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.75 7.75 4.25-4.25 4.25 4.25" })
+  ] }),
+  stop: () => /* @__PURE__ */ jsx("rect", { x: "4.5", y: "4.5", width: "9", height: "9", rx: "1.5", fill: "currentColor", stroke: "none" })
+};
+function UiIcon({ name, size = 16, class: className = "" }) {
+  const Glyph = ICONS[name];
+  if (!Glyph) return null;
+  return /* @__PURE__ */ jsx("svg", { class: `scui-icon ${className}`, style: { "--scui-icon-size": `${size}px` }, viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Glyph, {}) });
+}
+
+// src/textarea.js
+import { useLayoutEffect } from "preact/hooks";
+function useAutosizeTextarea(ref, value) {
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    element.style.height = "auto";
+    const maxHeight = Number.parseFloat(getComputedStyle(element).maxHeight) || 150;
+    const height = Math.min(element.scrollHeight, maxHeight);
+    element.style.height = `${height}px`;
+    element.style.overflowY = element.scrollHeight > maxHeight ? "auto" : "hidden";
+  }, [ref, value]);
+}
+
 // src/composer.jsx
-import { jsx, jsxs } from "preact/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
 var composerMemory = /* @__PURE__ */ new Map();
 function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
@@ -581,38 +639,56 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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." })
+  if (!resume && !join && !branch) return /* @__PURE__ */ jsx2("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+    /* @__PURE__ */ jsx2("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." })
+  return /* @__PURE__ */ jsxs2("div", { class: "scui-continuation", children: [
+    /* @__PURE__ */ jsxs2("span", { children: [
+      /* @__PURE__ */ jsx2("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+      /* @__PURE__ */ jsx2("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 })
+    /* @__PURE__ */ jsx2("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 }) {
+function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
   const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, queue: [] };
   const [draft, setDraft] = useState(remembered.draft);
   const [queue, setQueue] = useState(remembered.queue);
+  const [dispatching, setDispatching] = useState(false);
   const textarea = useRef(null);
+  useAutosizeTextarea(textarea, draft);
   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;
   });
+  const queueBlocked = state.busy || pendingStatus !== null || dispatching;
+  const queuesNewMessage = state.busy || pendingStatus === "sending" || pendingStatus === "failed" || dispatching;
   useEffect(() => {
-    if (!state.busy && state.canSend && queue.length) {
+    if (!queueBlocked && state.canSend && queue.length) {
       const [next, ...rest] = queue;
+      setDispatching(true);
       setQueue(rest);
       remember(draft, rest);
       onPending?.(next);
       adapter.onIntent({ action: "send", text: next });
     }
-  }, [adapter, draft, memoryKey, onPending, queue, state.busy, state.canSend]);
+  }, [adapter, draft, memoryKey, onPending, queue, queueBlocked, state.canSend]);
+  useEffect(() => {
+    if (pendingStatus !== null || state.busy) setDispatching(false);
+  }, [pendingStatus, state.busy]);
+  useEffect(() => {
+    textarea.current?.focus({ preventScroll: true });
+  }, [memoryKey]);
+  useEffect(() => {
+    if (!restoreDraft) return;
+    setDraft(restoreDraft.text);
+    remember(restoreDraft.text, queue);
+    textarea.current?.focus({ preventScroll: true });
+    onDraftRestored?.(restoreDraft.id);
+  }, [onDraftRestored, restoreDraft?.id]);
   useEffect(() => {
     const timer = setTimeout(() => adapter.onIntent({ action: "draft", text: draft }), 250);
     return () => clearTimeout(timer);
@@ -620,27 +696,28 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
   const send = () => {
     const text = draft.trim();
     if (!text) return;
-    if (state.busy) updateQueue((items) => [...items, text]);
+    if (queuesNewMessage) updateQueue((items) => [...items, text]);
     else if (state.canSend) {
+      if (onPending) setDispatching(true);
       onPending?.(text);
       adapter.onIntent({ action: "send", text });
     } else return;
     setDraft("");
-    remember("", state.busy ? [...queue, text] : queue);
+    remember("", queuesNewMessage ? [...queue, text] : queue);
   };
-  return /* @__PURE__ */ jsxs("div", { class: "scui-compose", children: [
-    queue.length ? /* @__PURE__ */ jsxs("div", { class: "scui-queue", children: [
-      /* @__PURE__ */ jsxs("strong", { children: [
+  return /* @__PURE__ */ jsxs2("div", { class: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs2("div", { class: "scui-queue", children: [
+      /* @__PURE__ */ jsxs2("strong", { children: [
         queue.length,
         " queued"
       ] }),
-      queue.map((item, index) => /* @__PURE__ */ jsxs("span", { children: [
+      queue.map((item, index) => /* @__PURE__ */ jsxs2("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" })
+        /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 13 }) })
       ] }, `${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) => {
+    /* @__PURE__ */ jsxs2("div", { class: "scui-envelope", children: [
+      /* @__PURE__ */ jsx2("textarea", { ref: textarea, rows: 1, "aria-label": `Message ${harnessDisplayName(state.harness) || "agent"}`, placeholder: state.startup !== "ready" ? "Connecting\u2026" : pendingStatus === "failed" ? "Retry or edit the unsent message\u2026" : pendingStatus === "editing" ? "Edit and resend\u2026" : queueBlocked ? "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);
@@ -650,35 +727,113 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
           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__ */ jsxs2("span", { children: [
+        state.busy ? /* @__PURE__ */ jsx2("button", { class: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: /* @__PURE__ */ jsx2(UiIcon, { name: "stop", size: 15 }) }) : null,
+        /* @__PURE__ */ jsx2("button", { class: "scui-send", type: "button", "aria-label": queuesNewMessage ? "Queue message" : "Send message", disabled: !draft.trim() || !queuesNewMessage && !state.canSend, onClick: send, children: /* @__PURE__ */ jsx2(UiIcon, { name: queuesNewMessage ? "plus" : "send", size: 17 }) })
       ] })
     ] })
   ] });
 }
 
 // src/conversation.jsx
-import { useEffect as useEffect2, useId, useLayoutEffect, useRef as useRef2, useState as useState2 } from "preact/hooks";
+import { Fragment as Fragment2 } from "preact";
+import { useEffect as useEffect3, useId, useLayoutEffect as useLayoutEffect2, useRef as useRef3, 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";
+import { useEffect as useEffect2, useMemo, useRef as useRef2 } from "preact/hooks";
+import { jsx as jsx3 } from "preact/jsx-runtime";
 var markdown = new MarkdownIt({ html: false, linkify: true, breaks: false });
+var LANGUAGE_LABELS = {
+  bash: "Shell",
+  css: "CSS",
+  html: "HTML",
+  js: "JavaScript",
+  javascript: "JavaScript",
+  jsx: "JSX",
+  md: "Markdown",
+  markdown: "Markdown",
+  py: "Python",
+  python: "Python",
+  rs: "Rust",
+  rust: "Rust",
+  sh: "Shell",
+  shell: "Shell",
+  ts: "TypeScript",
+  tsx: "TSX",
+  yaml: "YAML",
+  yml: "YAML",
+  json: "JSON",
+  jsonc: "JSONC",
+  sql: "SQL",
+  xml: "XML"
+};
+var COPY_ICON = '<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="5" width="8" height="8" rx="1.5"></rect><path d="M3 10.5V4.25C3 3.56 3.56 3 4.25 3h6.25"></path></svg>';
+function languageLabel(info) {
+  const language = info.trim().split(/\s+/, 1)[0]?.toLocaleLowerCase() ?? "";
+  if (!language) return "Code";
+  return LANGUAGE_LABELS[language] ?? language.toLocaleUpperCase();
+}
+function frameCode(render2, tokens, index, options, env, self) {
+  const label = markdown.utils.escapeHtml(languageLabel(tokens[index]?.info ?? ""));
+  return `<div class="scui-code-block"><div class="scui-code-head"><span>${label}</span><button class="scui-code-copy" type="button" aria-label="Copy code" title="Copy code">${COPY_ICON}<span>Copy</span></button></div>${render2(tokens, index, options, env, self)}</div>`;
+}
+for (const kind of ["fence", "code_block"]) {
+  const render2 = markdown.renderer.rules[kind];
+  markdown.renderer.rules[kind] = (tokens, index, options, env, self) => frameCode(render2, tokens, index, options, env, self);
+}
 var defaultLinkOpen = markdown.renderer.rules.link_open;
 markdown.renderer.rules.link_open = (tokens, index, options, env, self) => {
   tokens[index]?.attrSet("target", "_blank");
   tokens[index]?.attrSet("rel", "noreferrer noopener");
   return defaultLinkOpen ? defaultLinkOpen(tokens, index, options, env, self) : self.renderToken(tokens, index, options);
 };
-function Markdown({ value }) {
+function setCopyState(button, status) {
+  const labels = {
+    idle: ["Copy code", "Copy"],
+    copied: ["Code copied", "Copied"],
+    failed: ["Copy failed \xB7 retry", "Retry"]
+  };
+  const [label, visible] = labels[status];
+  button.dataset.status = status;
+  button.setAttribute("aria-label", label);
+  button.setAttribute("title", label);
+  const text = button.querySelector("span");
+  if (text) text.textContent = visible;
+}
+function Markdown({ value, copyText }) {
   const html = useMemo(() => markdown.render(value), [value]);
-  return /* @__PURE__ */ jsx2("div", { class: "scui-markdown", dangerouslySetInnerHTML: { __html: html } });
+  const resets = useRef2(/* @__PURE__ */ new Map());
+  useEffect2(() => () => {
+    for (const timer of resets.current.values()) clearTimeout(timer);
+    resets.current.clear();
+  }, []);
+  const copyCode = async (event) => {
+    const button = event.target.closest?.(".scui-code-copy");
+    if (!button || !event.currentTarget.contains(button) || !copyText) return;
+    const code = button.closest(".scui-code-block")?.querySelector("pre code");
+    if (!code) return;
+    button.disabled = true;
+    try {
+      await copyText(code.textContent ?? "");
+      setCopyState(button, "copied");
+    } catch {
+      setCopyState(button, "failed");
+    } finally {
+      button.disabled = false;
+    }
+    clearTimeout(resets.current.get(button));
+    const timer = setTimeout(() => {
+      if (button.isConnected) setCopyState(button, "idle");
+      resets.current.delete(button);
+    }, 1500);
+    resets.current.set(button, timer);
+  };
+  return /* @__PURE__ */ jsx3("div", { class: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
 }
 
 // src/conversation.jsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
 function LoadingStatus({ state, compact = false }) {
   const copy = {
     connecting: ["Connecting to coding agents", "Checking installed harnesses and capabilities.", 0],
@@ -686,81 +841,104 @@ 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__ */ 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] })
+  return /* @__PURE__ */ jsxs3("div", { class: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx4("span", { class: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("i", {}) }),
+    /* @__PURE__ */ jsxs3("span", { class: "scui-loading-copy", children: [
+      /* @__PURE__ */ jsx4("strong", { children: copy[0] }),
+      /* @__PURE__ */ jsx4("small", { children: copy[1] })
     ] }),
-    /* @__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)) })
+    /* @__PURE__ */ jsx4("span", { class: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx4("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__ */ jsxs2("div", { class: "scui-request-done", children: [
+    return /* @__PURE__ */ jsxs3("div", { class: "scui-request-done", children: [
       "\u2713 Request answered \xB7 ",
       request.resolution?.name ?? request.requestKind
     ] });
   }
-  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
+  return /* @__PURE__ */ jsxs3("section", { class: "scui-request", role: "alert", "aria-label": `${request.requestKind} needs input`, children: [
+    /* @__PURE__ */ jsx4("strong", { children: "Agent needs input" }),
+    /* @__PURE__ */ jsx4(Markdown, { value: request.payloadText || entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsxs3("div", { class: "scui-request-actions", children: [
+      request.options.map((option) => /* @__PURE__ */ jsx4("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
+      request.cancellable ? /* @__PURE__ */ jsx4("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__ */ jsxs2("details", { class: "scui-context", children: [
-    /* @__PURE__ */ jsxs2("summary", { children: [
+  return /* @__PURE__ */ jsxs3("details", { class: "scui-context", children: [
+    /* @__PURE__ */ jsxs3("summary", { children: [
       "Context \xB7 ",
       context.length
     ] }),
-    /* @__PURE__ */ jsx3("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs2("p", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: item.label }),
-      /* @__PURE__ */ jsx3("span", { children: item.detail })
+    /* @__PURE__ */ jsx4("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs3("p", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: item.label }),
+      /* @__PURE__ */ jsx4("span", { children: item.detail })
     ] }, item.id ?? index)) })
   ] });
 }
+function MessageMeta({ entry, adapter }) {
+  const [copyState, setCopyState2] = useState2("idle");
+  const reset = useRef3(null);
+  useEffect3(() => () => clearTimeout(reset.current), []);
+  const date = entry.ts === null ? null : new Date(entry.ts);
+  const validDate = date && Number.isFinite(date.valueOf()) ? date : null;
+  if (!validDate && (!adapter?.copyText || !entry.text)) return null;
+  const copy = async () => {
+    try {
+      await adapter.copyText(entry.text);
+      setCopyState2("copied");
+    } catch {
+      setCopyState2("failed");
+    }
+    clearTimeout(reset.current);
+    reset.current = setTimeout(() => setCopyState2("idle"), 1500);
+  };
+  const copyLabel = copyState === "copied" ? "Message copied" : copyState === "failed" ? "Copy failed \xB7 retry" : "Copy message";
+  return /* @__PURE__ */ jsxs3("footer", { class: "scui-message-meta", children: [
+    validDate ? /* @__PURE__ */ jsx4("time", { dateTime: validDate.toISOString(), title: validDate.toLocaleString(), children: validDate.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) }) : null,
+    adapter?.copyText && entry.text ? /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": copyLabel, title: copyLabel, onClick: copy, "data-status": copyState, children: /* @__PURE__ */ jsx4(UiIcon, { name: "copy", size: 13 }) }) : null
+  ] });
+}
 var TOOL_ICONS = {
-  read: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("path", { d: "M5 2.75h7.25L15 5.5v7.75A1.75 1.75 0 0 1 13.25 15h-8.5A1.75 1.75 0 0 1 3 13.25v-8.5A2 2 0 0 1 5 2.75Z" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 2.9v3h2.85M6 9h6M6 12h4" })
+  read: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("path", { d: "M5 2.75h7.25L15 5.5v7.75A1.75 1.75 0 0 1 13.25 15h-8.5A1.75 1.75 0 0 1 3 13.25v-8.5A2 2 0 0 1 5 2.75Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 2.9v3h2.85M6 9h6M6 12h4" })
   ] }),
-  search: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "8", cy: "8", r: "4.5" }),
-    /* @__PURE__ */ jsx3("path", { d: "m11.5 11.5 3 3" })
+  search: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("circle", { cx: "8", cy: "8", r: "4.5" }),
+    /* @__PURE__ */ jsx4("path", { d: "m11.5 11.5 3 3" })
   ] }),
-  edit: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("path", { d: "m11.75 3.25 3 3-8.5 8.5-3.75.75.75-3.75 8.5-8.5Z" }),
-    /* @__PURE__ */ jsx3("path", { d: "m10 5 3 3" })
+  edit: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("path", { d: "m11.75 3.25 3 3-8.5 8.5-3.75.75.75-3.75 8.5-8.5Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "m10 5 3 3" })
   ] }),
-  command: () => /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsx3("path", { d: "m3 5 3 3-3 3M8 12h6" }) }),
-  test: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("path", { d: "M6 2.5v3L3 12a2 2 0 0 0 1.8 3h8.4a2 2 0 0 0 1.8-3l-3-6.5v-3M5 9h8" }),
-    /* @__PURE__ */ jsx3("path", { d: "M5 2.5h8" })
+  command: () => /* @__PURE__ */ jsx4(Fragment3, { children: /* @__PURE__ */ jsx4("path", { d: "m3 5 3 3-3 3M8 12h6" }) }),
+  test: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("path", { d: "M6 2.5v3L3 12a2 2 0 0 0 1.8 3h8.4a2 2 0 0 0 1.8-3l-3-6.5v-3M5 9h8" }),
+    /* @__PURE__ */ jsx4("path", { d: "M5 2.5h8" })
   ] }),
-  web: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "9", r: "6.5" }),
-    /* @__PURE__ */ jsx3("path", { d: "M2.75 9h12.5M9 2.5c2 1.8 3 4 3 6.5s-1 4.7-3 6.5c-2-1.8-3-4-3-6.5s1-4.7 3-6.5Z" })
+  web: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("circle", { cx: "9", cy: "9", r: "6.5" }),
+    /* @__PURE__ */ jsx4("path", { d: "M2.75 9h12.5M9 2.5c2 1.8 3 4 3 6.5s-1 4.7-3 6.5c-2-1.8-3-4-3-6.5s1-4.7 3-6.5Z" })
   ] }),
-  agent: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "6", r: "2.5" }),
-    /* @__PURE__ */ jsx3("path", { d: "M4 15c.4-3 2-4.5 5-4.5s4.6 1.5 5 4.5" })
+  agent: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("circle", { cx: "9", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ jsx4("path", { d: "M4 15c.4-3 2-4.5 5-4.5s4.6 1.5 5 4.5" })
   ] }),
-  plan: () => /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsx3("path", { d: "m3 5 1 1 2-2M3 9l1 1 2-2M3 13l1 1 2-2M8 5h7M8 9h7M8 13h7" }) }),
-  other: () => /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("path", { d: "M9 2.5v3M9 12.5v3M2.5 9h3M12.5 9h3" }),
-    /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "9", r: "3.5" })
+  plan: () => /* @__PURE__ */ jsx4(Fragment3, { children: /* @__PURE__ */ jsx4("path", { d: "m3 5 1 1 2-2M3 9l1 1 2-2M3 13l1 1 2-2M8 5h7M8 9h7M8 13h7" }) }),
+  other: () => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("path", { d: "M9 2.5v3M9 12.5v3M2.5 9h3M12.5 9h3" }),
+    /* @__PURE__ */ jsx4("circle", { cx: "9", cy: "9", r: "3.5" })
   ] })
 };
 function ToolIcon({ category }) {
   const Glyph = TOOL_ICONS[category] ?? TOOL_ICONS.other;
-  return /* @__PURE__ */ jsx3("svg", { class: "scui-tool-icon", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.35", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(Glyph, {}) });
+  return /* @__PURE__ */ jsx4("svg", { class: "scui-tool-icon", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.35", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(Glyph, {}) });
 }
 function toolAction2(entry, category, presentation) {
   if (presentation?.action) return presentation.action;
@@ -815,86 +993,86 @@ function ToolMetrics({ presentation }) {
     presentation.exitCode === null ? "" : `exit ${presentation.exitCode}`,
     formatDuration(presentation.durationMs)
   ].filter(Boolean);
-  return metrics.length ? /* @__PURE__ */ jsx3("div", { class: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx3("span", { children: metric }, metric)) }) : null;
+  return metrics.length ? /* @__PURE__ */ jsx4("div", { class: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx4("span", { children: metric }, metric)) }) : null;
 }
 function PendingElapsed({ now }) {
   const clock = now ?? Date.now;
-  const started = useRef2(clock());
+  const started = useRef3(clock());
   const [elapsed, setElapsed] = useState2(0);
-  useEffect2(() => {
+  useEffect3(() => {
     const timer = setInterval(() => setElapsed(Math.max(0, clock() - started.current)), 1e3);
     return () => clearInterval(timer);
   }, [clock]);
-  return /* @__PURE__ */ jsx3("small", { class: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
+  return /* @__PURE__ */ jsx4("small", { class: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
 }
 function LinePreview({ value, kind }) {
   if (!value) return null;
-  return /* @__PURE__ */ jsx3("ol", { class: "scui-code-preview", "data-kind": kind, children: stripAnsi(value).split("\n").map((line, index) => {
+  return /* @__PURE__ */ jsx4("ol", { class: "scui-code-preview", "data-kind": kind, children: stripAnsi(value).split("\n").map((line, index) => {
     const tone = kind === "diff" ? line.startsWith("+") && !line.startsWith("+++") ? "add" : line.startsWith("-") && !line.startsWith("---") ? "remove" : line.startsWith("@@") ? "hunk" : "plain" : "plain";
-    return /* @__PURE__ */ jsxs2("li", { "data-tone": tone, children: [
-      /* @__PURE__ */ jsx3("span", { children: index + 1 }),
-      /* @__PURE__ */ jsx3("code", { children: line || " " })
+    return /* @__PURE__ */ jsxs3("li", { "data-tone": tone, children: [
+      /* @__PURE__ */ jsx4("span", { children: index + 1 }),
+      /* @__PURE__ */ jsx4("code", { children: line || " " })
     ] }, index);
   }) });
 }
 function TerminalPreview({ presentation, pending, failed }) {
-  return /* @__PURE__ */ jsxs2("section", { class: "scui-terminal", children: [
-    /* @__PURE__ */ jsxs2("header", { children: [
-      /* @__PURE__ */ jsxs2("span", { "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx3("i", {}),
-        /* @__PURE__ */ jsx3("i", {}),
-        /* @__PURE__ */ jsx3("i", {})
+  return /* @__PURE__ */ jsxs3("section", { class: "scui-terminal", children: [
+    /* @__PURE__ */ jsxs3("header", { children: [
+      /* @__PURE__ */ jsxs3("span", { "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx4("i", {}),
+        /* @__PURE__ */ jsx4("i", {}),
+        /* @__PURE__ */ jsx4("i", {})
       ] }),
-      /* @__PURE__ */ jsx3("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
+      /* @__PURE__ */ jsx4("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
     ] }),
-    presentation.preview ? /* @__PURE__ */ jsx3("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs2("div", { class: "scui-terminal-wait", children: [
-      /* @__PURE__ */ jsx3("i", {}),
+    presentation.preview ? /* @__PURE__ */ jsx4("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs3("div", { class: "scui-terminal-wait", children: [
+      /* @__PURE__ */ jsx4("i", {}),
       " Waiting for output"
-    ] }) : /* @__PURE__ */ jsx3("div", { class: "scui-terminal-empty", children: "No output" })
+    ] }) : /* @__PURE__ */ jsx4("div", { class: "scui-terminal-empty", children: "No output" })
   ] });
 }
 function SearchPreview({ presentation }) {
   const lines = stripAnsi(presentation.preview).split("\n").filter(Boolean);
-  return /* @__PURE__ */ jsxs2("section", { class: "scui-search-preview", children: [
-    presentation.query ? /* @__PURE__ */ jsxs2("header", { children: [
-      /* @__PURE__ */ jsx3("span", { children: "Search" }),
-      /* @__PURE__ */ jsx3("code", { children: presentation.query })
+  return /* @__PURE__ */ jsxs3("section", { class: "scui-search-preview", children: [
+    presentation.query ? /* @__PURE__ */ jsxs3("header", { children: [
+      /* @__PURE__ */ jsx4("span", { children: "Search" }),
+      /* @__PURE__ */ jsx4("code", { children: presentation.query })
     ] }) : null,
-    lines.length ? /* @__PURE__ */ jsx3("ol", { children: lines.map((line, index) => {
+    lines.length ? /* @__PURE__ */ jsx4("ol", { children: lines.map((line, index) => {
       const match = /^(.*?):(\d+)(?::(\d+))?:(.*)$/.exec(line);
-      return /* @__PURE__ */ jsx3("li", { children: match ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx3("code", { children: match[1] }),
-        /* @__PURE__ */ jsxs2("small", { children: [
+      return /* @__PURE__ */ jsx4("li", { children: match ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        /* @__PURE__ */ jsx4("code", { children: match[1] }),
+        /* @__PURE__ */ jsxs3("small", { children: [
           match[2],
           match[3] ? `:${match[3]}` : ""
         ] }),
-        /* @__PURE__ */ jsx3("span", { children: match[4] })
-      ] }) : /* @__PURE__ */ jsx3("span", { children: line }) }, index);
-    }) }) : /* @__PURE__ */ jsx3("p", { children: "No textual results" })
+        /* @__PURE__ */ jsx4("span", { children: match[4] })
+      ] }) : /* @__PURE__ */ jsx4("span", { children: line }) }, index);
+    }) }) : /* @__PURE__ */ jsx4("p", { children: "No textual results" })
   ] });
 }
 function ToolPreview({ presentation, entry }) {
   const pending = entry.status === "pending";
   const failed = entry.status === "error";
-  if (presentation.detail === "terminal") return /* @__PURE__ */ jsx3(TerminalPreview, { presentation, pending, failed });
-  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx3(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx3("div", { class: "scui-tool-empty", children: "Edit completed without a textual diff" });
-  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx3(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx3("div", { class: "scui-tool-empty", children: "File contents were not included in this event" });
-  if (presentation.detail === "matches") return /* @__PURE__ */ jsx3(SearchPreview, { presentation });
-  if (presentation.detail === "web") return /* @__PURE__ */ jsxs2("section", { class: "scui-web-preview", children: [
-    presentation.url ? /* @__PURE__ */ jsx3("code", { children: presentation.url }) : null,
-    presentation.preview ? /* @__PURE__ */ jsx3("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx3("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
+  if (presentation.detail === "terminal") return /* @__PURE__ */ jsx4(TerminalPreview, { presentation, pending, failed });
+  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx4(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx4("div", { class: "scui-tool-empty", children: "Edit completed without a textual diff" });
+  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx4(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx4("div", { class: "scui-tool-empty", children: "File contents were not included in this event" });
+  if (presentation.detail === "matches") return /* @__PURE__ */ jsx4(SearchPreview, { presentation });
+  if (presentation.detail === "web") return /* @__PURE__ */ jsxs3("section", { class: "scui-web-preview", children: [
+    presentation.url ? /* @__PURE__ */ jsx4("code", { children: presentation.url }) : null,
+    presentation.preview ? /* @__PURE__ */ jsx4("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx4("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
   ] });
-  if (presentation.detail === "agent") return /* @__PURE__ */ jsx3("section", { class: "scui-agent-preview", children: presentation.preview ? /* @__PURE__ */ jsx3("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx3("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
-  if (presentation.detail === "plan") return /* @__PURE__ */ jsx3("ol", { class: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs2("li", { "data-status": item.status, children: [
-    /* @__PURE__ */ jsx3("i", { "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx3("span", { children: item.label })
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx4("section", { class: "scui-agent-preview", children: presentation.preview ? /* @__PURE__ */ jsx4("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx4("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
+  if (presentation.detail === "plan") return /* @__PURE__ */ jsx4("ol", { class: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs3("li", { "data-status": item.status, children: [
+    /* @__PURE__ */ jsx4("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx4("span", { children: item.label })
   ] }, `${item.label}:${index}`)) });
-  return presentation.preview ? /* @__PURE__ */ jsx3("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
+  return presentation.preview ? /* @__PURE__ */ jsx4("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
 }
 function ToolActions({ presentation, adapter }) {
   const [copied, setCopied] = useState2(false);
-  const reset = useRef2(null);
-  useEffect2(() => () => clearTimeout(reset.current), []);
+  const reset = useRef3(null);
+  useEffect3(() => () => clearTimeout(reset.current), []);
   if (!adapter?.copyText) return null;
   const action = presentation.command ? ["Copy command", presentation.command] : presentation.path ? ["Copy path", presentation.path] : presentation.url ? ["Copy URL", presentation.url] : presentation.query ? ["Copy query", presentation.query] : null;
   const copy = async () => {
@@ -903,27 +1081,27 @@ function ToolActions({ presentation, adapter }) {
     clearTimeout(reset.current);
     reset.current = setTimeout(() => setCopied(false), 1500);
   };
-  return action ? /* @__PURE__ */ jsx3("div", { class: "scui-tool-actions", children: /* @__PURE__ */ jsx3("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
+  return action ? /* @__PURE__ */ jsx4("div", { class: "scui-tool-actions", children: /* @__PURE__ */ jsx4("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
 }
 function ToolStack({ tools }) {
   if (tools.length < 2) return null;
-  return /* @__PURE__ */ jsx3("div", { class: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx3("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
+  return /* @__PURE__ */ jsx4("div", { class: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx4("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
 }
 function TechnicalDetails({ entry }) {
   if (!entry.arguments && !entry.resultText) return null;
-  return /* @__PURE__ */ jsxs2("details", { class: "scui-tool-technical", children: [
-    /* @__PURE__ */ jsx3("summary", { children: "Technical details" }),
-    /* @__PURE__ */ jsxs2("div", { children: [
-      entry.arguments ? /* @__PURE__ */ jsxs2("section", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Native arguments" }),
-        /* @__PURE__ */ jsx3("dl", { children: argumentRows(entry.arguments).map((row) => /* @__PURE__ */ jsxs2("div", { children: [
-          /* @__PURE__ */ jsx3("dt", { children: row.label }),
-          /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3("pre", { children: row.value }) })
+  return /* @__PURE__ */ jsxs3("details", { class: "scui-tool-technical", children: [
+    /* @__PURE__ */ jsx4("summary", { children: "Technical details" }),
+    /* @__PURE__ */ jsxs3("div", { children: [
+      entry.arguments ? /* @__PURE__ */ jsxs3("section", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Native arguments" }),
+        /* @__PURE__ */ jsx4("dl", { children: argumentRows(entry.arguments).map((row) => /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx4("dt", { children: row.label }),
+          /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4("pre", { children: row.value }) })
         ] }, row.key)) })
       ] }) : null,
-      entry.resultText ? /* @__PURE__ */ jsxs2("section", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Native result" }),
-        /* @__PURE__ */ jsxs2("pre", { "data-error": entry.status === "error", children: [
+      entry.resultText ? /* @__PURE__ */ jsxs3("section", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Native result" }),
+        /* @__PURE__ */ jsxs3("pre", { "data-error": entry.status === "error", children: [
           entry.resultText,
           entry.truncated ? "\n[truncated]" : ""
         ] })
@@ -932,125 +1110,126 @@ function TechnicalDetails({ entry }) {
   ] });
 }
 function TranscriptEntry({ entry, state, adapter }) {
-  if (entry.role === "request") return /* @__PURE__ */ jsx3(RequestCard, { entry, adapter, canRespond: state.canRespond });
+  if (entry.role === "request") return /* @__PURE__ */ jsx4(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
-    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 })
+    return /* @__PURE__ */ jsxs3("details", { class: "scui-reasoning", open: entry.streaming, children: [
+      /* @__PURE__ */ jsx4("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
+      /* @__PURE__ */ jsx4(Markdown, { value: entry.text, copyText: adapter?.copyText })
     ] });
   }
-  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
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx4("div", { class: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs3("article", { class: "scui-message", "data-role": entry.role, "aria-label": `${entry.role === "user" ? "Your" : "Assistant"} message`, children: [
+    /* @__PURE__ */ jsx4(Markdown, { value: entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsx4(ContextDisclosure, { context: entry.context }),
+    entry.truncated ? /* @__PURE__ */ jsx4("small", { class: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
+    /* @__PURE__ */ jsx4(MessageMeta, { entry, adapter })
   ] });
 }
 function ToolRow({ entry, workspace, open = false, adapter }) {
   const presentation = entry.presentation ?? createToolPresentation(entry);
   const [expanded, setExpanded] = useState2(open || entry.status === "pending");
-  useEffect2(() => {
+  useEffect3(() => {
     if (entry.status === "pending") setExpanded(true);
   }, [entry.status]);
   const target = compactToolTarget(presentation.target, workspace);
   const hasDetail = Boolean(entry.arguments || entry.resultText || presentation.preview || presentation.fields.length);
   const category = presentation.category ?? toolCategory(entry);
-  const summary = /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3(ToolIcon, { category }),
-    /* @__PURE__ */ jsx3("strong", { children: toolAction2(entry, category, presentation) }),
-    target ? /* @__PURE__ */ jsx3("code", { class: "scui-tool-target", title: presentation.target, children: target }) : null,
-    /* @__PURE__ */ jsx3("span", { class: "scui-spacer" }),
-    entry.status === "pending" ? /* @__PURE__ */ jsx3(PendingElapsed, { now: adapter?.now }) : null,
-    /* @__PURE__ */ jsx3("span", { class: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx3("i", {}) : entry.status === "error" ? "\xD7" : "\u2713" }),
-    hasDetail ? /* @__PURE__ */ jsx3("span", { class: "scui-tool-chevron", "aria-hidden": "true", children: "\u203A" }) : null
+  const summary = /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx4(ToolIcon, { category }),
+    /* @__PURE__ */ jsx4("strong", { children: toolAction2(entry, category, presentation) }),
+    target ? /* @__PURE__ */ jsx4("code", { class: "scui-tool-target", title: presentation.target, children: target }) : null,
+    /* @__PURE__ */ jsx4("span", { class: "scui-spacer" }),
+    entry.status === "pending" ? /* @__PURE__ */ jsx4(PendingElapsed, { now: adapter?.now }) : null,
+    /* @__PURE__ */ jsx4("span", { class: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx4("i", {}) : /* @__PURE__ */ jsx4(UiIcon, { name: entry.status === "error" ? "close" : "check", size: 12 }) }),
+    hasDetail ? /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14, class: "scui-tool-chevron" }) : null
   ] });
-  if (!hasDetail) return /* @__PURE__ */ jsx3("div", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx3("div", { class: "scui-tool-head", children: summary }) });
-  return /* @__PURE__ */ jsxs2("details", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
-    /* @__PURE__ */ jsx3("summary", { class: "scui-tool-head", children: summary }),
-    /* @__PURE__ */ jsxs2("div", { class: "scui-tool-detail", children: [
-      /* @__PURE__ */ jsx3(ToolMetrics, { presentation }),
-      /* @__PURE__ */ jsx3(ToolStack, { tools: presentation.tools ?? [] }),
-      /* @__PURE__ */ jsx3(ToolPreview, { presentation, entry }),
-      presentation.fields.length ? /* @__PURE__ */ jsx3("dl", { class: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx3("dt", { children: field.label }),
-        /* @__PURE__ */ jsx3("dd", { children: field.value })
+  if (!hasDetail) return /* @__PURE__ */ jsx4("div", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx4("div", { class: "scui-tool-head", children: summary }) });
+  return /* @__PURE__ */ jsxs3("details", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsx4("summary", { class: "scui-tool-head", children: summary }),
+    /* @__PURE__ */ jsxs3("div", { class: "scui-tool-detail", children: [
+      /* @__PURE__ */ jsx4(ToolMetrics, { presentation }),
+      /* @__PURE__ */ jsx4(ToolStack, { tools: presentation.tools ?? [] }),
+      /* @__PURE__ */ jsx4(ToolPreview, { presentation, entry }),
+      presentation.fields.length ? /* @__PURE__ */ jsx4("dl", { class: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx4("dt", { children: field.label }),
+        /* @__PURE__ */ jsx4("dd", { children: field.value })
       ] }, field.label)) }) : null,
-      /* @__PURE__ */ jsx3(ToolActions, { presentation, adapter }),
-      /* @__PURE__ */ jsx3(TechnicalDetails, { entry })
+      /* @__PURE__ */ jsx4(ToolActions, { presentation, adapter }),
+      /* @__PURE__ */ jsx4(TechnicalDetails, { entry })
     ] })
   ] });
 }
 function ActivityGroup({ entries, state, adapter }) {
-  if (entries.length === 1) return /* @__PURE__ */ jsx3("section", { class: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx3(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
+  if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { class: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
   const active = entries.some((entry) => entry.status === "pending");
   const [open, setOpen] = useState2(active);
   const id = useId();
-  useEffect2(() => {
+  useEffect3(() => {
     if (active) setOpen(true);
   }, [active]);
-  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: [
+  return /* @__PURE__ */ jsxs3("section", { class: "scui-activity", children: [
+    /* @__PURE__ */ jsxs3("button", { class: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx4("span", { class: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14 }) }),
+      /* @__PURE__ */ jsx4("strong", { children: activitySummary(entries) }),
+      /* @__PURE__ */ jsx4("span", { class: "scui-spacer" }),
+      /* @__PURE__ */ jsxs3("small", { children: [
         entries.filter((entry) => entry.status !== "pending").length,
         "/",
         entries.length
       ] })
     ] }),
-    open ? /* @__PURE__ */ jsx3("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx3(ToolRow, { entry, workspace: state.workspace, adapter }, entry.id)) }) : null
+    open ? /* @__PURE__ */ jsx4("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx4(ToolRow, { entry, workspace: state.workspace, adapter }, 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__ */ jsxs2("details", { class: "scui-plan", children: [
-    /* @__PURE__ */ jsxs2("summary", { children: [
-      /* @__PURE__ */ jsx3("span", { children: "Plan" }),
-      /* @__PURE__ */ jsxs2("small", { children: [
+  return /* @__PURE__ */ jsxs3("details", { class: "scui-plan", children: [
+    /* @__PURE__ */ jsxs3("summary", { children: [
+      /* @__PURE__ */ jsx4("span", { children: "Plan" }),
+      /* @__PURE__ */ jsxs3("small", { children: [
         complete,
         "/",
         plan.items.length
       ] })
     ] }),
-    /* @__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__ */ jsx4("ol", { tabIndex: 0, "aria-label": "Task plan steps", children: plan.items.map((item) => /* @__PURE__ */ jsxs3("li", { "data-status": item.status, children: [
+      /* @__PURE__ */ jsx4("i", { "aria-hidden": "true" }),
       " ",
-      /* @__PURE__ */ jsx3("span", { children: item.title })
+      /* @__PURE__ */ jsx4("span", { children: item.title })
     ] }, item.id)) })
   ] });
 }
 function SessionDetails({ semantics }) {
   if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
-  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("_", " ") })
+  return /* @__PURE__ */ jsxs3("details", { class: "scui-details", children: [
+    /* @__PURE__ */ jsx4("summary", { children: "Session details" }),
+    /* @__PURE__ */ jsxs3("div", { children: [
+      semantics.fidelity ? /* @__PURE__ */ jsxs3("p", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Fidelity" }),
+        /* @__PURE__ */ jsx4("span", { children: semantics.fidelity.replaceAll("_", " ") })
       ] }) : null,
-      /* @__PURE__ */ jsxs2("p", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Native records" }),
-        /* @__PURE__ */ jsx3("span", { children: semantics.rawRecords })
+      /* @__PURE__ */ jsxs3("p", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Native records" }),
+        /* @__PURE__ */ jsx4("span", { children: semantics.rawRecords })
       ] }),
-      semantics.residueCount ? /* @__PURE__ */ jsxs2("p", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Residue" }),
-        /* @__PURE__ */ jsxs2("span", { children: [
+      semantics.residueCount ? /* @__PURE__ */ jsxs3("p", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Residue" }),
+        /* @__PURE__ */ jsxs3("span", { children: [
           semantics.residueCount,
           " retained"
         ] })
       ] }) : null,
-      semantics.parseErrors ? /* @__PURE__ */ jsxs2("p", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Parse diagnostics" }),
-        /* @__PURE__ */ jsx3("span", { children: semantics.parseErrors })
+      semantics.parseErrors ? /* @__PURE__ */ jsxs3("p", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Parse diagnostics" }),
+        /* @__PURE__ */ jsx4("span", { children: semantics.parseErrors })
       ] }) : null,
-      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs2("p", { children: [
-        /* @__PURE__ */ jsxs2("strong", { children: [
+      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs3("p", { children: [
+        /* @__PURE__ */ jsxs3("strong", { children: [
           agent.source,
           " subagent"
         ] }),
-        /* @__PURE__ */ jsxs2("span", { children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
           agent.messages,
           " messages \xB7 ",
           agent.fidelity.replaceAll("_", " ")
@@ -1060,13 +1239,29 @@ function SessionDetails({ semantics }) {
   ] });
 }
 var conversationMemory = /* @__PURE__ */ new Map();
-function Conversation({ state, adapter, components = {}, slots = {}, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pending = null }) {
-  const scroller = useRef2(null);
+function ConversationAnnouncements({ state }) {
+  const previousBusy = useRef3(state.busy);
+  const [announcement, setAnnouncement] = useState2("");
+  useEffect3(() => {
+    if (previousBusy.current && !state.busy && !state.error) {
+      setAnnouncement(`${harnessDisplayName(state.harness) || "Coding agent"} finished working`);
+    }
+    previousBusy.current = state.busy;
+  }, [state.busy, state.error, state.harness]);
+  return /* @__PURE__ */ jsx4("span", { class: "scui-sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement });
+}
+function Conversation({ state, adapter, components = {}, slots = {}, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pending = null, unreadAfterMessages = null }) {
+  const scroller = useRef3(null);
   const remembered = conversationMemory.get(memoryKey) ?? { top: null, atBottom: true };
   const [atBottom, setAtBottom] = useState2(remembered.atBottom);
-  const earlierAnchor = useRef2(null);
-  const restored = useRef2(false);
+  const earlierAnchor = useRef3(null);
+  const restored = useRef3(false);
   const blocks = groupConversation(state.transcript);
+  const unreadBoundary = useRef3(Number.isSafeInteger(unreadAfterMessages) && unreadAfterMessages >= 0 ? unreadAfterMessages : null);
+  const unreadBlock = unreadBoundary.current === null ? -1 : blocks.findIndex((block) => {
+    const entries = block.kind === "activity" ? block.entries : [block.entry];
+    return entries.some((entry) => Number.isSafeInteger(entry.messageIndex) && entry.messageIndex > unreadBoundary.current);
+  });
   const Entry = components.TranscriptEntry ?? TranscriptEntry;
   const Group = components.ActivityGroup ?? ActivityGroup;
   const Plan = components.TaskPlan ?? TaskPlan;
@@ -1074,13 +1269,14 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
   const After = slots.afterConversation;
   const Empty = slots.emptyConversation;
   const remember = (value) => boundedSet(conversationMemory, memoryKey, value);
+  const pendingMessage = typeof pending === "string" ? { text: pending, status: "sending" } : pending;
   const pin = () => {
     if (!scroller.current) return;
     scroller.current.scrollTop = scroller.current.scrollHeight;
     setAtBottom(true);
     remember({ top: scroller.current.scrollTop, atBottom: true });
   };
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const element = scroller.current;
     if (!element) return;
     const anchor = earlierAnchor.current;
@@ -1095,49 +1291,62 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [memoryKey, state.transcript, state.busy, state.operation]);
-  return /* @__PURE__ */ jsxs2("div", { class: "scui-conversation-wrap", children: [
-    /* @__PURE__ */ jsx3("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
+  }, [memoryKey, state.transcript, state.busy, state.operation, pendingMessage?.text, pendingMessage?.status]);
+  return /* @__PURE__ */ jsxs3("div", { class: "scui-conversation-wrap", children: [
+    /* @__PURE__ */ jsx4(ConversationAnnouncements, { state }),
+    /* @__PURE__ */ jsx4("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);
       remember({ top: element.scrollTop, atBottom: bottom });
-    }, children: /* @__PURE__ */ jsxs2("div", { children: [
-      Before ? /* @__PURE__ */ jsx3(Before, { state, adapter, value: null }) : null,
-      /* @__PURE__ */ jsx3(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
-      /* @__PURE__ */ jsx3(SessionDetails, { semantics: state.semantics }),
-      state.history.hasEarlier ? /* @__PURE__ */ jsx3("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
+    }, children: /* @__PURE__ */ jsxs3("div", { children: [
+      Before ? /* @__PURE__ */ jsx4(Before, { state, adapter, value: null }) : null,
+      /* @__PURE__ */ jsx4(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
+      /* @__PURE__ */ jsx4(SessionDetails, { semantics: state.semantics }),
+      state.history.hasEarlier ? /* @__PURE__ */ jsx4("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__ */ 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" })
+      !blocks.length && state.startup !== "ready" ? /* @__PURE__ */ jsx4(LoadingStatus, { state }) : null,
+      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx4(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx4("div", { class: "scui-empty", children: state.error ?? (state.harness ? `${harnessDisplayName(state.harness)} is listening. Say something.` : "No transcript yet.") }) : null,
+      blocks.map((block, index) => /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        index === unreadBlock ? /* @__PURE__ */ jsx4("div", { class: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx4("span", { children: "New" }) }) : null,
+        block.kind === "activity" ? /* @__PURE__ */ jsx4(Group, { value: block.entries, entries: block.entries, state, adapter }) : /* @__PURE__ */ jsx4(Entry, { value: block.entry, entry: block.entry, state, adapter })
+      ] }, block.id)),
+      pendingMessage ? /* @__PURE__ */ jsxs3("article", { class: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
+        /* @__PURE__ */ jsx4(Markdown, { value: pendingMessage.text, copyText: adapter?.copyText }),
+        /* @__PURE__ */ jsxs3("footer", { children: [
+          /* @__PURE__ */ jsx4("small", { children: pendingMessage.status === "failed" ? "Not sent" : "Sending\u2026" }),
+          pendingMessage.status === "failed" ? /* @__PURE__ */ jsxs3("span", { children: [
+            /* @__PURE__ */ jsx4("button", { type: "button", onClick: pendingMessage.onRetry, children: "Retry" }),
+            /* @__PURE__ */ jsx4("button", { type: "button", onClick: pendingMessage.onEdit, children: "Edit" })
+          ] }) : null
+        ] })
       ] }) : null,
-      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: [
+      state.busy ? /* @__PURE__ */ jsxs3("div", { class: "scui-working", role: "status", children: [
+        /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "\u2726" }),
+        /* @__PURE__ */ jsx4("i", {}),
+        /* @__PURE__ */ jsx4("i", {}),
+        /* @__PURE__ */ jsx4("i", {}),
+        /* @__PURE__ */ jsxs3("small", { children: [
           harnessDisplayName(state.harness),
           " is working"
         ] })
       ] }) : null,
-      After ? /* @__PURE__ */ jsx3(After, { state, adapter, value: null }) : null
+      After ? /* @__PURE__ */ jsx4(After, { state, adapter, value: null }) : null
     ] }) }),
-    !atBottom ? /* @__PURE__ */ jsx3("button", { class: "scui-latest", type: "button", onClick: pin, children: "\u2193 Latest" }) : null
+    !atBottom ? /* @__PURE__ */ jsxs3("button", { class: "scui-latest", type: "button", onClick: pin, children: [
+      /* @__PURE__ */ jsx4(UiIcon, { name: "down", size: 13 }),
+      " Latest"
+    ] }) : null
   ] });
 }
 
 // src/logo.jsx
-import { useEffect as useEffect3 } from "preact/hooks";
-import { jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
+import { useEffect as useEffect4 } from "preact/hooks";
+import { jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
 var LOGOS = {
   "claude-code": {
     viewBox: "-1 3.5 26 18",
@@ -1184,74 +1393,106 @@ var LOGOS = {
 };
 function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
   const logo = LOGOS[id];
-  useEffect3(() => {
+  useEffect4(() => {
     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
+  return /* @__PURE__ */ jsxs4("span", { class: "scui-logo", "data-harness": id, "data-activity": activity, style: `--scui-logo-size:${size}px`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx5("svg", { viewBox: logo.viewBox, preserveAspectRatio: "xMidYMid meet", focusable: "false", children: logo.paths.map(([Tag, props], index) => /* @__PURE__ */ jsx5(Tag, { ...props }, index)) }),
+    activity && activity !== "idle" ? /* @__PURE__ */ jsx5("i", {}) : null
   ] });
 }
 
 // src/sessions.jsx
-import { useState as useState3 } from "preact/hooks";
-import { jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { useEffect as useEffect5, useLayoutEffect as useLayoutEffect3, useRef as useRef4, useState as useState3 } from "preact/hooks";
+import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
+var sessionListMemory = /* @__PURE__ */ new Map();
 function SessionRow({ row, state, onOpen }) {
   const activity = sessionActivity(state, row);
   const preview = state.attention.find((item) => item.key === row.key)?.preview;
-  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__ */ jsxs4("span", { children: [
-        /* @__PURE__ */ jsx5("b", { children: harnessDisplayName(row.harness) }),
-        /* @__PURE__ */ jsx5("small", { children: preview || row.cwd || row.name })
+  const title = sessionDisplayName(row);
+  const detail = preview || (row.name && row.name !== title ? row.name : row.cwd);
+  return /* @__PURE__ */ jsxs5("button", { class: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.age ? ` \xB7 ${row.age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+    /* @__PURE__ */ jsx6(HarnessLogo, { id: row.harness, activity, size: 34 }),
+    /* @__PURE__ */ jsxs5("span", { class: "scui-session-copy", children: [
+      /* @__PURE__ */ jsxs5("span", { children: [
+        /* @__PURE__ */ jsx6("strong", { children: title }),
+        /* @__PURE__ */ jsx6("small", { children: row.age })
       ] }),
-      state.attachError?.key === row.key ? /* @__PURE__ */ jsx5("em", { children: state.attachError.message }) : null
+      detail ? /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6("small", { title: row.cwd, children: detail }) }) : null,
+      state.attachError?.key === row.key ? /* @__PURE__ */ jsx6("em", { children: state.attachError.message }) : null
     ] })
   ] });
 }
-function SessionList({ state, adapter, onOpen, onNew, onClose, components = {}, labels = DEFAULT_LABELS }) {
-  const [query, setQuery] = useState3("");
+function SessionList({ state, adapter, onOpen, onNew, onClose, components = {}, labels = DEFAULT_LABELS, focusKey = null, memoryKey = state.workspace || "@default" }) {
+  const remembered = sessionListMemory.get(memoryKey) ?? { query: "", top: 0 };
+  const [query, setQuery] = useState3(remembered.query);
+  const [loadingMore, setLoadingMore] = useState3(false);
+  const root = useRef4(null);
+  const rowScroller = useRef4(null);
   const rows = filterSessions(state.sessions, query);
   const Row = components.SessionRow ?? SessionRow;
-  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: [
+  useLayoutEffect3(() => {
+    if (rowScroller.current) rowScroller.current.scrollTop = remembered.top;
+  }, [memoryKey]);
+  useEffect5(() => {
+    if (!focusKey || !root.current) return;
+    const target = focusKey === "@new" ? root.current.querySelector('[data-list-focus="new"]') : [...root.current.querySelectorAll("[data-session-key]")].find((element) => element.dataset.sessionKey === focusKey);
+    (target ?? root.current.querySelector("input,button"))?.focus({ preventScroll: true });
+  }, [focusKey, rows.length]);
+  useEffect5(() => {
+    if (loadingMore) setLoadingMore(false);
+  }, [state.error, state.history.hasMoreSessions, state.sessions.length]);
+  const loadMore = () => {
+    if (loadingMore) return;
+    setLoadingMore(true);
+    const result = adapter.onIntent({ action: "loadSessions" });
+    if (result && typeof result.then === "function") {
+      Promise.resolve(result).then(() => setLoadingMore(false), () => setLoadingMore(false));
+    }
+  };
+  return /* @__PURE__ */ jsxs5("section", { class: "scui-list", ref: root, children: [
+    /* @__PURE__ */ jsxs5("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsxs5("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx6("strong", { children: labels.chats }),
+        /* @__PURE__ */ jsxs5("small", { children: [
           state.sessions.length,
           " recent conversations"
         ] })
       ] }),
-      /* @__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
+      /* @__PURE__ */ jsx6("button", { type: "button", "data-list-focus": "new", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), onClick: onNew, children: /* @__PURE__ */ jsx6(UiIcon, { name: "plus", size: 18 }) }),
+      onClose ? /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx6(UiIcon, { name: "close", size: 18 }) }) : null
     ] }),
-    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 })
+    state.startup !== "ready" ? /* @__PURE__ */ jsx6(LoadingStatus, { state, compact: rows.length > 0 }) : null,
+    state.sessions.length > 4 ? /* @__PURE__ */ jsxs5("label", { class: "scui-search", children: [
+      /* @__PURE__ */ jsx6(UiIcon, { name: "search", size: 15 }),
+      /* @__PURE__ */ jsx6("input", { type: "search", "aria-label": labels.searchChats, placeholder: labels.searchChats, value: query, onInput: (event) => {
+        const value = event.currentTarget.value;
+        setQuery(value);
+        boundedSet(sessionListMemory, memoryKey, { query: value, top: 0 });
+        if (rowScroller.current) rowScroller.current.scrollTop = 0;
+      } }),
+      /* @__PURE__ */ jsx6("small", { children: rows.length })
     ] }) : null,
-    /* @__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
+    /* @__PURE__ */ jsxs5("div", { class: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx6("div", { class: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
+      rows.map((row) => /* @__PURE__ */ jsx6(Row, { value: row, row, state, adapter, onOpen }, row.key)),
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx6("button", { class: "scui-load", type: "button", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading older chats\u2026" : "Load older chats" }) : null
     ] })
   ] });
 }
 
 // src/messenger.jsx
-import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
+var pendingMessageMemory = /* @__PURE__ */ new Map();
+var messengerViewMemory = /* @__PURE__ */ new Map();
+var newChatMemory = /* @__PURE__ */ new Map();
+var TRACKED_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "detach", "branch", "reduce", "terminal", "export", "interrupt", "respond", "refresh", "loadEarlier", "loadSessions"]);
 function Receipt({ state, adapter }) {
   const receipt = state.reductionReceipt;
-  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: [
+  if (receipt) return /* @__PURE__ */ jsx7("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs6("span", { children: [
+    /* @__PURE__ */ jsx7("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs6("small", { children: [
       receipt.sourceTokens.toLocaleString(),
       " \u2192 ",
       receipt.reducedTokens.toLocaleString(),
@@ -1260,76 +1501,177 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs5("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs5("span", { children: [
-      /* @__PURE__ */ jsxs5("strong", { children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs6("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs6("span", { children: [
+      /* @__PURE__ */ jsxs6("strong", { children: [
         "Lossless export ready \xB7 ",
         harnessDisplayName(state.exportReceipt.targetHarness)
       ] }),
-      /* @__PURE__ */ jsxs5("small", { children: [
+      /* @__PURE__ */ jsxs6("small", { children: [
         state.exportReceipt.path,
         " \xB7 ",
         state.exportReceipt.files,
         " files"
       ] })
     ] }),
-    /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+    /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  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 })
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs6("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs6("span", { children: [
+      /* @__PURE__ */ jsx7("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx7("small", { children: state.terminalHandoff.cwd })
     ] }),
-    /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+    /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
   ] });
   return null;
 }
-function ChatHeader({ state, adapter, onBack, onNew, onClose }) {
-  const harness = state.attached?.harness ?? state.harness;
+function ConversationActions({ state, adapter, actionPending }) {
+  const [open, setOpen] = useState4(false);
+  const root = useRef5(null);
+  const panel = useRef5(null);
+  const trigger = useRef5(null);
+  const menuId = useId2();
   const targets = state.harnesses.filter((item) => item.startable);
+  const groups = [
+    {
+      label: "Session",
+      items: [
+        state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
+        state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
+        state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null
+      ].filter(Boolean)
+    },
+    {
+      label: "Lower-cost continuation",
+      items: state.canReduce ? targets.map((target) => ({ key: `reduce:${target.id}`, label: target.id === state.harness ? `Reduce and continue in ${target.label}` : `Reduce and switch to ${target.label}`, intent: { action: "reduce", targetHarness: target.id } })) : []
+    },
+    {
+      label: "Independent continuation",
+      items: state.canBranch ? targets.map((target) => ({ key: `branch:${target.id}`, label: target.id === state.harness ? `Fork in ${target.label}` : `Continue with ${target.label}`, intent: { action: "branch", targetHarness: target.id } })) : []
+    }
+  ].filter((group) => group.items.length);
+  useEffect6(() => {
+    if (!open) return;
+    panel.current?.querySelector("button:not(:disabled)")?.focus({ preventScroll: true });
+    const dismiss = (event) => {
+      if (event.type === "keydown" && event.key === "Escape") {
+        event.preventDefault();
+        setOpen(false);
+        trigger.current?.focus({ preventScroll: true });
+      } else if (event.type === "pointerdown" && !root.current?.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("keydown", dismiss);
+    document.addEventListener("pointerdown", dismiss, true);
+    return () => {
+      document.removeEventListener("keydown", dismiss);
+      document.removeEventListener("pointerdown", dismiss, true);
+    };
+  }, [open]);
+  const dispatch = (intent) => {
+    setOpen(false);
+    adapter.onIntent(intent);
+  };
+  const navigate = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      setOpen(false);
+      trigger.current?.focus({ preventScroll: true });
+      return;
+    }
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
+    const items = [...panel.current.querySelectorAll("button:not(:disabled)")];
+    if (!items.length) return;
+    event.preventDefault();
+    const current = items.indexOf(document.activeElement);
+    const index = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : event.key === "ArrowDown" ? (current + 1) % items.length : (current <= 0 ? items.length : current) - 1;
+    items[index].focus({ preventScroll: true });
+  };
+  return /* @__PURE__ */ jsxs6("div", { class: "scui-menu", ref: root, onBlur: (event) => {
+    if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+  }, children: [
+    /* @__PURE__ */ jsx7("button", { ref: trigger, class: "scui-menu-trigger", type: "button", "aria-label": "Conversation actions", "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((value) => !value), children: /* @__PURE__ */ jsx7(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx7("div", { ref: panel, id: menuId, class: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs6("section", { role: "group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx7("strong", { children: group.label }),
+      group.items.map((item) => /* @__PURE__ */ jsx7("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item.intent), children: item.label }, item.key))
+    ] }, group.label)) }) : null
+  ] });
+}
+function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNew, onClose }) {
+  const back = useRef5(null);
+  const harness = state.attached?.harness ?? state.harness;
   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 status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.mode === "mirror" ? "Read-only" : "Ready";
   const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce;
-  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: [
+  useEffect6(() => {
+    if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
+  }, []);
+  return /* @__PURE__ */ jsxs6("header", { class: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx7("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx7(UiIcon, { name: "back", size: 18 }) }),
+    /* @__PURE__ */ jsx7(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsxs6("span", { class: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx7("strong", { children: title }),
+      /* @__PURE__ */ jsxs6("small", { children: [
         harnessDisplayName(harness),
         " \xB7 ",
         status
       ] })
     ] }),
-    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__ */ 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
+    menu ? /* @__PURE__ */ jsx7(ConversationActions, { state, adapter, actionPending }) : null,
+    /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx7(UiIcon, { name: "plus", size: 18 }) }),
+    onClose ? /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx7(UiIcon, { name: "close", size: 18 }) }) : 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] = useState4(null);
-  const acknowledged = useRef3(/* @__PURE__ */ new Set());
-  useEffect4(() => {
-    setPending(null);
+  const [pending, setPendingState] = useState4(() => pendingMessageMemory.get(memoryKey) ?? null);
+  const [pendingAction, setPendingAction] = useState4(null);
+  const [restoreDraft, setRestoreDraft] = useState4(null);
+  const restoreSequence = useRef5(0);
+  const actionSequence = useRef5(0);
+  const acknowledged = useRef5(/* @__PURE__ */ new Set());
+  const setPending = (update) => setPendingState((current) => {
+    const next = typeof update === "function" ? update(current) : update;
+    if (next) boundedSet(pendingMessageMemory, memoryKey, next);
+    else pendingMessageMemory.delete(memoryKey);
+    return next;
+  });
+  useEffect6(() => {
+    setPendingState(pendingMessageMemory.get(memoryKey) ?? null);
+    setPendingAction(null);
+    setRestoreDraft(null);
   }, [memoryKey]);
-  useEffect4(() => {
-    if (pending && state.transcript.some((entry) => entry.role === "user" && entry.text.trim() === pending.trim())) setPending(null);
-  }, [pending, state.transcript]);
-  useEffect4(() => {
+  useEffect6(() => {
+    if (!pending) return;
+    if (state.transcript.some((entry) => entry.role === "user" && entry.text.trim() === pending.text.trim() && !pending.baselineIds.includes(entry.id))) {
+      setPending(null);
+      return;
+    }
+    if (pending.status === "sending" && state.busy && !pending.seenBusy) setPending({ ...pending, seenBusy: true });
+    else if (pending.status === "sending" && state.error && !state.busy && !state.operation && (pending.seenBusy || state.error !== pending.initialError)) setPending({ ...pending, status: "failed" });
+  }, [pending, state.busy, state.error, state.operation, state.transcript]);
+  const beginPending = (text) => setPending({
+    text,
+    status: "sending",
+    initialError: state.error,
+    seenBusy: state.busy,
+    baselineIds: state.transcript.filter((entry) => entry.role === "user" && entry.text.trim() === text.trim()).map((entry) => entry.id)
+  });
+  const retryPending = () => {
+    if (!pending) return;
+    adapter.onIntent({ action: "send", text: pending.text });
+    setPending({ ...pending, status: "sending", initialError: state.error, seenBusy: state.busy });
+  };
+  const editPending = () => {
+    if (!pending) return;
+    restoreSequence.current += 1;
+    setRestoreDraft({ id: restoreSequence.current, text: pending.text });
+    setPending({ ...pending, status: "editing" });
+  };
+  useEffect6(() => {
     const key = state.attached?.key;
     if (!key || !state.attention.some((item) => item.key === key)) {
       if (key) acknowledged.current.delete(key);
@@ -1340,74 +1682,143 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       adapter.onIntent({ action: "ack", key });
     }
   }, [adapter, state.attached?.key, state.attention]);
-  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)
+  const trackedAdapter = useMemo2(() => ({
+    ...adapter,
+    onIntent(intent) {
+      if (!TRACKED_ACTIONS.has(intent.action)) return adapter.onIntent(intent);
+      const id = actionSequence.current + 1;
+      actionSequence.current = id;
+      const action2 = intent.action;
+      setPendingAction({ id, action: action2, initialError: state.error, seenOperation: false });
+      let result;
+      try {
+        result = adapter.onIntent(intent);
+      } catch (error) {
+        setPendingAction((current) => current?.id === id ? null : current);
+        throw error;
+      }
+      if (result && typeof result.then === "function") {
+        Promise.resolve(result).then(
+          () => setPendingAction((current) => current?.id === id ? null : current),
+          () => setPendingAction((current) => current?.id === id ? null : current)
+        );
+      }
+      return result;
+    }
+  }), [adapter, state.error]);
+  useEffect6(() => {
+    if (!pendingAction) return;
+    if (state.operation && !pendingAction.seenOperation) {
+      setPendingAction({ ...pendingAction, seenOperation: true });
+    } else if (!state.operation && (pendingAction.seenOperation || state.error !== pendingAction.initialError)) {
+      setPendingAction(null);
+    }
+  }, [pendingAction, state.error, state.operation]);
+  const pendingMessage = pending && pending.status !== "editing" ? { text: pending.text, status: pending.status, onRetry: retryPending, onEdit: editPending } : null;
+  const action = state.operation || pendingAction?.action || null;
+  const actionLabel = operationLabel(action);
+  const actionState = action ? { ...state, operation: action, canInterrupt: false, canRespond: false } : state;
+  const unreadAfterMessages = state.attention.find((item) => item.key === state.attached?.key)?.afterMessages ?? null;
+  return /* @__PURE__ */ jsxs6("section", { class: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx7(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx7(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose }),
+    actionLabel ? /* @__PURE__ */ jsxs6("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx7("i", {}),
+      actionLabel
     ] }) : 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
+    state.error ? /* @__PURE__ */ jsxs6("div", { class: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx7("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx7("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : 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
+    /* @__PURE__ */ jsx7(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx7(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
+    /* @__PURE__ */ jsx7(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx7(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, onDraftRestored: (id) => setRestoreDraft((value) => value?.id === id ? null : value), onPending: beginPending }, memoryKey) : null
   ] });
 }
-function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
+function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey }) {
   const startable = state.harnesses.filter((item) => item.startable);
   const startableKey = startable.map((item) => item.id).join("\0");
-  const [harness, setHarness] = useState4(startable[0]?.id ?? "");
-  const [draft, setDraft] = useState4("");
-  const [starting, setStarting] = useState4(false);
-  useEffect4(() => {
-    if (!startable.some((item) => item.id === harness)) setHarness(startable[0]?.id ?? "");
+  const remembered = newChatMemory.get(memoryKey) ?? { harness: startable[0]?.id ?? "", draft: "" };
+  const [harness, setHarness] = useState4(remembered.harness);
+  const [draft, setDraft] = useState4(remembered.draft);
+  const [starting, setStarting] = useState4(null);
+  const startSequence = useRef5(0);
+  const textarea = useRef5(null);
+  useAutosizeTextarea(textarea, draft);
+  useEffect6(() => {
+    if (startable.some((item) => item.id === harness)) return;
+    const next = startable[0]?.id ?? "";
+    setHarness(next);
+    boundedSet(newChatMemory, memoryKey, { harness: next, draft });
   }, [harness, startableKey]);
-  useEffect4(() => {
-    if (starting && (state.busy || state.transcript.length)) onStarted();
-  }, [onStarted, starting, state.busy, state.transcript.length]);
-  useEffect4(() => {
-    if (starting && state.error && !state.busy && !state.operation) setStarting(false);
+  useEffect6(() => {
+    if (!starting) return;
+    const sessionChanged = (state.attached?.key ?? null) !== starting.attachedKey;
+    const beganWorking = !starting.busy && state.busy;
+    if (!sessionChanged && !beganWorking) return;
+    newChatMemory.delete(memoryKey);
+    onStarted();
+  }, [memoryKey, onStarted, starting, state.attached?.key, state.busy]);
+  useEffect6(() => {
+    if (starting && state.error !== starting.initialError && !state.busy && !state.operation) setStarting(null);
   }, [starting, state.busy, state.error, state.operation]);
+  useEffect6(() => {
+    textarea.current?.focus({ preventScroll: true });
+  }, []);
   const send = () => {
     const text = draft.trim();
     if (!text || !harness || starting) return;
-    setStarting(true);
-    adapter.onIntent({ action: "new", harness, text });
+    const id = startSequence.current + 1;
+    startSequence.current = id;
+    setStarting({ id, attachedKey: state.attached?.key ?? null, busy: state.busy, initialError: state.error });
+    const result = adapter.onIntent({ action: "new", harness, text });
+    if (result && typeof result.then === "function") {
+      Promise.resolve(result).catch(() => setStarting((current) => current?.id === id ? null : current));
+    }
   };
-  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" })
+  return /* @__PURE__ */ jsxs6("section", { class: "scui-chat", children: [
+    /* @__PURE__ */ jsxs6("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx7(UiIcon, { name: "back", size: 18 }) }),
+      /* @__PURE__ */ jsxs6("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx7("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx7("small", { children: "No session is created until you send" })
       ] }),
-      onClose ? /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Close", onClick: onClose, children: "\xD7" }) : null
+      onClose ? /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx7(UiIcon, { name: "close", size: 18 }) }) : null
     ] }),
-    /* @__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." })
+    starting ? /* @__PURE__ */ jsxs6("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx7("i", {}),
+      operationLabel("start")
+    ] }) : null,
+    /* @__PURE__ */ jsxs6("div", { class: "scui-new", children: [
+      /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx7("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx7("small", { children: "Choose a coding harness and send the first message." })
     ] }),
-    /* @__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: [
+    /* @__PURE__ */ jsxs6("div", { class: "scui-compose", children: [
+      /* @__PURE__ */ jsxs6("label", { class: "scui-harness-picker", children: [
+        /* @__PURE__ */ jsx7(HarnessLogo, { id: harness, size: 24 }),
+        /* @__PURE__ */ jsx7("span", { children: "Coding harness" }),
+        /* @__PURE__ */ jsx7("select", { value: harness, disabled: Boolean(starting), onChange: (event) => {
+          const value = event.currentTarget.value;
+          setHarness(value);
+          boundedSet(newChatMemory, memoryKey, { harness: value, draft });
+        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs6("option", { value: item.id, disabled: !item.startable, children: [
           item.label,
           item.startable ? "" : " \xB7 unavailable"
         ] }, item.id)) })
       ] }),
-      /* @__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) => {
+      /* @__PURE__ */ jsxs6("div", { class: "scui-envelope", children: [
+        /* @__PURE__ */ jsx7("textarea", { ref: 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 || Boolean(starting), onInput: (event) => {
+          const value = event.currentTarget.value;
+          setDraft(value);
+          boundedSet(newChatMemory, memoryKey, { harness, draft: value });
+        }, onKeyDown: (event) => {
           if (isSendKey(event)) {
             event.preventDefault();
             send();
           }
         } }),
-        /* @__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" }) })
+        /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7("button", { type: "button", class: "scui-send", "aria-label": "Start chat", disabled: !draft.trim() || !harness || Boolean(starting), onClick: send, children: starting ? /* @__PURE__ */ jsx7("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx7(UiIcon, { name: "send", size: 17 }) }) })
       ] })
     ] })
   ] });
@@ -1415,9 +1826,15 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
 function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
   const state = useMemo2(() => normalizeUiState(stateInput), [stateInput]);
   const copy = { ...DEFAULT_LABELS, ...labels };
-  const [view, setView] = useState4(initialView ?? (state.attention.length ? "list" : state.attached || state.transcript.length ? "chat" : "list"));
+  const memoryKey = state.workspace || "@default";
+  const [view, setViewState] = useState4(initialView ?? (state.attention.length ? "list" : messengerViewMemory.get(memoryKey) ?? (state.attached || state.transcript.length ? "chat" : "list")));
   const [opening, setOpening] = useState4(null);
-  useEffect4(() => {
+  const [listFocus, setListFocus] = useState4(null);
+  const setView = (next) => {
+    boundedSet(messengerViewMemory, memoryKey, next);
+    setViewState(next);
+  };
+  useEffect6(() => {
     if (!opening) return;
     if (state.attached?.key === opening.key) {
       setOpening(null);
@@ -1427,37 +1844,46 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
     }
   }, [opening, state.attachError?.key, state.attached?.key, state.error, state.operation]);
   const open = (row) => {
+    setListFocus(row.key);
     setOpening(row);
-    adapter.onIntent({ action: "ack", key: row.key });
     adapter.onIntent({ action: "attach", key: row.key });
   };
   const close = () => adapter.onClose?.();
   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: [
+  return /* @__PURE__ */ jsxs6("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    view === "list" ? /* @__PURE__ */ jsx7(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onNew: () => {
+      setListFocus("@new");
+      setView("new");
+    }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey }) : null,
+    view === "new" ? /* @__PURE__ */ jsx7(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: () => setView("chat"), labels: copy, memoryKey }) : null,
+    view === "chat" ? /* @__PURE__ */ jsx7(Chat, { state, adapter, onBack: () => {
+      setListFocus(state.attached?.key ?? listFocus);
+      setView("list");
+    }, onNew: () => {
+      setListFocus("@new");
+      setView("new");
+    }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy }) : null,
+    opening ? /* @__PURE__ */ jsxs6("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx7(HarnessLogo, { id: opening.harness, size: 34 }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsxs6("strong", { children: [
           "Opening ",
           sessionDisplayName(opening)
         ] }),
-        /* @__PURE__ */ jsx6("small", { children: "Loading the latest transcript window\u2026" })
+        /* @__PURE__ */ jsx7("small", { children: "Loading the latest transcript window\u2026" })
       ] }),
-      /* @__PURE__ */ jsx6("i", {})
+      /* @__PURE__ */ jsx7("i", {})
     ] }) : null,
-    Footer ? /* @__PURE__ */ jsx6(Footer, { state, adapter, value: copy }) : null
+    Footer ? /* @__PURE__ */ jsx7(Footer, { state, adapter, value: copy }) : null
   ] });
 }
 
 // src/embed.jsx
-import { jsx as jsx7 } from "preact/jsx-runtime";
+import { jsx as jsx8 } 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__ */ jsx7(SupercodeMessenger, { ...options, state }), element);
+  const draw = () => render(/* @__PURE__ */ jsx8(SupercodeMessenger, { ...options, state }), element);
   options.adapter.onIntent({ action: "mounted" });
   draw();
   return {