@volter-ai-dev/supercode-ui 0.1.18 → 0.1.21

package/messenger.mjs

@@ -501,6 +501,16 @@ function readTranscript(value) {
         }] : [];
       });
     }
+    if (Array.isArray(item.images)) {
+      entry.images = item.images.flatMap((raw) => {
+        const image = record(raw);
+        return image && typeof image.label === "string" ? [{
+          ...typeof image.id === "string" ? { id: image.id } : {},
+          label: image.label,
+          ...typeof image.url === "string" ? { url: image.url } : {}
+        }] : [];
+      }).slice(0, 4);
+    }
     const request = record(item.request);
     if (request && typeof request.requestKind === "string" && typeof request.payloadText === "string") {
       entry.request = {
@@ -681,7 +691,7 @@ function sessionActivity(state, row) {
 function filterSessions(rows, query) {
   const needle = query.trim().toLocaleLowerCase();
   if (!needle) return [...rows];
-  return rows.filter((row) => [row.name, row.title, row.cwd, row.harness, harnessDisplayName(row.harness)].some((value) => value.toLocaleLowerCase().includes(needle)));
+  return rows.filter((row) => [row.name, row.title, row.preview, row.cwd, row.harness, harnessDisplayName(row.harness)].some((value) => typeof value === "string" && value.toLocaleLowerCase().includes(needle)));
 }
 function groupConversation(entries) {
   const blocks = [];
@@ -761,6 +771,7 @@ function boundedSet(map, key, value) {
 // src/icon.jsx
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 var ICONS = {
+  attach: () => /* @__PURE__ */ jsx("path", { d: "M6.25 9.75 10.6 5.4a2.1 2.1 0 0 1 2.97 2.97l-5.4 5.4a3.3 3.3 0 0 1-4.67-4.66l5.52-5.52" }),
   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" }),
@@ -776,6 +787,11 @@ var ICONS = {
     /* @__PURE__ */ jsx("path", { d: "M9 3.5v10" }),
     /* @__PURE__ */ jsx("path", { d: "m4.75 9.5 4.25 4 4.25-4" })
   ] }),
+  image: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "3.5", width: "12", height: "11", rx: "1.75" }),
+    /* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "7", r: "1.25" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.5 13 3.25-3 2.1 1.85 1.65-1.5L14 13" })
+  ] }),
   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" }),
@@ -801,6 +817,114 @@ function UiIcon({ name, size = 16, class: className = "" }) {
   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/context.jsx
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+var MAX_CONTEXT_ITEMS = 32;
+var MAX_IMAGE_ITEMS = 4;
+var MAX_IMAGE_BYTES = 5 * 1024 * 1024;
+var IMAGE_TYPES = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/gif", "image/webp"]);
+function normalizeContext(value) {
+  return (Array.isArray(value) ? value : value ? [value] : []).flatMap((item) => {
+    if (!item || typeof item.label !== "string" || typeof item.detail !== "string") return [];
+    const label = item.label.trim().slice(0, 200);
+    const detail = item.detail.slice(0, 2e4);
+    if (!label || !detail) return [];
+    return [{
+      ...typeof item.id === "string" && item.id ? { id: item.id.slice(0, 2e3) } : {},
+      ...typeof item.kind === "string" && item.kind ? { kind: item.kind.slice(0, 100) } : {},
+      label,
+      detail
+    }];
+  }).slice(0, MAX_CONTEXT_ITEMS);
+}
+function mergeContext(current, picked) {
+  const next = [...current];
+  const seen = new Set(current.map((item) => item.id ? `id:${item.id}` : `value:${item.kind ?? ""}\0${item.label}\0${item.detail}`));
+  for (const item of normalizeContext(picked)) {
+    const key = item.id ? `id:${item.id}` : `value:${item.kind ?? ""}\0${item.label}\0${item.detail}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    next.push(item);
+    if (next.length === MAX_CONTEXT_ITEMS) break;
+  }
+  return next;
+}
+function normalizeImages(value) {
+  const seen = /* @__PURE__ */ new Set();
+  return (Array.isArray(value) ? value : value ? [value] : []).flatMap((item) => {
+    if (!item || typeof item.label !== "string" || typeof item.url !== "string") return [];
+    const label = item.label.trim().slice(0, 200);
+    const url = item.url;
+    if (!label || seen.has(url) || !(url.startsWith("data:image/") || url.startsWith("https://") || url.startsWith("http://"))) return [];
+    seen.add(url);
+    return [{
+      ...typeof item.id === "string" && item.id ? { id: item.id.slice(0, 2e3) } : {},
+      label,
+      url
+    }];
+  }).slice(0, MAX_IMAGE_ITEMS);
+}
+function mergeImages(current, picked) {
+  const next = [...current];
+  const seen = new Set(current.map((item) => item.url));
+  for (const item of normalizeImages(picked)) {
+    if (seen.has(item.url)) continue;
+    seen.add(item.url);
+    next.push(item);
+    if (next.length === MAX_IMAGE_ITEMS) break;
+  }
+  return next;
+}
+function partitionAttachments(value) {
+  const values = Array.isArray(value) ? value : value ? [value] : [];
+  const context = [];
+  const images = [];
+  for (const item of values) {
+    if (item && typeof item.label === "string" && item.label.trim() && typeof item.detail === "string" && item.detail) context.push(item);
+    else if (item && typeof item.label === "string" && item.label.trim() && typeof item.url === "string" && (item.url.startsWith("data:image/") || item.url.startsWith("https://") || item.url.startsWith("http://"))) images.push(item);
+    else throw new Error("The attachment picker returned an invalid item.");
+  }
+  return { context, images };
+}
+async function imageAttachmentsFromFiles(value) {
+  const files = Array.from(value ?? []).filter((file) => file?.type?.startsWith("image/"));
+  if (files.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images at a time.`);
+  return Promise.all(files.map(async (file) => {
+    if (!IMAGE_TYPES.has(file.type)) throw new Error(`${file.name || "That image"} is not PNG, JPEG, GIF, or WebP.`);
+    if (file.size > MAX_IMAGE_BYTES) throw new Error(`${file.name || "That image"} is larger than 5 MB.`);
+    const url = await new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = () => reject(reader.error ?? new Error(`Could not read ${file.name || "image"}.`));
+      reader.readAsDataURL(file);
+    });
+    return { id: `${file.name}:${file.size}:${file.lastModified}`, label: file.name || "Pasted image", url };
+  }));
+}
+function ContextTray({ items, onRemove }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx2("div", { class: "scui-compose-context", "aria-label": "Attached context", children: items.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2(UiIcon, { name: "attach", size: 12 }),
+    /* @__PURE__ */ jsx2("strong", { children: item.label }),
+    /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove context ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 12 }) })
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+function ImageTray({ items, onRemove }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx2("div", { class: "scui-compose-images", "aria-label": "Attached images", children: items.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2("img", { src: item.url, alt: "" }),
+    /* @__PURE__ */ jsx2("strong", { children: item.label }),
+    onRemove ? /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove image ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 12 }) }) : null
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+function MessageImages({ items }) {
+  if (!items?.length) return null;
+  return /* @__PURE__ */ jsx2("div", { class: "scui-message-images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx2("img", { src: item.url, alt: item.label }, item.id ?? `${item.label}:${index}`) : /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2(UiIcon, { name: "image", size: 14 }),
+    item.label
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+
 // src/textarea.js
 import { useLayoutEffect } from "preact/hooks";
 function useAutosizeTextarea(ref, value) {
@@ -816,7 +940,7 @@ function useAutosizeTextarea(ref, value) {
 }
 
 // src/composer.jsx
-import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
 var composerMemory = /* @__PURE__ */ new Map();
 function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
@@ -826,29 +950,36 @@ 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__ */ 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." })
+  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+    /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+    /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
-  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." })
+  return /* @__PURE__ */ jsxs3("div", { class: "scui-continuation", children: [
+    /* @__PURE__ */ jsxs3("span", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+      /* @__PURE__ */ jsx3("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__ */ 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 })
+    /* @__PURE__ */ jsx3("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}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
-  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, queue: [] };
+  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, context: [], images: [], queue: [] };
   const [draft, setDraft] = useState(remembered.draft);
-  const [queue, setQueue] = useState(remembered.queue);
+  const [context, setContext] = useState(remembered.context ?? []);
+  const [images, setImages] = useState(remembered.images ?? []);
+  const [queue, setQueue] = useState((remembered.queue ?? []).map((item) => ({ ...item, context: item.context ?? [], images: item.images ?? [] })));
   const [dispatching, setDispatching] = useState(false);
+  const [picking, setPicking] = useState(false);
+  const [pickerError, setPickerError] = useState(null);
   const textarea = useRef(null);
   useAutosizeTextarea(textarea, draft);
-  const remember = (nextDraft, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, queue: nextQueue });
+  const remember = (nextDraft, nextContext, nextImages, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, context: nextContext, images: nextImages, queue: nextQueue });
+  useEffect(() => {
+    remember(draft, context, images, queue);
+  }, [draft, context, images, memoryKey, queue]);
   const updateQueue = (update) => setQueue((items) => {
     const next = update(items);
-    remember(draft, next);
+    remember(draft, context, images, next);
     return next;
   });
   const queueBlocked = state.busy || pendingStatus !== null || dispatching;
@@ -858,9 +989,9 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
       const [next, ...rest] = queue;
       setDispatching(true);
       setQueue(rest);
-      remember(draft, rest);
-      onPending?.(next);
-      adapter.onIntent({ action: "send", text: next });
+      remember(draft, context, images, rest);
+      onPending?.(next.text, next.context, next.images);
+      adapter.onIntent({ action: "send", text: next.text, ...next.context.length ? { context: next.context } : {}, ...next.images.length ? { images: next.images } : {} });
     }
   }, [adapter, draft, memoryKey, onPending, queue, queueBlocked, state.canSend]);
   useEffect(() => {
@@ -872,7 +1003,11 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
   useEffect(() => {
     if (!restoreDraft) return;
     setDraft(restoreDraft.text);
-    remember(restoreDraft.text, queue);
+    const restoredContext = normalizeContext(restoreDraft.context);
+    const restoredImages = normalizeImages(restoreDraft.images);
+    setContext(restoredContext);
+    setImages(restoredImages);
+    remember(restoreDraft.text, restoredContext, restoredImages, queue);
     textarea.current?.focus({ preventScroll: true });
     onDraftRestored?.(restoreDraft.id);
   }, [onDraftRestored, restoreDraft?.id]);
@@ -880,43 +1015,100 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
     const timer = setTimeout(() => adapter.onIntent({ action: "draft", text: draft }), 250);
     return () => clearTimeout(timer);
   }, [adapter, draft]);
+  const pickContext = () => {
+    if (!adapter.pickContext || state.mode !== "control" || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS) return;
+    setPicking(true);
+    setPickerError(null);
+    Promise.resolve().then(() => adapter.pickContext()).then((picked) => {
+      const attachments = partitionAttachments(picked);
+      if (context.length + attachments.context.length > MAX_CONTEXT_ITEMS) throw new Error(`Attach at most ${MAX_CONTEXT_ITEMS} text items.`);
+      if (images.length + attachments.images.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+      setContext((current) => {
+        const next = mergeContext(current, attachments.context);
+        remember(draft, next, images, queue);
+        return next;
+      });
+      setImages((current) => {
+        const next = mergeImages(current, attachments.images);
+        remember(draft, context, next, queue);
+        return next;
+      });
+    }).catch((error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
+  };
+  const pasteImages = (event) => {
+    const files = Array.from(event.clipboardData?.files ?? []).filter((file) => file.type.startsWith("image/"));
+    if (!files.length) return;
+    event.preventDefault();
+    if (images.length + files.length > MAX_IMAGE_ITEMS) {
+      setPickerError(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+      return;
+    }
+    setPicking(true);
+    setPickerError(null);
+    imageAttachmentsFromFiles(files).then((picked) => setImages((current) => {
+      const next = mergeImages(current, picked);
+      remember(draft, context, next, queue);
+      return next;
+    }), (error) => setPickerError(error instanceof Error ? error.message : "Could not paste image.")).finally(() => setPicking(false));
+  };
   const send = () => {
     const text = draft.trim();
     if (!text) return;
-    if (queuesNewMessage) updateQueue((items) => [...items, text]);
+    const message = { text, context, images };
+    if (queuesNewMessage) updateQueue((items) => [...items, message]);
     else if (state.canSend) {
       if (onPending) setDispatching(true);
-      onPending?.(text);
-      adapter.onIntent({ action: "send", text });
+      onPending?.(text, context, images);
+      adapter.onIntent({ action: "send", text, ...context.length ? { context } : {}, ...images.length ? { images } : {} });
     } else return;
     setDraft("");
-    remember("", queuesNewMessage ? [...queue, text] : queue);
+    setContext([]);
+    setImages([]);
+    remember("", [], [], queuesNewMessage ? [...queue, message] : queue);
   };
-  return /* @__PURE__ */ jsxs2("div", { class: "scui-compose", children: [
-    queue.length ? /* @__PURE__ */ jsxs2("div", { class: "scui-queue", children: [
-      /* @__PURE__ */ jsxs2("strong", { children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs3("div", { class: "scui-queue", children: [
+      /* @__PURE__ */ jsxs3("strong", { children: [
         queue.length,
         " queued"
       ] }),
-      queue.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
-        item,
-        /* @__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}`))
+      queue.map((item, index) => /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          item.text,
+          item.context.length + item.images.length ? /* @__PURE__ */ jsxs3("small", { children: [
+            item.context.length + item.images.length,
+            " attached"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx3(UiIcon, { name: "close", size: 13 }) })
+      ] }, `${index}:${item.text}`))
     ] }) : null,
-    /* @__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) => {
+    /* @__PURE__ */ jsx3(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, context, next, queue);
+      return next;
+    }) }),
+    /* @__PURE__ */ jsx3(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, next, images, queue);
+      return next;
+    }) }),
+    pickerError ? /* @__PURE__ */ jsx3("small", { class: "scui-context-error", role: "alert", children: pickerError }) : null,
+    /* @__PURE__ */ jsxs3("div", { class: "scui-envelope", children: [
+      adapter.pickContext && state.mode === "control" ? /* @__PURE__ */ jsx3("button", { class: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS, onClick: pickContext, children: picking ? /* @__PURE__ */ jsx3("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx3(UiIcon, { name: "attach", size: 17 }) }) : null,
+      /* @__PURE__ */ jsx3("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, onPaste: pasteImages, onInput: (event) => {
         const value = event.currentTarget.value;
         setDraft(value);
-        remember(value, queue);
+        remember(value, context, images, queue);
       }, onKeyDown: (event) => {
         if (isSendKey(event)) {
           event.preventDefault();
           send();
         }
       } }),
-      /* @__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 }) })
+      /* @__PURE__ */ jsxs3("span", { children: [
+        state.busy ? /* @__PURE__ */ jsx3("button", { class: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: /* @__PURE__ */ jsx3(UiIcon, { name: "stop", size: 15 }) }) : null,
+        /* @__PURE__ */ jsx3("button", { class: "scui-send", type: "button", "aria-label": queuesNewMessage ? "Queue message" : "Send message", disabled: !draft.trim() || !queuesNewMessage && !state.canSend, onClick: send, children: /* @__PURE__ */ jsx3(UiIcon, { name: queuesNewMessage ? "plus" : "send", size: 17 }) })
       ] })
     ] })
   ] });
@@ -929,7 +1121,7 @@ import { useEffect as useEffect3, useId, useLayoutEffect as useLayoutEffect2, us
 // src/markdown.jsx
 import MarkdownIt from "markdown-it";
 import { useEffect as useEffect2, useMemo, useRef as useRef2 } from "preact/hooks";
-import { jsx as jsx3 } from "preact/jsx-runtime";
+import { jsx as jsx4 } from "preact/jsx-runtime";
 var markdown = new MarkdownIt({ html: false, linkify: true, breaks: false });
 var LANGUAGE_LABELS = {
   bash: "Shell",
@@ -1016,11 +1208,11 @@ function Markdown({ value, copyText }) {
     }, 1500);
     resets.current.set(button, timer);
   };
-  return /* @__PURE__ */ jsx3("div", { class: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
+  return /* @__PURE__ */ jsx4("div", { class: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
 }
 
 // src/conversation.jsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
 function LoadingStatus({ state, compact = false }) {
   const copy = {
     connecting: ["Connecting to coding agents", "Checking installed harnesses and capabilities.", 0],
@@ -1028,43 +1220,43 @@ 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__ */ 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] })
+  return /* @__PURE__ */ jsxs4("div", { class: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx5("span", { class: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("i", {}) }),
+    /* @__PURE__ */ jsxs4("span", { class: "scui-loading-copy", children: [
+      /* @__PURE__ */ jsx5("strong", { children: copy[0] }),
+      /* @__PURE__ */ jsx5("small", { children: copy[1] })
     ] }),
-    /* @__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)) })
+    /* @__PURE__ */ jsx5("span", { class: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { class: "scui-request-done", children: [
+    return /* @__PURE__ */ jsxs4("div", { class: "scui-request-done", children: [
       "\u2713 Request answered \xB7 ",
       request.resolution?.name ?? request.requestKind
     ] });
   }
-  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
+  return /* @__PURE__ */ jsxs4("section", { class: "scui-request", role: "alert", "aria-label": `${request.requestKind} needs input`, children: [
+    /* @__PURE__ */ jsx5("strong", { children: "Agent needs input" }),
+    /* @__PURE__ */ jsx5(Markdown, { value: request.payloadText || entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsxs4("div", { class: "scui-request-actions", children: [
+      request.options.map((option) => /* @__PURE__ */ jsx5("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
+      request.cancellable ? /* @__PURE__ */ jsx5("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__ */ jsxs3("details", { class: "scui-context", children: [
-    /* @__PURE__ */ jsxs3("summary", { children: [
+  return /* @__PURE__ */ jsxs4("details", { class: "scui-context", children: [
+    /* @__PURE__ */ jsxs4("summary", { children: [
       "Context \xB7 ",
       context.length
     ] }),
-    /* @__PURE__ */ jsx4("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs3("p", { children: [
-      /* @__PURE__ */ jsx4("strong", { children: item.label }),
-      /* @__PURE__ */ jsx4("span", { children: item.detail })
+    /* @__PURE__ */ jsx5("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs4("p", { children: [
+      /* @__PURE__ */ jsx5("strong", { children: item.label }),
+      /* @__PURE__ */ jsx5("span", { children: item.detail })
     ] }, item.id ?? index)) })
   ] });
 }
@@ -1086,46 +1278,46 @@ function MessageMeta({ entry, adapter }) {
     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
+  return /* @__PURE__ */ jsxs4("footer", { class: "scui-message-meta", children: [
+    validDate ? /* @__PURE__ */ jsx5("time", { dateTime: validDate.toISOString(), title: validDate.toLocaleString(), children: validDate.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) }) : null,
+    adapter?.copyText && entry.text ? /* @__PURE__ */ jsx5("button", { type: "button", "aria-label": copyLabel, title: copyLabel, onClick: copy, "data-status": copyState, children: /* @__PURE__ */ jsx5(UiIcon, { name: "copy", size: 13 }) }) : null
   ] });
 }
 var TOOL_ICONS = {
-  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" })
+  read: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("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__ */ jsx5("path", { d: "M12 2.9v3h2.85M6 9h6M6 12h4" })
   ] }),
-  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" })
+  search: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "4.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "m11.5 11.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" })
+  edit: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "m11.75 3.25 3 3-8.5 8.5-3.75.75.75-3.75 8.5-8.5Z" }),
+    /* @__PURE__ */ jsx5("path", { d: "m10 5 3 3" })
   ] }),
-  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" })
+  command: () => /* @__PURE__ */ jsx5(Fragment3, { children: /* @__PURE__ */ jsx5("path", { d: "m3 5 3 3-3 3M8 12h6" }) }),
+  test: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("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__ */ jsx5("path", { d: "M5 2.5h8" })
   ] }),
-  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" })
+  web: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "9", r: "6.5" }),
+    /* @__PURE__ */ jsx5("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__ */ 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" })
+  agent: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M4 15c.4-3 2-4.5 5-4.5s4.6 1.5 5 4.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" })
+  plan: () => /* @__PURE__ */ jsx5(Fragment3, { children: /* @__PURE__ */ jsx5("path", { d: "m3 5 1 1 2-2M3 9l1 1 2-2M3 13l1 1 2-2M8 5h7M8 9h7M8 13h7" }) }),
+  other: () => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "M9 2.5v3M9 12.5v3M2.5 9h3M12.5 9h3" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "9", r: "3.5" })
   ] })
 };
 function ToolIcon({ category }) {
   const Glyph = TOOL_ICONS[category] ?? TOOL_ICONS.other;
-  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, {}) });
+  return /* @__PURE__ */ jsx5("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__ */ jsx5(Glyph, {}) });
 }
 function toolAction2(entry, category, presentation) {
   if (presentation?.action) return presentation.action;
@@ -1180,7 +1372,7 @@ function ToolMetrics({ presentation }) {
     presentation.exitCode === null ? "" : `exit ${presentation.exitCode}`,
     formatDuration(presentation.durationMs)
   ].filter(Boolean);
-  return metrics.length ? /* @__PURE__ */ jsx4("div", { class: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx4("span", { children: metric }, metric)) }) : null;
+  return metrics.length ? /* @__PURE__ */ jsx5("div", { class: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx5("span", { children: metric }, metric)) }) : null;
 }
 function PendingElapsed({ now }) {
   const clock = now ?? Date.now;
@@ -1190,74 +1382,74 @@ function PendingElapsed({ now }) {
     const timer = setInterval(() => setElapsed(Math.max(0, clock() - started.current)), 1e3);
     return () => clearInterval(timer);
   }, [clock]);
-  return /* @__PURE__ */ jsx4("small", { class: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
+  return /* @__PURE__ */ jsx5("small", { class: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
 }
 function LinePreview({ value, kind }) {
   if (!value) return null;
-  return /* @__PURE__ */ jsx4("ol", { class: "scui-code-preview", "data-kind": kind, children: stripAnsi(value).split("\n").map((line, index) => {
+  return /* @__PURE__ */ jsx5("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__ */ jsxs3("li", { "data-tone": tone, children: [
-      /* @__PURE__ */ jsx4("span", { children: index + 1 }),
-      /* @__PURE__ */ jsx4("code", { children: line || " " })
+    return /* @__PURE__ */ jsxs4("li", { "data-tone": tone, children: [
+      /* @__PURE__ */ jsx5("span", { children: index + 1 }),
+      /* @__PURE__ */ jsx5("code", { children: line || " " })
     ] }, index);
   }) });
 }
 function TerminalPreview({ presentation, pending, failed }) {
-  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", {})
+  return /* @__PURE__ */ jsxs4("section", { class: "scui-terminal", children: [
+    /* @__PURE__ */ jsxs4("header", { children: [
+      /* @__PURE__ */ jsxs4("span", { "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {})
       ] }),
-      /* @__PURE__ */ jsx4("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
+      /* @__PURE__ */ jsx5("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
     ] }),
-    presentation.preview ? /* @__PURE__ */ jsx4("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs3("div", { class: "scui-terminal-wait", children: [
-      /* @__PURE__ */ jsx4("i", {}),
+    presentation.preview ? /* @__PURE__ */ jsx5("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs4("div", { class: "scui-terminal-wait", children: [
+      /* @__PURE__ */ jsx5("i", {}),
       " Waiting for output"
-    ] }) : /* @__PURE__ */ jsx4("div", { class: "scui-terminal-empty", children: "No output" })
+    ] }) : /* @__PURE__ */ jsx5("div", { class: "scui-terminal-empty", children: "No output" })
   ] });
 }
 function SearchPreview({ presentation }) {
   const lines = stripAnsi(presentation.preview).split("\n").filter(Boolean);
-  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 })
+  return /* @__PURE__ */ jsxs4("section", { class: "scui-search-preview", children: [
+    presentation.query ? /* @__PURE__ */ jsxs4("header", { children: [
+      /* @__PURE__ */ jsx5("span", { children: "Search" }),
+      /* @__PURE__ */ jsx5("code", { children: presentation.query })
     ] }) : null,
-    lines.length ? /* @__PURE__ */ jsx4("ol", { children: lines.map((line, index) => {
+    lines.length ? /* @__PURE__ */ jsx5("ol", { children: lines.map((line, index) => {
       const match = /^(.*?):(\d+)(?::(\d+))?:(.*)$/.exec(line);
-      return /* @__PURE__ */ jsx4("li", { children: match ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-        /* @__PURE__ */ jsx4("code", { children: match[1] }),
-        /* @__PURE__ */ jsxs3("small", { children: [
+      return /* @__PURE__ */ jsx5("li", { children: match ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+        /* @__PURE__ */ jsx5("code", { children: match[1] }),
+        /* @__PURE__ */ jsxs4("small", { children: [
           match[2],
           match[3] ? `:${match[3]}` : ""
         ] }),
-        /* @__PURE__ */ jsx4("span", { children: match[4] })
-      ] }) : /* @__PURE__ */ jsx4("span", { children: line }) }, index);
-    }) }) : /* @__PURE__ */ jsx4("p", { children: "No textual results" })
+        /* @__PURE__ */ jsx5("span", { children: match[4] })
+      ] }) : /* @__PURE__ */ jsx5("span", { children: line }) }, index);
+    }) }) : /* @__PURE__ */ jsx5("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__ */ 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 === "terminal") return /* @__PURE__ */ jsx5(TerminalPreview, { presentation, pending, failed });
+  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx5(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx5("div", { class: "scui-tool-empty", children: "Edit completed without a textual diff" });
+  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx5(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx5("div", { class: "scui-tool-empty", children: "File contents were not included in this event" });
+  if (presentation.detail === "matches") return /* @__PURE__ */ jsx5(SearchPreview, { presentation });
+  if (presentation.detail === "web") return /* @__PURE__ */ jsxs4("section", { class: "scui-web-preview", children: [
+    presentation.url ? /* @__PURE__ */ jsx5("code", { children: presentation.url }) : null,
+    presentation.preview ? /* @__PURE__ */ jsx5("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx5("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
   ] });
-  if (presentation.detail === "agent") return /* @__PURE__ */ jsx4("section", { class: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx4("ol", { class: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs3("li", { children: [
-    /* @__PURE__ */ jsx4("strong", { children: item.label }),
-    /* @__PURE__ */ jsx4("small", { children: item.status })
-  ] }, `${item.label}:${index}`)) }) : 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 })
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx5("section", { class: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx5("ol", { class: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs4("li", { children: [
+    /* @__PURE__ */ jsx5("strong", { children: item.label }),
+    /* @__PURE__ */ jsx5("small", { children: item.status })
+  ] }, `${item.label}:${index}`)) }) : presentation.preview ? /* @__PURE__ */ jsx5("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx5("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
+  if (presentation.detail === "plan") return /* @__PURE__ */ jsx5("ol", { class: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs4("li", { "data-status": item.status, children: [
+    /* @__PURE__ */ jsx5("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx5("span", { children: item.label })
   ] }, `${item.label}:${index}`)) });
-  return presentation.preview ? /* @__PURE__ */ jsx4("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
+  return presentation.preview ? /* @__PURE__ */ jsx5("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
 }
 function ToolActions({ presentation, adapter }) {
   const [copied, setCopied] = useState2(false);
@@ -1271,27 +1463,27 @@ function ToolActions({ presentation, adapter }) {
     clearTimeout(reset.current);
     reset.current = setTimeout(() => setCopied(false), 1500);
   };
-  return action ? /* @__PURE__ */ jsx4("div", { class: "scui-tool-actions", children: /* @__PURE__ */ jsx4("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
+  return action ? /* @__PURE__ */ jsx5("div", { class: "scui-tool-actions", children: /* @__PURE__ */ jsx5("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
 }
 function ToolStack({ tools }) {
   if (tools.length < 2) return null;
-  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)) });
+  return /* @__PURE__ */ jsx5("div", { class: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx5("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
 }
 function TechnicalDetails({ entry }) {
   if (!entry.arguments && !entry.resultText) return null;
-  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 }) })
+  return /* @__PURE__ */ jsxs4("details", { class: "scui-tool-technical", children: [
+    /* @__PURE__ */ jsx5("summary", { children: "Technical details" }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      entry.arguments ? /* @__PURE__ */ jsxs4("section", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Native arguments" }),
+        /* @__PURE__ */ jsx5("dl", { children: argumentRows(entry.arguments).map((row) => /* @__PURE__ */ jsxs4("div", { children: [
+          /* @__PURE__ */ jsx5("dt", { children: row.label }),
+          /* @__PURE__ */ jsx5("dd", { children: /* @__PURE__ */ jsx5("pre", { children: row.value }) })
         ] }, row.key)) })
       ] }) : null,
-      entry.resultText ? /* @__PURE__ */ jsxs3("section", { children: [
-        /* @__PURE__ */ jsx4("strong", { children: "Native result" }),
-        /* @__PURE__ */ jsxs3("pre", { "data-error": entry.status === "error", children: [
+      entry.resultText ? /* @__PURE__ */ jsxs4("section", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Native result" }),
+        /* @__PURE__ */ jsxs4("pre", { "data-error": entry.status === "error", children: [
           entry.resultText,
           entry.truncated ? "\n[truncated]" : ""
         ] })
@@ -1300,19 +1492,20 @@ function TechnicalDetails({ entry }) {
   ] });
 }
 function TranscriptEntry({ entry, state, adapter }) {
-  if (entry.role === "request") return /* @__PURE__ */ jsx4(RequestCard, { entry, adapter, canRespond: state.canRespond });
+  if (entry.role === "request") return /* @__PURE__ */ jsx5(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
-    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 })
+    return /* @__PURE__ */ jsxs4("details", { class: "scui-reasoning", open: entry.streaming, children: [
+      /* @__PURE__ */ jsx5("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
+      /* @__PURE__ */ jsx5(Markdown, { value: entry.text, copyText: adapter?.copyText })
     ] });
   }
-  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 })
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx5("div", { class: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs4("article", { class: "scui-message", "data-role": entry.role, "aria-label": `${entry.role === "user" ? "Your" : "Assistant"} message`, children: [
+    /* @__PURE__ */ jsx5(MessageImages, { items: entry.images }),
+    /* @__PURE__ */ jsx5(Markdown, { value: entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsx5(ContextDisclosure, { context: entry.context }),
+    entry.truncated ? /* @__PURE__ */ jsx5("small", { class: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
+    /* @__PURE__ */ jsx5(MessageMeta, { entry, adapter })
   ] });
 }
 function ToolRow({ entry, workspace, open = false, adapter }) {
@@ -1324,102 +1517,102 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
   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__ */ 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
+  const summary = /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5(ToolIcon, { category }),
+    /* @__PURE__ */ jsx5("strong", { children: toolAction2(entry, category, presentation) }),
+    target ? /* @__PURE__ */ jsx5("code", { class: "scui-tool-target", title: presentation.target, children: target }) : null,
+    /* @__PURE__ */ jsx5("span", { class: "scui-spacer" }),
+    entry.status === "pending" ? /* @__PURE__ */ jsx5(PendingElapsed, { now: adapter?.now }) : null,
+    /* @__PURE__ */ jsx5("span", { class: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx5("i", {}) : /* @__PURE__ */ jsx5(UiIcon, { name: entry.status === "error" ? "close" : "check", size: 12 }) }),
+    hasDetail ? /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14, class: "scui-tool-chevron" }) : null
   ] });
-  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 })
+  if (!hasDetail) return /* @__PURE__ */ jsx5("div", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx5("div", { class: "scui-tool-head", children: summary }) });
+  return /* @__PURE__ */ jsxs4("details", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsx5("summary", { class: "scui-tool-head", children: summary }),
+    /* @__PURE__ */ jsxs4("div", { class: "scui-tool-detail", children: [
+      /* @__PURE__ */ jsx5(ToolMetrics, { presentation }),
+      /* @__PURE__ */ jsx5(ToolStack, { tools: presentation.tools ?? [] }),
+      /* @__PURE__ */ jsx5(ToolPreview, { presentation, entry }),
+      presentation.fields.length ? /* @__PURE__ */ jsx5("dl", { class: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx5("dt", { children: field.label }),
+        /* @__PURE__ */ jsx5("dd", { children: field.value })
       ] }, field.label)) }) : null,
-      /* @__PURE__ */ jsx4(ToolActions, { presentation, adapter }),
-      /* @__PURE__ */ jsx4(TechnicalDetails, { entry })
+      /* @__PURE__ */ jsx5(ToolActions, { presentation, adapter }),
+      /* @__PURE__ */ jsx5(TechnicalDetails, { entry })
     ] })
   ] });
 }
 function ActivityGroup({ entries, state, 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 }) });
+  if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { class: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
   const active = entries.some((entry) => entry.status === "pending");
   const [open, setOpen] = useState2(active);
   const id = useId();
   useEffect3(() => {
     if (active) setOpen(true);
   }, [active]);
-  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: [
+  return /* @__PURE__ */ jsxs4("section", { class: "scui-activity", children: [
+    /* @__PURE__ */ jsxs4("button", { class: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx5("span", { class: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14 }) }),
+      /* @__PURE__ */ jsx5("strong", { children: activitySummary(entries) }),
+      /* @__PURE__ */ jsx5("span", { class: "scui-spacer" }),
+      /* @__PURE__ */ jsxs4("small", { children: [
         entries.filter((entry) => entry.status !== "pending").length,
         "/",
         entries.length
       ] })
     ] }),
-    open ? /* @__PURE__ */ jsx4("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx4(ToolRow, { entry, workspace: state.workspace, adapter }, entry.id)) }) : null
+    open ? /* @__PURE__ */ jsx5("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx5(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__ */ jsxs3("details", { class: "scui-plan", children: [
-    /* @__PURE__ */ jsxs3("summary", { children: [
-      /* @__PURE__ */ jsx4("span", { children: "Plan" }),
-      /* @__PURE__ */ jsxs3("small", { children: [
+  return /* @__PURE__ */ jsxs4("details", { class: "scui-plan", children: [
+    /* @__PURE__ */ jsxs4("summary", { children: [
+      /* @__PURE__ */ jsx5("span", { children: "Plan" }),
+      /* @__PURE__ */ jsxs4("small", { children: [
         complete,
         "/",
         plan.items.length
       ] })
     ] }),
-    /* @__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__ */ jsx5("ol", { tabIndex: 0, "aria-label": "Task plan steps", children: plan.items.map((item) => /* @__PURE__ */ jsxs4("li", { "data-status": item.status, children: [
+      /* @__PURE__ */ jsx5("i", { "aria-hidden": "true" }),
       " ",
-      /* @__PURE__ */ jsx4("span", { children: item.title })
+      /* @__PURE__ */ jsx5("span", { children: item.title })
     ] }, item.id)) })
   ] });
 }
 function SessionDetails({ semantics }) {
   if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
-  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("_", " ") })
+  return /* @__PURE__ */ jsxs4("details", { class: "scui-details", children: [
+    /* @__PURE__ */ jsx5("summary", { children: "Session details" }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      semantics.fidelity ? /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Fidelity" }),
+        /* @__PURE__ */ jsx5("span", { children: semantics.fidelity.replaceAll("_", " ") })
       ] }) : null,
-      /* @__PURE__ */ jsxs3("p", { children: [
-        /* @__PURE__ */ jsx4("strong", { children: "Native records" }),
-        /* @__PURE__ */ jsx4("span", { children: semantics.rawRecords })
+      /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Native records" }),
+        /* @__PURE__ */ jsx5("span", { children: semantics.rawRecords })
       ] }),
-      semantics.residueCount ? /* @__PURE__ */ jsxs3("p", { children: [
-        /* @__PURE__ */ jsx4("strong", { children: "Residue" }),
-        /* @__PURE__ */ jsxs3("span", { children: [
+      semantics.residueCount ? /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Residue" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
           semantics.residueCount,
           " retained"
         ] })
       ] }) : null,
-      semantics.parseErrors ? /* @__PURE__ */ jsxs3("p", { children: [
-        /* @__PURE__ */ jsx4("strong", { children: "Parse diagnostics" }),
-        /* @__PURE__ */ jsx4("span", { children: semantics.parseErrors })
+      semantics.parseErrors ? /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Parse diagnostics" }),
+        /* @__PURE__ */ jsx5("span", { children: semantics.parseErrors })
       ] }) : null,
-      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs3("p", { children: [
-        /* @__PURE__ */ jsxs3("strong", { children: [
+      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsxs4("strong", { children: [
           agent.source,
           " subagent"
         ] }),
-        /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsxs4("span", { children: [
           agent.messages,
           " messages \xB7 ",
           agent.fidelity.replaceAll("_", " ")
@@ -1438,7 +1631,7 @@ function ConversationAnnouncements({ state }) {
     }
     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 });
+  return /* @__PURE__ */ jsx5("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);
@@ -1470,65 +1663,72 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
     const element = scroller.current;
     if (!element) return;
     const anchor = earlierAnchor.current;
-    if (anchor && state.transcript.length > anchor.entries) {
-      element.scrollTop = anchor.top + (element.scrollHeight - anchor.height);
-      earlierAnchor.current = null;
-      remember({ top: element.scrollTop, atBottom: false });
-      return;
+    if (anchor) {
+      if (state.operation === "loadEarlier") anchor.seenOperation = true;
+      const prepended = state.transcript.length > anchor.entries && state.transcript[0]?.id !== anchor.firstId;
+      if (prepended) {
+        element.scrollTop = anchor.top + (element.scrollHeight - anchor.height);
+        earlierAnchor.current = null;
+        remember({ top: element.scrollTop, atBottom: false });
+        return;
+      }
+      if (state.error || anchor.seenOperation && state.operation !== "loadEarlier") earlierAnchor.current = null;
     }
     if (!restored.current) {
       restored.current = true;
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [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) => {
+  }, [memoryKey, state.transcript, state.busy, state.operation, state.error, pendingMessage?.text, pendingMessage?.status]);
+  return /* @__PURE__ */ jsxs4("div", { class: "scui-conversation-wrap", children: [
+    /* @__PURE__ */ jsx5(ConversationAnnouncements, { state }),
+    /* @__PURE__ */ jsx5("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__ */ 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: () => {
+    }, children: /* @__PURE__ */ jsxs4("div", { children: [
+      Before ? /* @__PURE__ */ jsx5(Before, { state, adapter, value: null }) : null,
+      /* @__PURE__ */ jsx5(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
+      /* @__PURE__ */ jsx5(SessionDetails, { semantics: state.semantics }),
+      state.history.hasEarlier ? /* @__PURE__ */ jsx5("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 };
+        if (element) earlierAnchor.current = { height: element.scrollHeight, top: element.scrollTop, entries: state.transcript.length, firstId: state.transcript[0]?.id, seenOperation: false };
         setAtBottom(false);
         adapter.onIntent({ action: "loadEarlier" });
       }, children: "Load earlier messages" }) : null,
-      !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 })
+      !blocks.length && state.startup !== "ready" ? /* @__PURE__ */ jsx5(LoadingStatus, { state }) : null,
+      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx5(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx5("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__ */ jsxs4(Fragment2, { children: [
+        index === unreadBlock ? /* @__PURE__ */ jsx5("div", { class: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx5("span", { children: "New" }) }) : null,
+        block.kind === "activity" ? /* @__PURE__ */ jsx5(Group, { value: block.entries, entries: block.entries, state, adapter }) : /* @__PURE__ */ jsx5(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" })
+      pendingMessage ? /* @__PURE__ */ jsxs4("article", { class: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
+        /* @__PURE__ */ jsx5(MessageImages, { items: pendingMessage.images }),
+        /* @__PURE__ */ jsx5(Markdown, { value: pendingMessage.text, copyText: adapter?.copyText }),
+        /* @__PURE__ */ jsx5(ContextDisclosure, { context: pendingMessage.context }),
+        /* @__PURE__ */ jsxs4("footer", { children: [
+          /* @__PURE__ */ jsx5("small", { children: pendingMessage.status === "failed" ? "Not sent" : "Sending\u2026" }),
+          pendingMessage.status === "failed" ? /* @__PURE__ */ jsxs4("span", { children: [
+            /* @__PURE__ */ jsx5("button", { type: "button", onClick: pendingMessage.onRetry, children: "Retry" }),
+            /* @__PURE__ */ jsx5("button", { type: "button", onClick: pendingMessage.onEdit, children: "Edit" })
           ] }) : null
         ] })
       ] }) : null,
-      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: [
+      state.busy ? /* @__PURE__ */ jsxs4("div", { class: "scui-working", role: "status", children: [
+        /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2726" }),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsxs4("small", { children: [
           harnessDisplayName(state.harness),
           " is working"
         ] })
       ] }) : null,
-      After ? /* @__PURE__ */ jsx4(After, { state, adapter, value: null }) : null
+      After ? /* @__PURE__ */ jsx5(After, { state, adapter, value: null }) : null
     ] }) }),
-    !atBottom ? /* @__PURE__ */ jsxs3("button", { class: "scui-latest", type: "button", onClick: pin, children: [
-      /* @__PURE__ */ jsx4(UiIcon, { name: "down", size: 13 }),
+    !atBottom ? /* @__PURE__ */ jsxs4("button", { class: "scui-latest", type: "button", onClick: pin, children: [
+      /* @__PURE__ */ jsx5(UiIcon, { name: "down", size: 13 }),
       " Latest"
     ] }) : null
   ] });
@@ -1536,7 +1736,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
 
 // src/logo.jsx
 import { useEffect as useEffect4 } from "preact/hooks";
-import { jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
 var LOGOS = {
   "claude-code": {
     viewBox: "-1 3.5 26 18",
@@ -1587,30 +1787,30 @@ function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
     if (!logo) onMissingLogo?.(id);
   }, [id, logo, onMissingLogo]);
   if (!logo) return 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
+  return /* @__PURE__ */ jsxs5("span", { class: "scui-logo", "data-harness": id, "data-activity": activity, style: `--scui-logo-size:${size}px`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx6("svg", { viewBox: logo.viewBox, preserveAspectRatio: "xMidYMid meet", focusable: "false", children: logo.paths.map(([Tag, props], index) => /* @__PURE__ */ jsx6(Tag, { ...props }, index)) }),
+    activity && activity !== "idle" ? /* @__PURE__ */ jsx6("i", {}) : null
   ] });
 }
 
 // src/sessions.jsx
 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";
+import { jsx as jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
 var sessionListMemory = /* @__PURE__ */ new Map();
 function SessionRow({ row, state, onOpen }) {
   const activity = sessionActivity(state, row);
   const attentionPreview = state.attention.find((item) => item.key === row.key)?.preview;
   const title = sessionDisplayName(row);
   const detail = attentionPreview || row.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 })
+  return /* @__PURE__ */ jsxs6("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)}${detail ? ` \xB7 ${detail}` : ""}${row.age ? ` \xB7 ${row.age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+    /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
+    /* @__PURE__ */ jsxs6("span", { class: "scui-session-copy", children: [
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: title }),
+        /* @__PURE__ */ jsx7("small", { children: row.age })
       ] }),
-      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
+      detail ? /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7("small", { title: row.cwd, children: detail }) }) : null,
+      state.attachError?.key === row.key ? /* @__PURE__ */ jsx7("em", { children: state.attachError.message }) : null
     ] })
   ] });
 }
@@ -1641,48 +1841,48 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
       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: [
+  return /* @__PURE__ */ jsxs6("section", { class: "scui-list", ref: root, children: [
+    /* @__PURE__ */ jsxs6("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsxs6("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx7("strong", { children: labels.chats }),
+        /* @__PURE__ */ jsxs6("small", { children: [
           state.sessions.length,
           " recent conversations"
         ] })
       ] }),
-      /* @__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
+      /* @__PURE__ */ jsx7("button", { type: "button", "data-list-focus": "new", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), 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
     ] }),
-    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) => {
+    state.startup !== "ready" ? /* @__PURE__ */ jsx7(LoadingStatus, { state, compact: rows.length > 0 }) : null,
+    state.sessions.length > 4 ? /* @__PURE__ */ jsxs6("label", { class: "scui-search", children: [
+      /* @__PURE__ */ jsx7(UiIcon, { name: "search", size: 15 }),
+      /* @__PURE__ */ jsx7("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 })
+      /* @__PURE__ */ jsx7("small", { children: rows.length })
     ] }) : 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
+    /* @__PURE__ */ jsxs6("div", { class: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx7("div", { class: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
+      rows.map((row) => /* @__PURE__ */ jsx7(Row, { value: row, row, state, adapter, onOpen }, row.key)),
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx7("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 jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } 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__ */ jsx7("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs6("span", { children: [
-    /* @__PURE__ */ jsx7("strong", { children: "Reduced and verified" }),
-    /* @__PURE__ */ jsxs6("small", { children: [
+  if (receipt) return /* @__PURE__ */ jsx8("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs7("span", { children: [
+    /* @__PURE__ */ jsx8("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs7("small", { children: [
       receipt.sourceTokens.toLocaleString(),
       " \u2192 ",
       receipt.reducedTokens.toLocaleString(),
@@ -1691,27 +1891,27 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs6("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs6("span", { children: [
-      /* @__PURE__ */ jsxs6("strong", { children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs7("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsxs7("strong", { children: [
         "Lossless export ready \xB7 ",
         harnessDisplayName(state.exportReceipt.targetHarness)
       ] }),
-      /* @__PURE__ */ jsxs6("small", { children: [
+      /* @__PURE__ */ jsxs7("small", { children: [
         state.exportReceipt.path,
         " \xB7 ",
         state.exportReceipt.files,
         " files"
       ] })
     ] }),
-    /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+    /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  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 })
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs7("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx8("small", { children: state.terminalHandoff.cwd })
     ] }),
-    /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+    /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
   ] });
   return null;
 }
@@ -1779,13 +1979,13 @@ function ConversationActions({ state, adapter, actionPending }) {
     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) => {
+  return /* @__PURE__ */ jsxs7("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))
+    /* @__PURE__ */ jsx8("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__ */ jsx8(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx8("div", { ref: panel, id: menuId, class: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs7("section", { role: "group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx8("strong", { children: group.label }),
+      group.items.map((item) => /* @__PURE__ */ jsx8("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item.intent), children: item.label }, item.key))
     ] }, group.label)) }) : null
   ] });
 }
@@ -1798,20 +1998,20 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   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: [
+  return /* @__PURE__ */ jsxs7("header", { class: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx8("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx8(UiIcon, { name: "back", size: 18 }) }),
+    /* @__PURE__ */ jsx8(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsxs7("span", { class: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx8("strong", { children: title }),
+      /* @__PURE__ */ jsxs7("small", { children: [
         harnessDisplayName(harness),
         " \xB7 ",
         status
       ] })
     ] }),
-    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
+    menu ? /* @__PURE__ */ jsx8(ConversationActions, { state, adapter, actionPending }) : null,
+    /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx8(UiIcon, { name: "plus", size: 18 }) }),
+    onClose ? /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }
 function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels }) {
@@ -1843,8 +2043,10 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
     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({
+  const beginPending = (text, context = [], images = []) => setPending({
     text,
+    context,
+    images,
     status: "sending",
     initialError: state.error,
     seenBusy: state.busy,
@@ -1852,13 +2054,13 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
   });
   const retryPending = () => {
     if (!pending) return;
-    adapter.onIntent({ action: "send", text: pending.text });
+    adapter.onIntent({ action: "send", text: pending.text, ...pending.context?.length ? { context: pending.context } : {}, ...pending.images?.length ? { images: pending.images } : {} });
     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 });
+    setRestoreDraft({ id: restoreSequence.current, text: pending.text, context: pending.context, images: pending.images });
     setPending({ ...pending, status: "editing" });
   };
   useEffect6(() => {
@@ -1904,34 +2106,38 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       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 pendingMessage = pending && pending.status !== "editing" ? { text: pending.text, context: pending.context, images: pending.images, 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", {}),
+  return /* @__PURE__ */ jsxs7("section", { class: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx8(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx8(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose }),
+    actionLabel ? /* @__PURE__ */ jsxs7("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx8("i", {}),
       actionLabel
     ] }) : 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
+    state.error ? /* @__PURE__ */ jsxs7("div", { class: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx8("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx8("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : 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
+    /* @__PURE__ */ jsx8(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx8(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
+    /* @__PURE__ */ jsx8(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx8(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, memoryKey }) {
   const startable = state.harnesses.filter((item) => item.startable);
   const startableKey = startable.map((item) => item.id).join("\0");
-  const remembered = newChatMemory.get(memoryKey) ?? { harness: startable[0]?.id ?? "", draft: "" };
+  const remembered = newChatMemory.get(memoryKey) ?? { harness: startable[0]?.id ?? "", draft: "", context: [], images: [] };
   const [harness, setHarness] = useState4(remembered.harness);
   const [draft, setDraft] = useState4(remembered.draft);
+  const [context, setContext] = useState4(remembered.context);
+  const [images, setImages] = useState4(remembered.images ?? []);
   const [starting, setStarting] = useState4(null);
+  const [picking, setPicking] = useState4(false);
+  const [pickerError, setPickerError] = useState4(null);
   const startSequence = useRef5(0);
   const textarea = useRef5(null);
   useAutosizeTextarea(textarea, draft);
@@ -1939,7 +2145,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     if (startable.some((item) => item.id === harness)) return;
     const next = startable[0]?.id ?? "";
     setHarness(next);
-    boundedSet(newChatMemory, memoryKey, { harness: next, draft });
+    boundedSet(newChatMemory, memoryKey, { harness: next, draft, context, images });
   }, [harness, startableKey]);
   useEffect6(() => {
     if (!starting) return;
@@ -1955,60 +2161,108 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
   useEffect6(() => {
     textarea.current?.focus({ preventScroll: true });
   }, []);
+  const pickContext = () => {
+    if (!adapter.pickContext || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS) return;
+    setPicking(true);
+    setPickerError(null);
+    Promise.resolve().then(() => adapter.pickContext()).then((picked) => {
+      const attachments = partitionAttachments(picked);
+      if (context.length + attachments.context.length > MAX_CONTEXT_ITEMS) throw new Error(`Attach at most ${MAX_CONTEXT_ITEMS} text items.`);
+      if (images.length + attachments.images.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+      setContext((current) => {
+        const next = mergeContext(current, attachments.context);
+        boundedSet(newChatMemory, memoryKey, { harness, draft, context: next, images });
+        return next;
+      });
+      setImages((current) => {
+        const next = mergeImages(current, attachments.images);
+        boundedSet(newChatMemory, memoryKey, { harness, draft, context, images: next });
+        return next;
+      });
+    }).catch((error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
+  };
+  const pasteImages = (event) => {
+    const files = Array.from(event.clipboardData?.files ?? []).filter((file) => file.type.startsWith("image/"));
+    if (!files.length) return;
+    event.preventDefault();
+    if (images.length + files.length > MAX_IMAGE_ITEMS) {
+      setPickerError(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+      return;
+    }
+    setPicking(true);
+    setPickerError(null);
+    imageAttachmentsFromFiles(files).then((picked) => setImages((current) => {
+      const next = mergeImages(current, picked);
+      boundedSet(newChatMemory, memoryKey, { harness, draft, context, images: next });
+      return next;
+    }), (error) => setPickerError(error instanceof Error ? error.message : "Could not paste image.")).finally(() => setPicking(false));
+  };
   const send = () => {
     const text = draft.trim();
     if (!text || !harness || starting) return;
     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 });
+    const result = adapter.onIntent({ action: "new", harness, text, ...context.length ? { context } : {}, ...images.length ? { images } : {} });
     if (result && typeof result.then === "function") {
       Promise.resolve(result).catch(() => setStarting((current) => current?.id === id ? null : current));
     }
   };
-  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" })
+  return /* @__PURE__ */ jsxs7("section", { class: "scui-chat", children: [
+    /* @__PURE__ */ jsxs7("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx8(UiIcon, { name: "back", size: 18 }) }),
+      /* @__PURE__ */ jsxs7("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx8("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx8("small", { children: "No session is created until you send" })
       ] }),
-      onClose ? /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx7(UiIcon, { name: "close", size: 18 }) }) : null
+      onClose ? /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }) : null
     ] }),
-    starting ? /* @__PURE__ */ jsxs6("div", { class: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx7("i", {}),
+    starting ? /* @__PURE__ */ jsxs7("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx8("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__ */ jsxs7("div", { class: "scui-new", children: [
+      /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx8("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx8("small", { children: "Choose a coding harness and send the first message." })
     ] }),
-    /* @__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) => {
+    /* @__PURE__ */ jsxs7("div", { class: "scui-compose", children: [
+      /* @__PURE__ */ jsxs7("label", { class: "scui-harness-picker", children: [
+        /* @__PURE__ */ jsx8(HarnessLogo, { id: harness, size: 24 }),
+        /* @__PURE__ */ jsx8("span", { children: "Coding harness" }),
+        /* @__PURE__ */ jsx8("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: [
+          boundedSet(newChatMemory, memoryKey, { harness: value, draft, context, images });
+        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs7("option", { value: item.id, disabled: !item.startable, children: [
           item.label,
           item.startable ? "" : " \xB7 unavailable"
         ] }, item.id)) })
       ] }),
-      /* @__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) => {
+      /* @__PURE__ */ jsx8(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+        const next = items.filter((_, itemIndex) => itemIndex !== index);
+        boundedSet(newChatMemory, memoryKey, { harness, draft, context, images: next });
+        return next;
+      }) }),
+      /* @__PURE__ */ jsx8(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+        const next = items.filter((_, itemIndex) => itemIndex !== index);
+        boundedSet(newChatMemory, memoryKey, { harness, draft, context: next, images });
+        return next;
+      }) }),
+      pickerError ? /* @__PURE__ */ jsx8("small", { class: "scui-context-error", role: "alert", children: pickerError }) : null,
+      /* @__PURE__ */ jsxs7("div", { class: "scui-envelope", children: [
+        adapter.pickContext ? /* @__PURE__ */ jsx8("button", { class: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx8("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx8(UiIcon, { name: "attach", size: 17 }) }) : null,
+        /* @__PURE__ */ jsx8("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), onPaste: pasteImages, onInput: (event) => {
           const value = event.currentTarget.value;
           setDraft(value);
-          boundedSet(newChatMemory, memoryKey, { harness, draft: value });
+          boundedSet(newChatMemory, memoryKey, { harness, draft: value, context, images });
         }, onKeyDown: (event) => {
           if (isSendKey(event)) {
             event.preventDefault();
             send();
           }
         } }),
-        /* @__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 }) }) })
+        /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8("button", { type: "button", class: "scui-send", "aria-label": "Start chat", disabled: !draft.trim() || !harness || Boolean(starting), onClick: send, children: starting ? /* @__PURE__ */ jsx8("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx8(UiIcon, { name: "send", size: 17 }) }) })
       ] })
     ] })
   ] });
@@ -2040,31 +2294,31 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
   };
   const close = () => adapter.onClose?.();
   const Footer = slots.footer;
-  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: () => {
+  return /* @__PURE__ */ jsxs7("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    view === "list" ? /* @__PURE__ */ jsx8(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: () => {
+    view === "new" ? /* @__PURE__ */ jsx8(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: () => setView("chat"), labels: copy, memoryKey }) : null,
+    view === "chat" ? /* @__PURE__ */ jsx8(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 ? /* @__PURE__ */ jsxs7("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx8(HarnessLogo, { id: opening.harness, size: 34 }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsxs7("strong", { children: [
           "Opening ",
           sessionDisplayName(opening)
         ] }),
-        /* @__PURE__ */ jsx7("small", { children: "Loading the latest transcript window\u2026" })
+        /* @__PURE__ */ jsx8("small", { children: "Loading the latest transcript window\u2026" })
       ] }),
-      /* @__PURE__ */ jsx7("i", {})
+      /* @__PURE__ */ jsx8("i", {})
     ] }) : null,
-    Footer ? /* @__PURE__ */ jsx7(Footer, { state, adapter, value: copy }) : null
+    Footer ? /* @__PURE__ */ jsx8(Footer, { state, adapter, value: copy }) : null
   ] });
 }
 export {