@volter-ai-dev/supercode-ui 0.1.36 → 0.1.37

package/components.mjs

@@ -32,6 +32,7 @@ var EMPTY_UI_STATE = Object.freeze({
   mode: "none",
   strategy: null,
   canSend: false,
+  canSteer: false,
   canResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
@@ -719,6 +720,7 @@ function normalizeUiState(value) {
     mode: MODES.has(raw.mode) ? raw.mode : "none",
     strategy: STRATEGIES.has(raw.strategy) ? raw.strategy : null,
     canSend: raw.canSend === true,
+    canSteer: raw.canSteer === true,
     canResume,
     continuationModes,
     canBranch: raw.canBranch === true,
@@ -748,7 +750,29 @@ function normalizeUiState(value) {
       const startable = item.startable === true;
       const launchModes = Array.isArray(item.launchModes) ? [...new Set(item.launchModes.filter((mode) => mode === "headless" || mode === "terminal"))] : startable ? ["headless"] : [];
       const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes[0] ?? null;
-      return [{ id: item.id, label: string(item.label, harnessDisplayName(item.id)), installed: item.installed === true, startable, reason: typeof item.reason === "string" ? item.reason : null, launchModes, preferredLaunchMode }];
+      const capabilities = record(item.capabilities);
+      return [{
+        id: item.id,
+        label: string(item.label, harnessDisplayName(item.id)),
+        installed: item.installed === true,
+        startable,
+        reason: typeof item.reason === "string" ? boundedString(item.reason) : null,
+        auth: ["ready", "configured", "required", "unknown"].includes(item.auth) ? item.auth : "unknown",
+        runtime: ["ready", "degraded", "unavailable"].includes(item.runtime) ? item.runtime : startable ? "ready" : "unavailable",
+        protocol: boundedString(item.protocol, 100),
+        repair: typeof item.repair === "string" ? boundedString(item.repair, 4e3) : null,
+        capabilities: {
+          start: capabilities?.start === true,
+          resume: capabilities?.resume === true,
+          attach: capabilities?.attach === true,
+          send: capabilities?.send === true,
+          interrupt: capabilities?.interrupt === true,
+          steer: capabilities?.steer === true,
+          respond: capabilities?.respond === true
+        },
+        launchModes,
+        preferredLaunchMode
+      }];
     }) : [],
     history: { sessionLimit: number(history?.sessionLimit), hasMoreSessions: history?.hasMoreSessions === true, transcriptLimit: number(history?.transcriptLimit, 120), hasEarlier: history?.hasEarlier === true },
     savedDraft: string(raw.savedDraft),
@@ -779,6 +803,56 @@ function sessionActivity(state, row) {
   if (row.live || row.runtimeStatus === "idle") return "recent";
   return "idle";
 }
+var ACTIVITY_PRIORITY = Object.freeze({
+  "needs-input": 70,
+  failed: 60,
+  working: 50,
+  unseen: 40,
+  finished: 30,
+  running: 20,
+  recent: 10,
+  idle: 0
+});
+function activityDetail(activity, preview, pill) {
+  if (preview) return preview;
+  if (activity === "needs-input") return "Needs input";
+  if (activity === "failed") return "Run failed";
+  if (activity === "working") return "Working\u2026";
+  if (activity === "finished") return "Finished";
+  if (activity === "unseen") return "New reply";
+  if (activity === "running") return "Session is running";
+  return pill || "Agent chats";
+}
+function projectAgentActivity(value) {
+  const state = normalizeUiState(value);
+  const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const ranked = state.sessions.map((row, index) => {
+    const activity2 = sessionActivity(state, row);
+    return {
+      row,
+      index,
+      activity: activity2,
+      priority: ACTIVITY_PRIORITY[activity2] ?? 0,
+      active: row.active || row.key === state.attached?.key || row.key === state.owned?.key,
+      updatedAt: row.previewUpdatedAt ?? row.updatedAt ?? 0
+    };
+  }).sort((left, right) => right.priority - left.priority || Number(right.active) - Number(left.active) || right.updatedAt - left.updatedAt || left.index - right.index);
+  const selected = ranked[0];
+  const fallback = state.attached ?? state.owned;
+  const harness = selected?.row.harness ?? fallback?.harness ?? state.harness;
+  const activity = selected?.activity ?? (state.needsInput ? "needs-input" : state.busy ? "working" : state.startup === "ready" ? "idle" : "recent");
+  const attention = selected ? attentionByKey.get(selected.row.key) : null;
+  const preview = selected?.row.preview || attention?.preview || "";
+  return {
+    harness,
+    sessionKey: selected?.row.key ?? fallback?.key ?? null,
+    title: selected ? sessionDisplayName(selected.row) : fallback ? sessionDisplayName(fallback) : "Agent chats",
+    detail: activityDetail(activity, preview, state.pill.label),
+    activity,
+    unreadCount
+  };
+}
 function filterSessions(rows, query) {
   const needle = query.trim().toLocaleLowerCase();
   if (!needle) return [...rows];
@@ -837,7 +911,7 @@ function canContinueHere(state) {
 }
 function operationLabel(operation) {
   if (!operation) return "";
-  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", start: "Starting new chat\u2026", resume: "Continuing here\u2026", join: "Joining live session\u2026", detach: "Detaching to read-only\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", interrupt: "Stopping agent\u2026", respond: "Sending response\u2026", configureHarness: "Updating harness settings\u2026", loadEarlier: "Loading earlier messages\u2026", loadSessions: "Loading more chats\u2026", refresh: "Retrying\u2026" };
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", start: "Starting new chat\u2026", resume: "Continuing here\u2026", join: "Joining live session\u2026", detach: "Detaching to read-only\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", steer: "Steering agent\u2026", interrupt: "Stopping agent\u2026", respond: "Sending response\u2026", configureHarness: "Updating harness settings\u2026", loadEarlier: "Loading earlier messages\u2026", loadSessions: "Loading more chats\u2026", refresh: "Retrying\u2026" };
   return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
 }
 function terminalCommand(handoff) {
@@ -902,7 +976,7 @@ var ICONS = {
 function UiIcon({ name, size = 16, class: className = "" }) {
   const Glyph = ICONS[name];
   if (!Glyph) return null;
-  return /* @__PURE__ */ jsx("svg", { class: `scui-icon ${className}`, style: { "--scui-icon-size": `${size}px` }, viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Glyph, {}) });
+  return /* @__PURE__ */ jsx("svg", { className: `scui-icon ${className}`, style: { "--scui-icon-size": `${size}px` }, viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Glyph, {}) });
 }
 
 // src/context.jsx
@@ -976,6 +1050,39 @@ function partitionAttachments(value) {
   }
   return { context, images };
 }
+function normalizeAttachmentCandidates(value) {
+  const candidates = [];
+  for (const item of Array.isArray(value) ? value : []) {
+    const context = normalizeContext(item)[0];
+    if (context) {
+      candidates.push(context);
+      continue;
+    }
+    const image = normalizeImages(item)[0];
+    if (image) candidates.push(image);
+  }
+  return candidates.slice(0, MAX_CONTEXT_ITEMS + MAX_IMAGE_ITEMS);
+}
+function attachmentKey(item) {
+  if (item.id) return `id:${item.id}`;
+  return "detail" in item ? `context:${item.kind ?? ""}\0${item.label}\0${item.detail}` : `image:${item.url}`;
+}
+function ContextCandidate({ attachment, attached, onAttach }) {
+  const image = "url" in attachment;
+  return /* @__PURE__ */ jsxs2("button", { type: "button", disabled: attached, "aria-label": `${attached ? "Attached" : "Attach"} ${attachment.label}`, onClick: () => onAttach(attachment), children: [
+    image ? /* @__PURE__ */ jsx2("img", { src: attachment.url, alt: "" }) : /* @__PURE__ */ jsx2(UiIcon, { name: "attach", size: 13 }),
+    /* @__PURE__ */ jsxs2("span", { children: [
+      /* @__PURE__ */ jsx2("strong", { children: attachment.label }),
+      /* @__PURE__ */ jsx2("small", { children: image ? "Image" : attachment.kind || "Context" })
+    ] }),
+    attached ? /* @__PURE__ */ jsx2(UiIcon, { name: "check", size: 13 }) : /* @__PURE__ */ jsx2(UiIcon, { name: "plus", size: 13 })
+  ] });
+}
+function ContextCandidates({ items, context, images, state, adapter, onAttach, component: Candidate = ContextCandidate }) {
+  if (!items.length) return null;
+  const attached = new Set([...context, ...images].map(attachmentKey));
+  return /* @__PURE__ */ jsx2("div", { className: "scui-context-candidates", "aria-label": "Available context", children: items.map((attachment, index) => /* @__PURE__ */ jsx2(Candidate, { value: attachment, attachment, attached: attached.has(attachmentKey(attachment)), state, adapter, onAttach, index }, attachmentKey(attachment))) });
+}
 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.`);
@@ -993,7 +1100,7 @@ async function imageAttachmentsFromFiles(value) {
 }
 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: [
+  return /* @__PURE__ */ jsx2("div", { className: "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 }) })
@@ -1001,7 +1108,7 @@ function ContextTray({ items, onRemove }) {
 }
 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: [
+  return /* @__PURE__ */ jsx2("div", { className: "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
@@ -1079,7 +1186,7 @@ function ImageViewer({ items, index, adapter, onChange, onClose }) {
     "dialog",
     {
       ref: dialog,
-      class: "scui-image-viewer",
+      className: "scui-image-viewer",
       "aria-label": `Image preview: ${item.label}`,
       onClose,
       onClick: (event) => {
@@ -1107,19 +1214,19 @@ function ImageViewer({ items, index, adapter, onChange, onClose }) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs2("figure", { children: [
-          imageUrl ? /* @__PURE__ */ jsx2("img", { src: imageUrl, alt: item.label }) : resolution?.status === "error" ? /* @__PURE__ */ jsxs2("div", { class: "scui-image-resolution", role: "alert", children: [
+          imageUrl ? /* @__PURE__ */ jsx2("img", { src: imageUrl, alt: item.label }) : resolution?.status === "error" ? /* @__PURE__ */ jsxs2("div", { className: "scui-image-resolution", role: "alert", children: [
             /* @__PURE__ */ jsx2(UiIcon, { name: "image", size: 28 }),
             /* @__PURE__ */ jsx2("strong", { children: "Could not load image" }),
             /* @__PURE__ */ jsx2("small", { children: resolution.message }),
             /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => resolve(item, true), children: "Retry" })
-          ] }) : /* @__PURE__ */ jsxs2("div", { class: "scui-image-resolution", role: "status", children: [
-            /* @__PURE__ */ jsx2("i", { class: "scui-control-spinner" }),
+          ] }) : /* @__PURE__ */ jsxs2("div", { className: "scui-image-resolution", role: "status", children: [
+            /* @__PURE__ */ jsx2("i", { className: "scui-control-spinner" }),
             /* @__PURE__ */ jsx2("strong", { children: "Loading image\u2026" }),
             /* @__PURE__ */ jsx2("small", { children: "The original stays out of the transcript payload." })
           ] }),
           items.length > 1 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-            /* @__PURE__ */ jsx2("button", { type: "button", class: "scui-image-previous", "aria-label": "Previous image", onClick: () => move(-1), children: /* @__PURE__ */ jsx2(UiIcon, { name: "chevron", size: 19 }) }),
-            /* @__PURE__ */ jsx2("button", { type: "button", class: "scui-image-next", "aria-label": "Next image", onClick: () => move(1), children: /* @__PURE__ */ jsx2(UiIcon, { name: "chevron", size: 19 }) })
+            /* @__PURE__ */ jsx2("button", { type: "button", className: "scui-image-previous", "aria-label": "Previous image", onClick: () => move(-1), children: /* @__PURE__ */ jsx2(UiIcon, { name: "chevron", size: 19 }) }),
+            /* @__PURE__ */ jsx2("button", { type: "button", className: "scui-image-next", "aria-label": "Next image", onClick: () => move(1), children: /* @__PURE__ */ jsx2(UiIcon, { name: "chevron", size: 19 }) })
           ] }) : null
         ] })
       ]
@@ -1136,7 +1243,7 @@ function MessageImages({ items, adapter }) {
     requestAnimationFrame(() => opener.current?.focus({ preventScroll: true }));
   };
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("div", { class: "scui-message-images", "aria-label": "Message images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `View image ${item.label}`, onClick: (event) => {
+    /* @__PURE__ */ jsx2("div", { className: "scui-message-images", "aria-label": "Message images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `View image ${item.label}`, onClick: (event) => {
       opener.current = event.currentTarget;
       setActive(viewable.indexOf(item));
     }, children: /* @__PURE__ */ jsx2("img", { src: item.url, alt: "" }) }, item.id ?? `${item.label}:${index}`) : item.reference && adapter?.resolveImage ? /* @__PURE__ */ jsxs2("button", { type: "button", "data-lazy": "true", "aria-label": `Load image ${item.label}`, onClick: (event) => {
@@ -1159,6 +1266,16 @@ function MessageImages({ items, adapter }) {
   ] });
 }
 
+// src/intent.js
+var CONFIRMABLE_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "branch", "reduce", "export"]);
+async function dispatchConfirmedIntent(adapter, intent) {
+  if (CONFIRMABLE_ACTIONS.has(intent.action) && adapter.confirmIntent) {
+    const confirmed = await adapter.confirmIntent(intent);
+    if (!confirmed) return;
+  }
+  return adapter.onIntent(intent);
+}
+
 // src/textarea.js
 import { useLayoutEffect } from "preact/hooks";
 function useAutosizeTextarea(ref, value) {
@@ -1185,28 +1302,29 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   const terminal = resume && state.continuationModes?.includes("terminal");
   const join = state.canAttach;
   const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "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__ */ jsxs3("div", { class: "scui-continuation", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "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__ */ jsxs3("span", { class: "scui-continuation-actions", children: [
-      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
-      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-secondary", disabled: Boolean(state.operation), onClick: () => adapter.onIntent({ action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+    /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
+      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-secondary", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, { action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
     ] })
   ] });
 }
-function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
+function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, contextCandidates = [], components = {}, onPending, onDraftRestored }) {
   const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, context: [], images: [], queue: [] };
   const [draft, setDraft] = useState2(remembered.draft);
   const [context, setContext] = useState2(remembered.context ?? []);
   const [images, setImages] = useState2(remembered.images ?? []);
   const [queue, setQueue] = useState2((remembered.queue ?? []).map((item) => ({ ...item, context: item.context ?? [], images: item.images ?? [] })));
   const [dispatching, setDispatching] = useState2(false);
+  const [steering, setSteering] = useState2(false);
   const [picking, setPicking] = useState2(false);
   const [dragging, setDragging] = useState2(false);
   const [pickerError, setPickerError] = useState2(null);
@@ -1221,8 +1339,10 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
     remember(draft, context, images, next);
     return next;
   });
-  const queueBlocked = state.busy || pendingStatus !== null || dispatching;
-  const queuesNewMessage = state.busy || pendingStatus === "sending" || pendingStatus === "failed" || dispatching;
+  const queueBlocked = state.busy || pendingStatus !== null || dispatching || steering;
+  const queuesNewMessage = state.busy || pendingStatus === "sending" || pendingStatus === "failed" || dispatching || steering;
+  const steerAvailable = state.busy && state.canSteer && !steering && pendingStatus === null;
+  const canSteerDraft = steerAvailable && Boolean(draft.trim()) && context.length === 0 && images.length === 0;
   useEffect2(() => {
     if (!queueBlocked && state.canSend && queue.length) {
       const [next, ...rest] = queue;
@@ -1274,6 +1394,14 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
       });
     }).catch((error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
   };
+  const attachCandidate = (picked) => {
+    const attachments = partitionAttachments(picked);
+    const nextContext = mergeContext(context, attachments.context);
+    const nextImages = mergeImages(images, attachments.images);
+    setContext(nextContext);
+    setImages(nextImages);
+    remember(draft, nextContext, nextImages, queue);
+  };
   const addImageFiles = (value, source) => {
     const allFiles = Array.from(value ?? []);
     if (!allFiles.length) return false;
@@ -1302,9 +1430,17 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
     setDragging(false);
     if (addImageFiles(event.dataTransfer?.files, "drop")) event.preventDefault();
   };
-  const send = () => {
+  const send = (forceQueue = false) => {
     const text = draft.trim();
     if (!text && !images.length) return;
+    if (canSteerDraft && !forceQueue) {
+      setSteering(true);
+      Promise.resolve(adapter.onIntent({ action: "steer", text })).then(() => {
+        setDraft("");
+        remember("", context, images, queue);
+      }, (error) => setPickerError(error instanceof Error ? error.message : "Could not steer the active turn.")).finally(() => setSteering(false));
+      return;
+    }
     const message = { text, context, images };
     if (queuesNewMessage) updateQueue((items) => [...items, message]);
     else if (state.canSend) {
@@ -1317,8 +1453,8 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
     setImages([]);
     remember("", [], [], queuesNewMessage ? [...queue, message] : queue);
   };
-  return /* @__PURE__ */ jsxs3("div", { class: "scui-compose", children: [
-    queue.length ? /* @__PURE__ */ jsxs3("div", { class: "scui-queue", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs3("div", { className: "scui-queue", children: [
       /* @__PURE__ */ jsxs3("strong", { children: [
         queue.length,
         " queued"
@@ -1334,6 +1470,7 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
         /* @__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__ */ jsx3(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }),
     /* @__PURE__ */ jsx3(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
       const next = items.filter((_, itemIndex) => itemIndex !== index);
       remember(draft, context, next, queue);
@@ -1344,8 +1481,8 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
       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${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
+    pickerError ? /* @__PURE__ */ jsx3("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+    /* @__PURE__ */ jsxs3("div", { className: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
       if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
         event.preventDefault();
         setDragging(true);
@@ -1355,8 +1492,8 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
     }, onDragLeave: (event) => {
       if (!event.currentTarget.contains(event.relatedTarget)) setDragging(false);
     }, onDrop: dropImages, 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) => {
+      adapter.pickContext && state.mode === "control" ? /* @__PURE__ */ jsx3("button", { className: "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", { className: "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" : steerAvailable && context.length === 0 && images.length === 0 ? "Redirect the current turn\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, context, images, queue);
@@ -1367,21 +1504,129 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
         }
       } }),
       /* @__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() && !images.length || !queuesNewMessage && !state.canSend, onClick: send, children: /* @__PURE__ */ jsx3(UiIcon, { name: queuesNewMessage ? "plus" : "send", size: 17 }) })
+        state.busy ? /* @__PURE__ */ jsx3("button", { className: "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,
+        canSteerDraft ? /* @__PURE__ */ jsx3("button", { className: "scui-queue-send", type: "button", "aria-label": "Queue follow-up instead", onClick: () => send(true), children: /* @__PURE__ */ jsx3(UiIcon, { name: "plus", size: 15 }) }) : null,
+        /* @__PURE__ */ jsx3("button", { className: "scui-send", type: "button", "aria-label": canSteerDraft ? "Steer current turn" : queuesNewMessage ? "Queue message" : "Send message", disabled: steering || !draft.trim() && !images.length || !queuesNewMessage && !state.canSend, onClick: () => send(), children: steering ? /* @__PURE__ */ jsx3("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx3(UiIcon, { name: canSteerDraft ? "send" : queuesNewMessage ? "plus" : "send", size: 17 }) })
       ] })
     ] })
   ] });
 }
 
+// src/logo.jsx
+import { useEffect as useEffect3 } from "preact/hooks";
+import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+var LOGOS = {
+  "claude-code": {
+    viewBox: "-1 3.5 26 18",
+    paths: [
+      ["path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z" }]
+    ]
+  },
+  codex: {
+    viewBox: "-1 -1 26 26",
+    paths: [
+      ["path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z" }]
+    ]
+  },
+  gemini: {
+    viewBox: "0 0 24 24",
+    paths: [["path", { d: "M12 24C12 17.373 6.627 12 0 12 6.627 12 12 6.627 12 0c0 6.627 5.373 12 12 12-6.627 0-12 5.373-12 12z" }]]
+  },
+  grok: {
+    viewBox: "-1 -1 26 26",
+    paths: [["path", { d: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815" }]]
+  },
+  // Canonical mark from block/goose's documentation/static/img/goose.svg.
+  goose: {
+    viewBox: "0 0 45 45",
+    paths: [["path", { d: "M43.2098 39.2492L39.8118 36.4522C37.9646 34.9318 36.3923 33.1051 35.1631 31.0529C33.4647 28.2172 31.1178 25.8243 28.3164 24.071L26.9482 23.2744C26.4794 22.9485 26.1525 22.4405 26.106 21.8675C26.0762 21.4981 26.1647 21.1678 26.3712 20.8771C27.0837 19.873 30.9617 15.6995 31.6365 15.1411C32.5056 14.4228 33.4739 13.8253 34.3724 13.1412C34.5001 13.0438 34.6283 12.9469 34.7545 12.8481C35.0574 12.6088 35.3295 12.3671 35.5458 12.0803C36.5993 10.8604 36.5783 9.82938 36.5783 9.82938C36.4677 9.5534 36.0645 8.69902 35.2449 8.29825C35.9696 8.28406 36.7872 8.55564 37.1582 8.91873C37.6039 8.21947 37.8922 7.76585 38.3404 7.00347C38.4471 6.82241 38.5038 6.48771 38.2998 6.30029C38.1114 6.11287 37.6416 6.01697 37.4606 6.12364C36.4692 6.70693 35.5047 7.33475 34.6351 7.88525C34.6351 7.88525 33.6046 7.86372 32.3842 8.91775C32.097 9.13452 31.8552 9.4066 31.6282 9.69433C31.5171 9.83476 31.4202 9.96297 31.3233 10.0912C30.6387 10.9901 30.0417 11.958 29.3234 12.8271C28.7656 13.5023 24.5915 17.3798 23.5874 18.0923C23.2967 18.2988 22.9669 18.3879 22.597 18.3575C22.0245 18.3115 21.5161 17.9842 21.1902 17.5154L20.3935 16.1472C18.6402 13.3448 16.2474 10.9989 13.4117 9.30041C11.3594 8.0712 9.5332 6.49847 8.01234 4.65172L5.2153 1.25377C5.0773 1.08642 4.81306 1.11382 4.71422 1.30662C4.39615 1.92612 3.78888 3.23411 3.32353 4.99327C3.92786 5.81095 5.26717 7.35089 6.8624 8.65351C6.97348 8.74403 6.88246 8.92313 6.74447 8.88496C5.36846 8.51013 4.03062 7.90825 3.02944 7.39542C2.94772 7.35383 2.84887 7.4057 2.83713 7.49672C2.68152 8.74354 2.64139 10.1127 2.80581 11.5562C4.02572 12.1596 5.85143 12.8804 7.76816 13.3389C7.90713 13.3722 7.90273 13.5723 7.76229 13.5992C6.26982 13.8801 4.70688 13.9427 3.43656 13.9261C3.3475 13.9251 3.28193 14.0093 3.30591 14.0949C3.56085 14.9958 3.90632 15.9118 4.3619 16.8342C4.55029 17.2487 4.75532 17.6553 4.97504 18.0532C6.21207 18.107 7.47946 17.9964 8.75369 17.7713C8.97095 17.7331 9.08741 18.0189 8.90391 18.1417C8.03877 18.7201 7.11588 19.2183 6.25758 19.6283C6.14259 19.6836 6.1054 19.8304 6.18125 19.9327C6.69114 20.6236 7.25191 21.2774 7.86114 21.8866C7.86114 21.8866 10.8608 24.9763 10.9425 25.2185C12.6928 23.4261 15.5701 21.4394 18.7474 19.7047C14.4921 23.1672 12.1198 25.7235 10.9258 27.1758L10.0935 28.3439C9.66091 28.9507 9.2856 29.5951 8.97193 30.2709C7.92231 32.5292 6.19201 37.0966 6.19201 37.0966C6.0594 37.4543 6.16755 37.8072 6.39753 38.0371C6.66031 38.2999 7.01263 38.4076 7.37033 38.275C7.37033 38.275 11.9368 36.5447 14.1961 35.495C14.8719 35.1814 15.5168 34.8056 16.1231 34.3735L17.4095 33.457C18.0907 32.9715 19.0234 33.0489 19.615 33.6405L22.5804 36.6058C23.1896 37.2151 23.8433 37.7758 24.5343 38.2857C24.637 38.3611 24.7833 38.3244 24.8386 38.2094C25.2492 37.3516 25.7473 36.4277 26.3252 35.5631C26.4481 35.3796 26.7343 35.4965 26.6957 35.7133C26.4701 36.988 26.3605 38.2554 26.3086 39.3035C27.2178 39.9172 28.5551 40.5606 30.3721 41.1611C30.4577 41.185 30.5419 41.1195 30.5409 41.0304C30.5237 39.7596 30.5864 38.1967 30.8677 36.7047C30.8942 36.5638 31.0943 36.5593 31.1281 36.6988C31.5861 38.616 32.3069 40.4417 32.8041 41.5829C34.3543 41.8256 35.7234 41.7855 36.9703 41.6298C37.0618 41.6186 37.1136 41.5197 37.0715 41.4375C36.5587 40.4364 35.9568 39.0975 35.582 37.7225C35.5443 37.584 35.7229 37.4935 35.8135 37.6046C37.1161 39.1998 38.656 40.5391 39.3548 41.1175C41.2333 40.6786 42.5413 40.0713 43.1604 39.7528C43.3532 39.6539 43.3806 39.3897 43.2132 39.2517Z" }]]
+  },
+  opencode: { viewBox: "2.5 0 19 24", paths: [["path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" }]] },
+  pi: {
+    viewBox: "0 0 24 24",
+    paths: [
+      ["path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
+      ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
+    ]
+  },
+  // Product mark shared with the first-party browser frontend favicon.
+  supercode: {
+    viewBox: "0 0 64 64",
+    paths: [
+      ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
+      ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
+      ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", strokeWidth: "4" }]
+    ]
+  }
+};
+function hasHarnessLogo(id) {
+  return Object.hasOwn(LOGOS, id);
+}
+var LOGO_CHROME = {
+  codex: { background: "#f7f7f5", color: "#111" },
+  gemini: { background: "#f7f7f5", color: "#6e79dc" },
+  goose: { background: "#f7f7f5", color: "#101010" },
+  pi: { background: "#efefeb", color: "#111" },
+  supercode: { background: "#111923", color: "#f7f7f5" }
+};
+function escapeSvgAttribute(value) {
+  return String(value).replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+var SVG_ATTRIBUTE_NAMES = Object.freeze({
+  clipRule: "clip-rule",
+  fillRule: "fill-rule",
+  strokeWidth: "stroke-width"
+});
+function harnessLogoDataUrl(id) {
+  const logo = LOGOS[id];
+  if (!logo) return null;
+  const chrome = LOGO_CHROME[id] ?? { background: "#111", color: id === "claude-code" ? "#d97757" : "#f7f7f5" };
+  const glyph = logo.paths.map(([tag, attributes]) => {
+    const serialized = Object.entries(attributes).map(([name, value]) => `${SVG_ATTRIBUTE_NAMES[name] ?? name}="${escapeSvgAttribute(value)}"`).join(" ");
+    return `<${tag} ${serialized}/>`;
+  }).join("");
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="20" r="19" fill="${chrome.background}" stroke="#383a42"/><svg x="7" y="7" width="26" height="26" viewBox="${logo.viewBox}" color="${chrome.color}" fill="currentColor" preserveAspectRatio="xMidYMid meet">${glyph}</svg></svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
+  const logo = LOGOS[id];
+  useEffect3(() => {
+    if (!logo) onMissingLogo?.(id);
+  }, [id, logo, onMissingLogo]);
+  if (!logo) return null;
+  return /* @__PURE__ */ jsxs4("span", { className: "scui-logo", "data-harness": id, "data-activity": activity, style: { "--scui-logo-size": `${size}px` }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx4("svg", { viewBox: logo.viewBox, preserveAspectRatio: "xMidYMid meet", focusable: "false", children: logo.paths.map(([Tag, props], index) => /* @__PURE__ */ jsx4(Tag, { ...props }, index)) }),
+    activity && activity !== "idle" ? /* @__PURE__ */ jsx4("i", {}) : null
+  ] });
+}
+
+// src/activity.jsx
+import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+function AgentActivityLauncher({ state, onOpen, class: className = "", showSummary = false, components = {} }) {
+  const value = projectAgentActivity(state);
+  const Logo = components.HarnessLogo ?? HarnessLogo;
+  const badge = value.unreadCount > 99 ? "99+" : String(value.unreadCount);
+  const label = [value.title, value.detail, value.unreadCount ? `${value.unreadCount} unread` : ""].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs5("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
+    /* @__PURE__ */ jsxs5("span", { className: "scui-launcher-logo", children: [
+      /* @__PURE__ */ jsx5(Logo, { id: value.harness || "supercode", activity: value.activity, size: 36 }),
+      value.unreadCount ? /* @__PURE__ */ jsx5("b", { "aria-hidden": "true", children: badge }) : null
+    ] }),
+    showSummary ? /* @__PURE__ */ jsxs5("span", { className: "scui-launcher-copy", children: [
+      /* @__PURE__ */ jsx5("strong", { children: value.title }),
+      /* @__PURE__ */ jsx5("small", { children: value.detail })
+    ] }) : null
+  ] });
+}
+
 // src/conversation.jsx
 import { Fragment as Fragment3 } from "preact";
-import { useEffect as useEffect4, useId, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState3 } from "preact/hooks";
+import { useEffect as useEffect5, useId, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState3 } from "preact/hooks";
 
 // src/markdown.jsx
 import MarkdownIt from "markdown-it";
-import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "preact/hooks";
-import { jsx as jsx4 } from "preact/jsx-runtime";
+import { useEffect as useEffect4, useMemo, useRef as useRef3 } from "preact/hooks";
+import { jsx as jsx6 } from "preact/jsx-runtime";
 var markdown = new MarkdownIt({ html: false, linkify: true, breaks: false });
 var LANGUAGE_LABELS = {
   bash: "Shell",
@@ -1443,7 +1688,7 @@ function setCopyState(button, status) {
 function Markdown({ value, copyText }) {
   const html = useMemo(() => markdown.render(value), [value]);
   const resets = useRef3(/* @__PURE__ */ new Map());
-  useEffect3(() => () => {
+  useEffect4(() => () => {
     for (const timer of resets.current.values()) clearTimeout(timer);
     resets.current.clear();
   }, []);
@@ -1468,11 +1713,11 @@ function Markdown({ value, copyText }) {
     }, 1500);
     resets.current.set(button, timer);
   };
-  return /* @__PURE__ */ jsx4("div", { class: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
+  return /* @__PURE__ */ jsx6("div", { className: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
 }
 
 // src/conversation.jsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
 function LoadingStatus({ state, compact = false }) {
   const copy = {
     connecting: ["Connecting to coding agents", "Checking installed harnesses and capabilities.", 0],
@@ -1480,50 +1725,50 @@ 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__ */ 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] })
+  return /* @__PURE__ */ jsxs6("div", { className: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx7("span", { className: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("i", {}) }),
+    /* @__PURE__ */ jsxs6("span", { className: "scui-loading-copy", children: [
+      /* @__PURE__ */ jsx7("strong", { children: copy[0] }),
+      /* @__PURE__ */ jsx7("small", { children: copy[1] })
     ] }),
-    /* @__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)) })
+    /* @__PURE__ */ jsx7("span", { className: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx7("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__ */ jsxs4("div", { class: "scui-request-done", children: [
+    return /* @__PURE__ */ jsxs6("div", { className: "scui-request-done", children: [
       "\u2713 Request answered \xB7 ",
       request.resolution?.name ?? request.requestKind
     ] });
   }
-  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
+  return /* @__PURE__ */ jsxs6("section", { className: "scui-request", role: "alert", "aria-label": `${request.requestKind} needs input`, children: [
+    /* @__PURE__ */ jsx7("strong", { children: "Agent needs input" }),
+    /* @__PURE__ */ jsx7(Markdown, { value: request.payloadText || entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsxs6("div", { className: "scui-request-actions", children: [
+      request.options.map((option) => /* @__PURE__ */ jsx7("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
+      request.cancellable ? /* @__PURE__ */ jsx7("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__ */ jsxs4("details", { class: "scui-context", children: [
-    /* @__PURE__ */ jsxs4("summary", { children: [
+  return /* @__PURE__ */ jsxs6("details", { className: "scui-context", children: [
+    /* @__PURE__ */ jsxs6("summary", { children: [
       "Context \xB7 ",
       context.length
     ] }),
-    /* @__PURE__ */ jsx5("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs4("p", { children: [
-      /* @__PURE__ */ jsx5("strong", { children: item.label }),
-      /* @__PURE__ */ jsx5("span", { children: item.detail })
+    /* @__PURE__ */ jsx7("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs6("p", { children: [
+      /* @__PURE__ */ jsx7("strong", { children: item.label }),
+      /* @__PURE__ */ jsx7("span", { children: item.detail })
     ] }, item.id ?? index)) })
   ] });
 }
 function MessageMeta({ entry, adapter }) {
   const [copyState, setCopyState2] = useState3("idle");
   const reset = useRef4(null);
-  useEffect4(() => () => clearTimeout(reset.current), []);
+  useEffect5(() => () => clearTimeout(reset.current), []);
   const date = entry.ts === null ? null : new Date(entry.ts);
   const validDate = date && Number.isFinite(date.valueOf()) ? date : null;
   if (!validDate && (!adapter?.copyText || !entry.text)) return null;
@@ -1538,46 +1783,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__ */ 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
+  return /* @__PURE__ */ jsxs6("footer", { className: "scui-message-meta", children: [
+    validDate ? /* @__PURE__ */ jsx7("time", { dateTime: validDate.toISOString(), title: validDate.toLocaleString(), children: validDate.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) }) : null,
+    adapter?.copyText && entry.text ? /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": copyLabel, title: copyLabel, onClick: copy, "data-status": copyState, children: /* @__PURE__ */ jsx7(UiIcon, { name: "copy", size: 13 }) }) : null
   ] });
 }
 var TOOL_ICONS = {
-  read: () => /* @__PURE__ */ jsxs4(Fragment4, { 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" })
+  read: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("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__ */ jsx7("path", { d: "M12 2.9v3h2.85M6 9h6M6 12h4" })
   ] }),
-  search: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "4.5" }),
-    /* @__PURE__ */ jsx5("path", { d: "m11.5 11.5 3 3" })
+  search: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("circle", { cx: "8", cy: "8", r: "4.5" }),
+    /* @__PURE__ */ jsx7("path", { d: "m11.5 11.5 3 3" })
   ] }),
-  edit: () => /* @__PURE__ */ jsxs4(Fragment4, { 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" })
+  edit: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "m11.75 3.25 3 3-8.5 8.5-3.75.75.75-3.75 8.5-8.5Z" }),
+    /* @__PURE__ */ jsx7("path", { d: "m10 5 3 3" })
   ] }),
-  command: () => /* @__PURE__ */ jsx5(Fragment4, { children: /* @__PURE__ */ jsx5("path", { d: "m3 5 3 3-3 3M8 12h6" }) }),
-  test: () => /* @__PURE__ */ jsxs4(Fragment4, { 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" })
+  command: () => /* @__PURE__ */ jsx7(Fragment4, { children: /* @__PURE__ */ jsx7("path", { d: "m3 5 3 3-3 3M8 12h6" }) }),
+  test: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("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__ */ jsx7("path", { d: "M5 2.5h8" })
   ] }),
-  web: () => /* @__PURE__ */ jsxs4(Fragment4, { 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" })
+  web: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("circle", { cx: "9", cy: "9", r: "6.5" }),
+    /* @__PURE__ */ jsx7("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__ */ jsxs4(Fragment4, { 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" })
+  agent: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("circle", { cx: "9", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ jsx7("path", { d: "M4 15c.4-3 2-4.5 5-4.5s4.6 1.5 5 4.5" })
   ] }),
-  plan: () => /* @__PURE__ */ jsx5(Fragment4, { 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(Fragment4, { children: [
-    /* @__PURE__ */ jsx5("path", { d: "M9 2.5v3M9 12.5v3M2.5 9h3M12.5 9h3" }),
-    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "9", r: "3.5" })
+  plan: () => /* @__PURE__ */ jsx7(Fragment4, { children: /* @__PURE__ */ jsx7("path", { d: "m3 5 1 1 2-2M3 9l1 1 2-2M3 13l1 1 2-2M8 5h7M8 9h7M8 13h7" }) }),
+  other: () => /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7("path", { d: "M9 2.5v3M9 12.5v3M2.5 9h3M12.5 9h3" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "9", cy: "9", r: "3.5" })
   ] })
 };
 function ToolIcon({ category }) {
   const Glyph = TOOL_ICONS[category] ?? TOOL_ICONS.other;
-  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, {}) });
+  return /* @__PURE__ */ jsx7("svg", { className: "scui-tool-icon", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", strokeWidth: "1.35", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx7(Glyph, {}) });
 }
 function toolAction2(entry, category, presentation) {
   if (presentation?.action) return presentation.action;
@@ -1632,89 +1877,89 @@ function ToolMetrics({ presentation }) {
     presentation.exitCode === null ? "" : `exit ${presentation.exitCode}`,
     formatDuration(presentation.durationMs)
   ].filter(Boolean);
-  return metrics.length ? /* @__PURE__ */ jsx5("div", { class: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx5("span", { children: metric }, metric)) }) : null;
+  return metrics.length ? /* @__PURE__ */ jsx7("div", { className: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx7("span", { children: metric }, metric)) }) : null;
 }
 function PendingElapsed({ now }) {
   const clock = now ?? Date.now;
   const started = useRef4(clock());
   const [elapsed, setElapsed] = useState3(0);
-  useEffect4(() => {
+  useEffect5(() => {
     const timer = setInterval(() => setElapsed(Math.max(0, clock() - started.current)), 1e3);
     return () => clearInterval(timer);
   }, [clock]);
-  return /* @__PURE__ */ jsx5("small", { class: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
+  return /* @__PURE__ */ jsx7("small", { className: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
 }
 function LinePreview({ value, kind }) {
   if (!value) return null;
-  return /* @__PURE__ */ jsx5("ol", { class: "scui-code-preview", "data-kind": kind, children: stripAnsi(value).split("\n").map((line, index) => {
+  return /* @__PURE__ */ jsx7("ol", { className: "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__ */ jsxs4("li", { "data-tone": tone, children: [
-      /* @__PURE__ */ jsx5("span", { children: index + 1 }),
-      /* @__PURE__ */ jsx5("code", { children: line || " " })
+    return /* @__PURE__ */ jsxs6("li", { "data-tone": tone, children: [
+      /* @__PURE__ */ jsx7("span", { children: index + 1 }),
+      /* @__PURE__ */ jsx7("code", { children: line || " " })
     ] }, index);
   }) });
 }
 function TerminalPreview({ presentation, pending, failed }) {
-  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", {})
+  return /* @__PURE__ */ jsxs6("section", { className: "scui-terminal", children: [
+    /* @__PURE__ */ jsxs6("header", { children: [
+      /* @__PURE__ */ jsxs6("span", { "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx7("i", {}),
+        /* @__PURE__ */ jsx7("i", {}),
+        /* @__PURE__ */ jsx7("i", {})
       ] }),
-      /* @__PURE__ */ jsx5("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
+      /* @__PURE__ */ jsx7("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
     ] }),
-    presentation.preview ? /* @__PURE__ */ jsx5("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs4("div", { class: "scui-terminal-wait", children: [
-      /* @__PURE__ */ jsx5("i", {}),
+    presentation.preview ? /* @__PURE__ */ jsx7("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs6("div", { className: "scui-terminal-wait", children: [
+      /* @__PURE__ */ jsx7("i", {}),
       " Waiting for output"
-    ] }) : /* @__PURE__ */ jsx5("div", { class: "scui-terminal-empty", children: "No output" })
+    ] }) : /* @__PURE__ */ jsx7("div", { className: "scui-terminal-empty", children: "No output" })
   ] });
 }
 function SearchPreview({ presentation }) {
   const lines = stripAnsi(presentation.preview).split("\n").filter(Boolean);
-  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 })
+  return /* @__PURE__ */ jsxs6("section", { className: "scui-search-preview", children: [
+    presentation.query ? /* @__PURE__ */ jsxs6("header", { children: [
+      /* @__PURE__ */ jsx7("span", { children: "Search" }),
+      /* @__PURE__ */ jsx7("code", { children: presentation.query })
     ] }) : null,
-    lines.length ? /* @__PURE__ */ jsx5("ol", { children: lines.map((line, index) => {
+    lines.length ? /* @__PURE__ */ jsx7("ol", { children: lines.map((line, index) => {
       const match = /^(.*?):(\d+)(?::(\d+))?:(.*)$/.exec(line);
-      return /* @__PURE__ */ jsx5("li", { children: match ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
-        /* @__PURE__ */ jsx5("code", { children: match[1] }),
-        /* @__PURE__ */ jsxs4("small", { children: [
+      return /* @__PURE__ */ jsx7("li", { children: match ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        /* @__PURE__ */ jsx7("code", { children: match[1] }),
+        /* @__PURE__ */ jsxs6("small", { children: [
           match[2],
           match[3] ? `:${match[3]}` : ""
         ] }),
-        /* @__PURE__ */ jsx5("span", { children: match[4] })
-      ] }) : /* @__PURE__ */ jsx5("span", { children: line }) }, index);
-    }) }) : /* @__PURE__ */ jsx5("p", { children: "No textual results" })
+        /* @__PURE__ */ jsx7("span", { children: match[4] })
+      ] }) : /* @__PURE__ */ jsx7("span", { children: line }) }, index);
+    }) }) : /* @__PURE__ */ jsx7("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__ */ 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 === "terminal") return /* @__PURE__ */ jsx7(TerminalPreview, { presentation, pending, failed });
+  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx7(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx7("div", { className: "scui-tool-empty", children: "Edit completed without a textual diff" });
+  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx7(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx7("div", { className: "scui-tool-empty", children: "File contents were not included in this event" });
+  if (presentation.detail === "matches") return /* @__PURE__ */ jsx7(SearchPreview, { presentation });
+  if (presentation.detail === "web") return /* @__PURE__ */ jsxs6("section", { className: "scui-web-preview", children: [
+    presentation.url ? /* @__PURE__ */ jsx7("code", { children: presentation.url }) : null,
+    presentation.preview ? /* @__PURE__ */ jsx7("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx7("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
   ] });
-  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 })
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx7("section", { className: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx7("ol", { className: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs6("li", { children: [
+    /* @__PURE__ */ jsx7("strong", { children: item.label }),
+    /* @__PURE__ */ jsx7("small", { children: item.status })
+  ] }, `${item.label}:${index}`)) }) : presentation.preview ? /* @__PURE__ */ jsx7("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx7("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
+  if (presentation.detail === "plan") return /* @__PURE__ */ jsx7("ol", { className: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs6("li", { "data-status": item.status, children: [
+    /* @__PURE__ */ jsx7("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx7("span", { children: item.label })
   ] }, `${item.label}:${index}`)) });
-  return presentation.preview ? /* @__PURE__ */ jsx5("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
+  return presentation.preview ? /* @__PURE__ */ jsx7("pre", { className: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
 }
 function ToolActions({ presentation, adapter }) {
   const [copied, setCopied] = useState3(false);
   const reset = useRef4(null);
-  useEffect4(() => () => clearTimeout(reset.current), []);
+  useEffect5(() => () => clearTimeout(reset.current), []);
   if (!adapter?.copyText) return null;
   const action = presentation.command ? ["Copy command", presentation.command] : presentation.path ? ["Copy path", presentation.path] : presentation.url ? ["Copy URL", presentation.url] : presentation.query ? ["Copy query", presentation.query] : null;
   const copy = async () => {
@@ -1723,27 +1968,27 @@ function ToolActions({ presentation, adapter }) {
     clearTimeout(reset.current);
     reset.current = setTimeout(() => setCopied(false), 1500);
   };
-  return action ? /* @__PURE__ */ jsx5("div", { class: "scui-tool-actions", children: /* @__PURE__ */ jsx5("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
+  return action ? /* @__PURE__ */ jsx7("div", { className: "scui-tool-actions", children: /* @__PURE__ */ jsx7("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
 }
 function ToolStack({ tools }) {
   if (tools.length < 2) return null;
-  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)) });
+  return /* @__PURE__ */ jsx7("div", { className: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx7("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
 }
 function TechnicalDetails({ entry }) {
   if (!entry.arguments && !entry.resultText) return null;
-  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 }) })
+  return /* @__PURE__ */ jsxs6("details", { className: "scui-tool-technical", children: [
+    /* @__PURE__ */ jsx7("summary", { children: "Technical details" }),
+    /* @__PURE__ */ jsxs6("div", { children: [
+      entry.arguments ? /* @__PURE__ */ jsxs6("section", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: "Native arguments" }),
+        /* @__PURE__ */ jsx7("dl", { children: argumentRows(entry.arguments).map((row) => /* @__PURE__ */ jsxs6("div", { children: [
+          /* @__PURE__ */ jsx7("dt", { children: row.label }),
+          /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7("pre", { children: row.value }) })
         ] }, row.key)) })
       ] }) : null,
-      entry.resultText ? /* @__PURE__ */ jsxs4("section", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Native result" }),
-        /* @__PURE__ */ jsxs4("pre", { "data-error": entry.status === "error", children: [
+      entry.resultText ? /* @__PURE__ */ jsxs6("section", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: "Native result" }),
+        /* @__PURE__ */ jsxs6("pre", { "data-error": entry.status === "error", children: [
           entry.resultText,
           entry.truncated ? "\n[truncated]" : ""
         ] })
@@ -1752,127 +1997,127 @@ function TechnicalDetails({ entry }) {
   ] });
 }
 function TranscriptEntry({ entry, state, adapter }) {
-  if (entry.role === "request") return /* @__PURE__ */ jsx5(RequestCard, { entry, adapter, canRespond: state.canRespond });
+  if (entry.role === "request") return /* @__PURE__ */ jsx7(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
-    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 })
+    return /* @__PURE__ */ jsxs6("details", { className: "scui-reasoning", open: entry.streaming, children: [
+      /* @__PURE__ */ jsx7("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
+      /* @__PURE__ */ jsx7(Markdown, { value: entry.text, copyText: adapter?.copyText })
     ] });
   }
-  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, adapter }),
-    /* @__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 })
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx7("div", { className: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs6("article", { className: "scui-message", "data-role": entry.role, "aria-label": `${entry.role === "user" ? "Your" : "Assistant"} message`, children: [
+    /* @__PURE__ */ jsx7(MessageImages, { items: entry.images, adapter }),
+    /* @__PURE__ */ jsx7(Markdown, { value: entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsx7(ContextDisclosure, { context: entry.context }),
+    entry.truncated ? /* @__PURE__ */ jsx7("small", { className: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
+    /* @__PURE__ */ jsx7(MessageMeta, { entry, adapter })
   ] });
 }
 function ToolRow({ entry, workspace, open = false, adapter }) {
   const presentation = entry.presentation ?? createToolPresentation(entry);
   const [expanded, setExpanded] = useState3(open || entry.status === "pending");
-  useEffect4(() => {
+  useEffect5(() => {
     if (entry.status === "pending") setExpanded(true);
   }, [entry.status]);
   const target = compactToolTarget(presentation.target, workspace);
   const hasDetail = Boolean(entry.arguments || entry.resultText || presentation.preview || presentation.fields.length);
   const category = presentation.category ?? toolCategory(entry);
-  const summary = /* @__PURE__ */ jsxs4(Fragment4, { 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
+  const summary = /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7(ToolIcon, { category }),
+    /* @__PURE__ */ jsx7("strong", { children: toolAction2(entry, category, presentation) }),
+    target ? /* @__PURE__ */ jsx7("code", { className: "scui-tool-target", title: presentation.target, children: target }) : null,
+    /* @__PURE__ */ jsx7("span", { className: "scui-spacer" }),
+    entry.status === "pending" ? /* @__PURE__ */ jsx7(PendingElapsed, { now: adapter?.now }) : null,
+    /* @__PURE__ */ jsx7("span", { className: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx7("i", {}) : /* @__PURE__ */ jsx7(UiIcon, { name: entry.status === "error" ? "close" : "check", size: 12 }) }),
+    hasDetail ? /* @__PURE__ */ jsx7(UiIcon, { name: "chevron", size: 14, className: "scui-tool-chevron" }) : null
   ] });
-  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 })
+  if (!hasDetail) return /* @__PURE__ */ jsx7("div", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx7("div", { className: "scui-tool-head", children: summary }) });
+  return /* @__PURE__ */ jsxs6("details", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsx7("summary", { className: "scui-tool-head", children: summary }),
+    /* @__PURE__ */ jsxs6("div", { className: "scui-tool-detail", children: [
+      /* @__PURE__ */ jsx7(ToolMetrics, { presentation }),
+      /* @__PURE__ */ jsx7(ToolStack, { tools: presentation.tools ?? [] }),
+      /* @__PURE__ */ jsx7(ToolPreview, { presentation, entry }),
+      presentation.fields.length ? /* @__PURE__ */ jsx7("dl", { className: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx7("dt", { children: field.label }),
+        /* @__PURE__ */ jsx7("dd", { children: field.value })
       ] }, field.label)) }) : null,
-      /* @__PURE__ */ jsx5(ToolActions, { presentation, adapter }),
-      /* @__PURE__ */ jsx5(TechnicalDetails, { entry })
+      /* @__PURE__ */ jsx7(ToolActions, { presentation, adapter }),
+      /* @__PURE__ */ jsx7(TechnicalDetails, { entry })
     ] })
   ] });
 }
 function ActivityGroup({ entries, state, 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 }) });
+  if (entries.length === 1) return /* @__PURE__ */ jsx7("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx7(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
   const active = entries.some((entry) => entry.status === "pending");
   const [open, setOpen] = useState3(active);
   const id = useId();
-  useEffect4(() => {
+  useEffect5(() => {
     if (active) setOpen(true);
   }, [active]);
-  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: [
+  return /* @__PURE__ */ jsxs6("section", { className: "scui-activity", children: [
+    /* @__PURE__ */ jsxs6("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx7("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx7(UiIcon, { name: "chevron", size: 14 }) }),
+      /* @__PURE__ */ jsx7("strong", { children: activitySummary(entries) }),
+      /* @__PURE__ */ jsx7("span", { className: "scui-spacer" }),
+      /* @__PURE__ */ jsxs6("small", { children: [
         entries.filter((entry) => entry.status !== "pending").length,
         "/",
         entries.length
       ] })
     ] }),
-    open ? /* @__PURE__ */ jsx5("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx5(ToolRow, { entry, workspace: state.workspace, adapter }, entry.id)) }) : null
+    open ? /* @__PURE__ */ jsx7("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx7(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__ */ jsxs4("details", { class: "scui-plan", children: [
-    /* @__PURE__ */ jsxs4("summary", { children: [
-      /* @__PURE__ */ jsx5("span", { children: "Plan" }),
-      /* @__PURE__ */ jsxs4("small", { children: [
+  return /* @__PURE__ */ jsxs6("details", { className: "scui-plan", children: [
+    /* @__PURE__ */ jsxs6("summary", { children: [
+      /* @__PURE__ */ jsx7("span", { children: "Plan" }),
+      /* @__PURE__ */ jsxs6("small", { children: [
         complete,
         "/",
         plan.items.length
       ] })
     ] }),
-    /* @__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__ */ jsx7("ol", { tabIndex: 0, "aria-label": "Task plan steps", children: plan.items.map((item) => /* @__PURE__ */ jsxs6("li", { "data-status": item.status, children: [
+      /* @__PURE__ */ jsx7("i", { "aria-hidden": "true" }),
       " ",
-      /* @__PURE__ */ jsx5("span", { children: item.title })
+      /* @__PURE__ */ jsx7("span", { children: item.title })
     ] }, item.id)) })
   ] });
 }
 function SessionDetails({ semantics }) {
   if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
-  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("_", " ") })
+  return /* @__PURE__ */ jsxs6("details", { className: "scui-details", children: [
+    /* @__PURE__ */ jsx7("summary", { children: "Session details" }),
+    /* @__PURE__ */ jsxs6("div", { children: [
+      semantics.fidelity ? /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: "Fidelity" }),
+        /* @__PURE__ */ jsx7("span", { children: semantics.fidelity.replaceAll("_", " ") })
       ] }) : null,
-      /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Native records" }),
-        /* @__PURE__ */ jsx5("span", { children: semantics.rawRecords })
+      /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: "Native records" }),
+        /* @__PURE__ */ jsx7("span", { children: semantics.rawRecords })
       ] }),
-      semantics.residueCount ? /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Residue" }),
-        /* @__PURE__ */ jsxs4("span", { children: [
+      semantics.residueCount ? /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: "Residue" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
           semantics.residueCount,
           " retained"
         ] })
       ] }) : null,
-      semantics.parseErrors ? /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Parse diagnostics" }),
-        /* @__PURE__ */ jsx5("span", { children: semantics.parseErrors })
+      semantics.parseErrors ? /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: "Parse diagnostics" }),
+        /* @__PURE__ */ jsx7("span", { children: semantics.parseErrors })
       ] }) : null,
-      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs4("p", { children: [
-        /* @__PURE__ */ jsxs4("strong", { children: [
+      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsxs6("strong", { children: [
           agent.source,
           " subagent"
         ] }),
-        /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsxs6("span", { children: [
           agent.messages,
           " messages \xB7 ",
           agent.fidelity.replaceAll("_", " ")
@@ -1885,13 +2130,13 @@ var conversationMemory = /* @__PURE__ */ new Map();
 function ConversationAnnouncements({ state }) {
   const previousBusy = useRef4(state.busy);
   const [announcement, setAnnouncement] = useState3("");
-  useEffect4(() => {
+  useEffect5(() => {
     if (previousBusy.current && !state.busy && !state.error) {
       setAnnouncement(`${harnessDisplayName(state.harness) || "Coding agent"} finished working`);
     }
     previousBusy.current = state.busy;
   }, [state.busy, state.error, state.harness]);
-  return /* @__PURE__ */ jsx5("span", { class: "scui-sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement });
+  return /* @__PURE__ */ jsx7("span", { className: "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 = useRef4(null);
@@ -1940,149 +2185,66 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       else pin();
     } else if (atBottom) pin();
   }, [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) => {
+  return /* @__PURE__ */ jsxs6("div", { className: "scui-conversation-wrap", children: [
+    /* @__PURE__ */ jsx7(ConversationAnnouncements, { state }),
+    /* @__PURE__ */ jsx7("div", { className: "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__ */ 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: () => {
+    }, children: /* @__PURE__ */ jsxs6("div", { children: [
+      Before ? /* @__PURE__ */ jsx7(Before, { state, adapter, value: null }) : null,
+      /* @__PURE__ */ jsx7(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
+      /* @__PURE__ */ jsx7(SessionDetails, { semantics: state.semantics }),
+      state.history.hasEarlier ? /* @__PURE__ */ jsx7("button", { className: "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, firstId: state.transcript[0]?.id, seenOperation: false };
         setAtBottom(false);
         adapter.onIntent({ action: "loadEarlier" });
       }, children: "Load earlier messages" }) : null,
-      !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(Fragment3, { 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 })
+      !blocks.length && state.startup !== "ready" ? /* @__PURE__ */ jsx7(LoadingStatus, { state }) : null,
+      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx7(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx7("div", { className: "scui-empty", children: state.error ?? (state.harness ? `${harnessDisplayName(state.harness)} is listening. Say something.` : "No transcript yet.") }) : null,
+      blocks.map((block, index) => /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        index === unreadBlock ? /* @__PURE__ */ jsx7("div", { className: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx7("span", { children: "New" }) }) : null,
+        block.kind === "activity" ? /* @__PURE__ */ jsx7(Group, { value: block.entries, entries: block.entries, state, adapter }) : /* @__PURE__ */ jsx7(Entry, { value: block.entry, entry: block.entry, state, adapter })
       ] }, block.id)),
-      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, adapter }),
-        /* @__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" })
+      pendingMessage ? /* @__PURE__ */ jsxs6("article", { className: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
+        /* @__PURE__ */ jsx7(MessageImages, { items: pendingMessage.images, adapter }),
+        /* @__PURE__ */ jsx7(Markdown, { value: pendingMessage.text, copyText: adapter?.copyText }),
+        /* @__PURE__ */ jsx7(ContextDisclosure, { context: pendingMessage.context }),
+        /* @__PURE__ */ jsxs6("footer", { children: [
+          /* @__PURE__ */ jsx7("small", { children: pendingMessage.status === "failed" ? "Not sent" : "Sending\u2026" }),
+          pendingMessage.status === "failed" ? /* @__PURE__ */ jsxs6("span", { children: [
+            /* @__PURE__ */ jsx7("button", { type: "button", onClick: pendingMessage.onRetry, children: "Retry" }),
+            /* @__PURE__ */ jsx7("button", { type: "button", onClick: pendingMessage.onEdit, children: "Edit" })
           ] }) : null
         ] })
       ] }) : null,
-      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: [
+      state.busy ? /* @__PURE__ */ jsxs6("div", { className: "scui-working", role: "status", children: [
+        /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\u2726" }),
+        /* @__PURE__ */ jsx7("i", {}),
+        /* @__PURE__ */ jsx7("i", {}),
+        /* @__PURE__ */ jsx7("i", {}),
+        /* @__PURE__ */ jsxs6("small", { children: [
           harnessDisplayName(state.harness),
           " is working"
         ] })
       ] }) : null,
-      After ? /* @__PURE__ */ jsx5(After, { state, adapter, value: null }) : null
+      After ? /* @__PURE__ */ jsx7(After, { state, adapter, value: null }) : null
     ] }) }),
-    !atBottom ? /* @__PURE__ */ jsxs4("button", { class: "scui-latest", type: "button", onClick: pin, children: [
-      /* @__PURE__ */ jsx5(UiIcon, { name: "down", size: 13 }),
+    !atBottom ? /* @__PURE__ */ jsxs6("button", { className: "scui-latest", type: "button", onClick: pin, children: [
+      /* @__PURE__ */ jsx7(UiIcon, { name: "down", size: 13 }),
       " Latest"
     ] }) : null
   ] });
 }
 
-// src/logo.jsx
-import { useEffect as useEffect5 } from "preact/hooks";
-import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
-var LOGOS = {
-  "claude-code": {
-    viewBox: "-1 3.5 26 18",
-    paths: [
-      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z" }]
-    ]
-  },
-  codex: {
-    viewBox: "-1 -1 26 26",
-    paths: [
-      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z" }]
-    ]
-  },
-  gemini: {
-    viewBox: "0 0 24 24",
-    paths: [["path", { d: "M12 24C12 17.373 6.627 12 0 12 6.627 12 12 6.627 12 0c0 6.627 5.373 12 12 12-6.627 0-12 5.373-12 12z" }]]
-  },
-  grok: {
-    viewBox: "-1 -1 26 26",
-    paths: [["path", { d: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815" }]]
-  },
-  // Canonical mark from block/goose's documentation/static/img/goose.svg.
-  goose: {
-    viewBox: "0 0 45 45",
-    paths: [["path", { d: "M43.2098 39.2492L39.8118 36.4522C37.9646 34.9318 36.3923 33.1051 35.1631 31.0529C33.4647 28.2172 31.1178 25.8243 28.3164 24.071L26.9482 23.2744C26.4794 22.9485 26.1525 22.4405 26.106 21.8675C26.0762 21.4981 26.1647 21.1678 26.3712 20.8771C27.0837 19.873 30.9617 15.6995 31.6365 15.1411C32.5056 14.4228 33.4739 13.8253 34.3724 13.1412C34.5001 13.0438 34.6283 12.9469 34.7545 12.8481C35.0574 12.6088 35.3295 12.3671 35.5458 12.0803C36.5993 10.8604 36.5783 9.82938 36.5783 9.82938C36.4677 9.5534 36.0645 8.69902 35.2449 8.29825C35.9696 8.28406 36.7872 8.55564 37.1582 8.91873C37.6039 8.21947 37.8922 7.76585 38.3404 7.00347C38.4471 6.82241 38.5038 6.48771 38.2998 6.30029C38.1114 6.11287 37.6416 6.01697 37.4606 6.12364C36.4692 6.70693 35.5047 7.33475 34.6351 7.88525C34.6351 7.88525 33.6046 7.86372 32.3842 8.91775C32.097 9.13452 31.8552 9.4066 31.6282 9.69433C31.5171 9.83476 31.4202 9.96297 31.3233 10.0912C30.6387 10.9901 30.0417 11.958 29.3234 12.8271C28.7656 13.5023 24.5915 17.3798 23.5874 18.0923C23.2967 18.2988 22.9669 18.3879 22.597 18.3575C22.0245 18.3115 21.5161 17.9842 21.1902 17.5154L20.3935 16.1472C18.6402 13.3448 16.2474 10.9989 13.4117 9.30041C11.3594 8.0712 9.5332 6.49847 8.01234 4.65172L5.2153 1.25377C5.0773 1.08642 4.81306 1.11382 4.71422 1.30662C4.39615 1.92612 3.78888 3.23411 3.32353 4.99327C3.92786 5.81095 5.26717 7.35089 6.8624 8.65351C6.97348 8.74403 6.88246 8.92313 6.74447 8.88496C5.36846 8.51013 4.03062 7.90825 3.02944 7.39542C2.94772 7.35383 2.84887 7.4057 2.83713 7.49672C2.68152 8.74354 2.64139 10.1127 2.80581 11.5562C4.02572 12.1596 5.85143 12.8804 7.76816 13.3389C7.90713 13.3722 7.90273 13.5723 7.76229 13.5992C6.26982 13.8801 4.70688 13.9427 3.43656 13.9261C3.3475 13.9251 3.28193 14.0093 3.30591 14.0949C3.56085 14.9958 3.90632 15.9118 4.3619 16.8342C4.55029 17.2487 4.75532 17.6553 4.97504 18.0532C6.21207 18.107 7.47946 17.9964 8.75369 17.7713C8.97095 17.7331 9.08741 18.0189 8.90391 18.1417C8.03877 18.7201 7.11588 19.2183 6.25758 19.6283C6.14259 19.6836 6.1054 19.8304 6.18125 19.9327C6.69114 20.6236 7.25191 21.2774 7.86114 21.8866C7.86114 21.8866 10.8608 24.9763 10.9425 25.2185C12.6928 23.4261 15.5701 21.4394 18.7474 19.7047C14.4921 23.1672 12.1198 25.7235 10.9258 27.1758L10.0935 28.3439C9.66091 28.9507 9.2856 29.5951 8.97193 30.2709C7.92231 32.5292 6.19201 37.0966 6.19201 37.0966C6.0594 37.4543 6.16755 37.8072 6.39753 38.0371C6.66031 38.2999 7.01263 38.4076 7.37033 38.275C7.37033 38.275 11.9368 36.5447 14.1961 35.495C14.8719 35.1814 15.5168 34.8056 16.1231 34.3735L17.4095 33.457C18.0907 32.9715 19.0234 33.0489 19.615 33.6405L22.5804 36.6058C23.1896 37.2151 23.8433 37.7758 24.5343 38.2857C24.637 38.3611 24.7833 38.3244 24.8386 38.2094C25.2492 37.3516 25.7473 36.4277 26.3252 35.5631C26.4481 35.3796 26.7343 35.4965 26.6957 35.7133C26.4701 36.988 26.3605 38.2554 26.3086 39.3035C27.2178 39.9172 28.5551 40.5606 30.3721 41.1611C30.4577 41.185 30.5419 41.1195 30.5409 41.0304C30.5237 39.7596 30.5864 38.1967 30.8677 36.7047C30.8942 36.5638 31.0943 36.5593 31.1281 36.6988C31.5861 38.616 32.3069 40.4417 32.8041 41.5829C34.3543 41.8256 35.7234 41.7855 36.9703 41.6298C37.0618 41.6186 37.1136 41.5197 37.0715 41.4375C36.5587 40.4364 35.9568 39.0975 35.582 37.7225C35.5443 37.584 35.7229 37.4935 35.8135 37.6046C37.1161 39.1998 38.656 40.5391 39.3548 41.1175C41.2333 40.6786 42.5413 40.0713 43.1604 39.7528C43.3532 39.6539 43.3806 39.3897 43.2132 39.2517Z" }]]
-  },
-  opencode: { viewBox: "2.5 0 19 24", paths: [["path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" }]] },
-  pi: {
-    viewBox: "0 0 24 24",
-    paths: [
-      ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
-      ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
-    ]
-  },
-  // Product mark shared with the first-party browser frontend favicon.
-  supercode: {
-    viewBox: "0 0 64 64",
-    paths: [
-      ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
-      ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
-      ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", "stroke-width": "4" }]
-    ]
-  }
-};
-function hasHarnessLogo(id) {
-  return Object.hasOwn(LOGOS, id);
-}
-var LOGO_CHROME = {
-  codex: { background: "#f7f7f5", color: "#111" },
-  gemini: { background: "#f7f7f5", color: "#6e79dc" },
-  goose: { background: "#f7f7f5", color: "#101010" },
-  pi: { background: "#efefeb", color: "#111" },
-  supercode: { background: "#111923", color: "#f7f7f5" }
-};
-function escapeSvgAttribute(value) {
-  return String(value).replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-function harnessLogoDataUrl(id) {
-  const logo = LOGOS[id];
-  if (!logo) return null;
-  const chrome = LOGO_CHROME[id] ?? { background: "#111", color: id === "claude-code" ? "#d97757" : "#f7f7f5" };
-  const glyph = logo.paths.map(([tag, attributes]) => {
-    const serialized = Object.entries(attributes).map(([name, value]) => `${name}="${escapeSvgAttribute(value)}"`).join(" ");
-    return `<${tag} ${serialized}/>`;
-  }).join("");
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="20" r="19" fill="${chrome.background}" stroke="#383a42"/><svg x="7" y="7" width="26" height="26" viewBox="${logo.viewBox}" color="${chrome.color}" fill="currentColor" preserveAspectRatio="xMidYMid meet">${glyph}</svg></svg>`;
-  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
-}
-function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
-  const logo = LOGOS[id];
-  useEffect5(() => {
-    if (!logo) onMissingLogo?.(id);
-  }, [id, logo, onMissingLogo]);
-  if (!logo) return 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/messenger.jsx
 import { useEffect as useEffect8, useId as useId3, useMemo as useMemo3, useRef as useRef7, useState as useState6 } from "preact/hooks";
 
 // src/sessions.jsx
 import { useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState4 } from "preact/hooks";
-import { jsx as jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
 var sessionListMemory = /* @__PURE__ */ new Map();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
@@ -2105,32 +2267,32 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || 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)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${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", { class: "scui-session-title", children: [
-        /* @__PURE__ */ jsx7("strong", { children: title }),
-        /* @__PURE__ */ jsx7("span", { class: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("time", { children: age }) : null })
+  return /* @__PURE__ */ jsxs7("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+    /* @__PURE__ */ jsx8(HarnessLogo, { id: row.harness, activity, size: 34 }),
+    /* @__PURE__ */ jsxs7("span", { className: "scui-session-copy", children: [
+      /* @__PURE__ */ jsxs7("span", { className: "scui-session-title", children: [
+        /* @__PURE__ */ jsx8("strong", { children: title }),
+        /* @__PURE__ */ jsx8("span", { className: "scui-session-meta", children: age ? /* @__PURE__ */ jsx8("time", { children: age }) : null })
       ] }),
-      path.complete ? /* @__PURE__ */ jsxs6("small", { class: "scui-session-path", title: row.cwd, children: [
-        /* @__PURE__ */ jsx7("span", { class: "scui-session-path-leading", children: path.leading }),
-        path.separator ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-separator", children: path.separator }) : null,
-        path.trailing ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-trailing", children: path.trailing }) : null
+      path.complete ? /* @__PURE__ */ jsxs7("small", { className: "scui-session-path", title: row.cwd, children: [
+        /* @__PURE__ */ jsx8("span", { className: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx8("span", { className: "scui-session-path-separator", children: path.separator }) : null,
+        path.trailing ? /* @__PURE__ */ jsx8("span", { className: "scui-session-path-trailing", children: path.trailing }) : null
       ] }) : null,
-      working || preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-preview", children: [
-        working ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-working", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx7("i", {}),
-          /* @__PURE__ */ jsx7("i", {}),
-          /* @__PURE__ */ jsx7("i", {})
+      working || preview || unreadCount ? /* @__PURE__ */ jsxs7("span", { className: "scui-session-preview", children: [
+        working ? /* @__PURE__ */ jsxs7("span", { className: "scui-session-working", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx8("i", {}),
+          /* @__PURE__ */ jsx8("i", {}),
+          /* @__PURE__ */ jsx8("i", {})
         ] }) : null,
-        preview || working ? /* @__PURE__ */ jsx7("small", { children: preview || "Working\u2026" }) : null,
-        unreadCount ? /* @__PURE__ */ jsx7("b", { "aria-label": `${unreadCount} unread messages`, children: unreadLabel }) : null
+        preview || working ? /* @__PURE__ */ jsx8("small", { children: preview || "Working\u2026" }) : null,
+        unreadCount ? /* @__PURE__ */ jsx8("b", { "aria-label": `${unreadCount} unread messages`, children: unreadLabel }) : null
       ] }) : null,
-      state.attachError?.key === row.key ? /* @__PURE__ */ jsx7("em", { children: state.attachError.message }) : null
+      state.attachError?.key === row.key ? /* @__PURE__ */ jsx8("em", { children: state.attachError.message }) : null
     ] })
   ] });
 }
-function SessionList({ state, adapter, onOpen, onNew, onClose, components = {}, labels = DEFAULT_LABELS, focusKey = null, memoryKey = state.workspace || "@default", headerActions: HeaderActions }) {
+function SessionList({ state, adapter, onOpen, onNew, onClose, components = {}, slots = {}, labels = DEFAULT_LABELS, focusKey = null, memoryKey = state.workspace || "@default", headerActions: HeaderActions }) {
   const remembered = sessionListMemory.get(memoryKey) ?? { query: "", top: 0 };
   const [query, setQuery] = useState4(remembered.query);
   const [loadingMore, setLoadingMore] = useState4(false);
@@ -2139,6 +2301,8 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
   const rowScroller = useRef5(null);
   const rows = filterSessions(state.sessions, query);
   const Row = components.SessionRow ?? SessionRow;
+  const BeforeSessions = slots.beforeSessions;
+  const AfterSessions = slots.afterSessions;
   useLayoutEffect3(() => {
     if (rowScroller.current) rowScroller.current.scrollTop = remembered.top;
   }, [memoryKey]);
@@ -2162,51 +2326,53 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
       Promise.resolve(result).then(() => setLoadingMore(false), () => setLoadingMore(false));
     }
   };
-  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: [
+  return /* @__PURE__ */ jsxs7("section", { className: "scui-list", ref: root, children: [
+    /* @__PURE__ */ jsxs7("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsxs7("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx8("strong", { children: labels.chats }),
+        /* @__PURE__ */ jsxs7("small", { children: [
           state.sessions.length,
           " recent conversations"
         ] })
       ] }),
-      HeaderActions ? /* @__PURE__ */ jsx7(HeaderActions, { state, adapter, value: "list" }) : 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
+      HeaderActions ? /* @__PURE__ */ jsx8(HeaderActions, { state, adapter, value: "list" }) : null,
+      /* @__PURE__ */ jsx8("button", { type: "button", "data-list-focus": "new", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), 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
     ] }),
-    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) => {
+    state.startup !== "ready" ? /* @__PURE__ */ jsx8(LoadingStatus, { state, compact: rows.length > 0 }) : null,
+    state.sessions.length > 4 ? /* @__PURE__ */ jsxs7("label", { className: "scui-search", children: [
+      /* @__PURE__ */ jsx8(UiIcon, { name: "search", size: 15 }),
+      /* @__PURE__ */ jsx8("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__ */ jsx7("small", { children: rows.length })
+      /* @__PURE__ */ jsx8("small", { children: rows.length })
     ] }) : 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, now }, 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
+    /* @__PURE__ */ jsxs7("div", { className: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
+      BeforeSessions ? /* @__PURE__ */ jsx8(BeforeSessions, { state, adapter, value: { query, rows } }) : null,
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx8("div", { className: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
+      rows.map((row) => /* @__PURE__ */ jsx8(Row, { value: row, row, state, adapter, onOpen, now }, row.key)),
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx8("button", { className: "scui-load", type: "button", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading older chats\u2026" : "Load older chats" }) : null,
+      AfterSessions ? /* @__PURE__ */ jsx8(AfterSessions, { state, adapter, value: { query, rows } }) : null
     ] })
   ] });
 }
 
 // src/settings.jsx
 import { useEffect as useEffect7, useId as useId2, useMemo as useMemo2, useRef as useRef6, useState as useState5 } from "preact/hooks";
-import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "preact/jsx-runtime";
 function HarnessAdvisory({ state, onReview }) {
   const advisory = state.interopSettings?.advisories[0];
   if (!advisory && !state.interopSettingsError) return null;
-  return /* @__PURE__ */ jsxs7("div", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
-    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "!" }),
-    /* @__PURE__ */ jsxs7("span", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),
-      /* @__PURE__ */ jsx8("small", { children: advisory?.message ?? state.interopSettingsError })
+  return /* @__PURE__ */ jsxs8("div", { className: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
+    /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "!" }),
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),
+      /* @__PURE__ */ jsx9("small", { children: advisory?.message ?? state.interopSettingsError })
     ] }),
-    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => onReview(advisory.recommendation.change), children: "Review" }) : null
+    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => onReview(advisory.recommendation.change), children: "Review" }) : null
   ] });
 }
 function initialValues(report, recommendedChange) {
@@ -2234,11 +2400,11 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
     document.addEventListener("keydown", dismiss);
     return () => document.removeEventListener("keydown", dismiss);
   }, [onClose]);
-  if (!report) return /* @__PURE__ */ jsx8("section", { ref: panel, class: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: /* @__PURE__ */ jsxs7("header", { children: [
-    /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }),
-    /* @__PURE__ */ jsxs7("span", { children: [
-      /* @__PURE__ */ jsx8("strong", { id: titleId, children: "Harness settings" }),
-      /* @__PURE__ */ jsx8("small", { children: state.interopSettingsError ?? "No interoperability controls are available." })
+  if (!report) return /* @__PURE__ */ jsx9("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: /* @__PURE__ */ jsxs8("header", { children: [
+    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }),
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsx9("strong", { id: titleId, children: "Harness settings" }),
+      /* @__PURE__ */ jsx9("small", { children: state.interopSettingsError ?? "No interoperability controls are available." })
     ] })
   ] }) });
   const changed = report.controls.flatMap((control) => values[control.key] !== (control.configuredValue ?? control.effectiveValue ?? control.choices[0]?.value ?? null) ? [{ key: control.key, value: values[control.key] ?? null }] : []);
@@ -2247,61 +2413,86 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
     if (!changed.length || !state.canConfigureSettings) return;
     adapter.onIntent({ action: "configureHarness", harness: report.harness, changes: changed, expectedRevision: report.revision });
   };
-  return /* @__PURE__ */ jsxs7("section", { ref: panel, class: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ jsxs7("header", { children: [
-      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }),
-      /* @__PURE__ */ jsxs7("span", { children: [
-        /* @__PURE__ */ jsxs7("strong", { id: titleId, children: [
+  return /* @__PURE__ */ jsxs8("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs8("header", { children: [
+      /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsxs8("strong", { id: titleId, children: [
           harnessDisplayName(report.harness),
           " interoperability"
         ] }),
-        /* @__PURE__ */ jsx8("small", { children: "Native harness settings used by Supercode" })
+        /* @__PURE__ */ jsx9("small", { children: "Native harness settings used by Supercode" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7("form", { onSubmit: submit, children: [
+    /* @__PURE__ */ jsxs8("form", { onSubmit: submit, children: [
       report.controls.map((control) => {
         const choice = control.choices.find((item) => item.value === values[control.key]);
         const recommendation = report.advisories.map((advisory) => advisory.recommendation).find((item) => item.change.key === control.key && item.change.value === values[control.key]);
         const consequence = choice?.risk ?? recommendation?.consequence;
-        return /* @__PURE__ */ jsxs7("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
-          /* @__PURE__ */ jsxs7("label", { for: `scui-setting-${control.key}`, children: [
-            /* @__PURE__ */ jsx8("strong", { children: control.label }),
-            /* @__PURE__ */ jsx8("small", { children: control.description })
+        return /* @__PURE__ */ jsxs8("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
+          /* @__PURE__ */ jsxs8("label", { htmlFor: `scui-setting-${control.key}`, children: [
+            /* @__PURE__ */ jsx9("strong", { children: control.label }),
+            /* @__PURE__ */ jsx9("small", { children: control.description })
           ] }),
-          /* @__PURE__ */ jsxs7("select", { id: `scui-setting-${control.key}`, value: values[control.key] ?? "@default", onChange: (event) => setValues((current) => ({ ...current, [control.key]: event.currentTarget.value === "@default" ? null : event.currentTarget.value })), children: [
-            control.resettable ? /* @__PURE__ */ jsx8("option", { value: "@default", children: "Use harness default" }) : null,
-            control.choices.map((item) => /* @__PURE__ */ jsx8("option", { value: item.value, children: item.label }, item.value))
+          /* @__PURE__ */ jsxs8("select", { id: `scui-setting-${control.key}`, value: values[control.key] ?? "@default", onChange: (event) => setValues((current) => ({ ...current, [control.key]: event.currentTarget.value === "@default" ? null : event.currentTarget.value })), children: [
+            control.resettable ? /* @__PURE__ */ jsx9("option", { value: "@default", children: "Use harness default" }) : null,
+            control.choices.map((item) => /* @__PURE__ */ jsx9("option", { value: item.value, children: item.label }, item.value))
           ] }),
-          choice ? /* @__PURE__ */ jsx8("p", { children: choice.description }) : null,
-          consequence ? /* @__PURE__ */ jsxs7("p", { class: "scui-setting-risk", children: [
-            /* @__PURE__ */ jsx8("strong", { children: "Security consequence" }),
+          choice ? /* @__PURE__ */ jsx9("p", { children: choice.description }) : null,
+          consequence ? /* @__PURE__ */ jsxs8("p", { className: "scui-setting-risk", children: [
+            /* @__PURE__ */ jsx9("strong", { children: "Security consequence" }),
             consequence
           ] }) : null,
-          /* @__PURE__ */ jsxs7("small", { class: "scui-setting-source", children: [
+          /* @__PURE__ */ jsxs8("small", { className: "scui-setting-source", children: [
             control.effectiveNote,
             control.sourcePath ? ` Source: ${control.sourcePath}` : ""
           ] })
         ] }, control.key);
       }),
-      /* @__PURE__ */ jsxs7("footer", { children: [
-        /* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx8("button", { type: "submit", disabled: !changed.length || !state.canConfigureSettings || Boolean(state.operation), children: state.operation === "configureHarness" ? "Applying\u2026" : "Apply changes" })
+      /* @__PURE__ */ jsxs8("footer", { children: [
+        /* @__PURE__ */ jsx9("button", { type: "button", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx9("button", { type: "submit", disabled: !changed.length || !state.canConfigureSettings || Boolean(state.operation), children: state.operation === "configureHarness" ? "Applying\u2026" : "Apply changes" })
       ] })
     ] })
   ] });
 }
+function HarnessReadiness({ harnesses, adapter }) {
+  const blocked = harnesses.filter((item) => !item.startable);
+  if (!blocked.length) return null;
+  return /* @__PURE__ */ jsxs8("details", { className: "scui-readiness", open: !harnesses.some((item) => item.startable), children: [
+    /* @__PURE__ */ jsxs8("summary", { children: [
+      blocked.length,
+      " ",
+      blocked.length === 1 ? "harness needs" : "harnesses need",
+      " setup"
+    ] }),
+    /* @__PURE__ */ jsx9("div", { children: blocked.map((item) => /* @__PURE__ */ jsxs8("section", { children: [
+      /* @__PURE__ */ jsx9(HarnessLogo, { id: item.id, size: 25 }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx9("strong", { children: item.label }),
+        /* @__PURE__ */ jsx9("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") }),
+        item.protocol ? /* @__PURE__ */ jsxs8("em", { children: [
+          item.protocol,
+          " \xB7 ",
+          item.runtime
+        ] }) : null
+      ] }),
+      item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+    ] }, item.id)) })
+  ] });
+}
 
 // src/messenger.jsx
-import { jsx as jsx9, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } 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", "configureHarness", "refresh", "loadEarlier", "loadSessions"]);
+var TRACKED_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "detach", "branch", "reduce", "terminal", "export", "steer", "interrupt", "respond", "configureHarness", "refresh", "loadEarlier", "loadSessions"]);
 function Receipt({ state, adapter }) {
   const receipt = state.reductionReceipt;
-  if (receipt) return /* @__PURE__ */ jsx9("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs8("span", { children: [
-    /* @__PURE__ */ jsx9("strong", { children: "Reduced and verified" }),
-    /* @__PURE__ */ jsxs8("small", { children: [
+  if (receipt) return /* @__PURE__ */ jsx10("div", { className: "scui-receipt", children: /* @__PURE__ */ jsxs9("span", { children: [
+    /* @__PURE__ */ jsx10("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs9("small", { children: [
       receipt.sourceTokens.toLocaleString(),
       " \u2192 ",
       receipt.reducedTokens.toLocaleString(),
@@ -2310,27 +2501,27 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs8("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs8("span", { children: [
-      /* @__PURE__ */ jsxs8("strong", { children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs9("div", { className: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs9("span", { children: [
+      /* @__PURE__ */ jsxs9("strong", { children: [
         "Lossless export ready \xB7 ",
         harnessDisplayName(state.exportReceipt.targetHarness)
       ] }),
-      /* @__PURE__ */ jsxs8("small", { children: [
+      /* @__PURE__ */ jsxs9("small", { children: [
         state.exportReceipt.path,
         " \xB7 ",
         state.exportReceipt.files,
         " files"
       ] })
     ] }),
-    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+    /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  if (state.terminalHandoff) return /* @__PURE__ */ jsxs8("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs8("span", { children: [
-      /* @__PURE__ */ jsx9("strong", { children: "Terminal handoff ready" }),
-      /* @__PURE__ */ jsx9("small", { children: state.terminalHandoff.cwd })
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs9("div", { className: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs9("span", { children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx10("small", { children: state.terminalHandoff.cwd })
     ] }),
-    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+    /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
   ] });
   return null;
 }
@@ -2382,7 +2573,7 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
   const dispatch = (item) => {
     setOpen(false);
     if (item.onSelect) item.onSelect();
-    else adapter.onIntent(item.intent);
+    else dispatchConfirmedIntent(adapter, item.intent);
   };
   const navigate = (event) => {
     if (event.key === "Escape") {
@@ -2400,13 +2591,13 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
     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__ */ jsxs8("div", { class: "scui-menu", ref: root, onBlur: (event) => {
+  return /* @__PURE__ */ jsxs9("div", { className: "scui-menu", ref: root, onBlur: (event) => {
     if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
   }, children: [
-    /* @__PURE__ */ jsx9("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__ */ jsx9(UiIcon, { name: "menu", size: 18 }) }),
-    open ? /* @__PURE__ */ jsx9("div", { ref: panel, id: menuId, class: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs8("section", { role: "group", "aria-label": group.label, children: [
-      /* @__PURE__ */ jsx9("strong", { children: group.label }),
-      group.items.map((item) => /* @__PURE__ */ jsx9("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item), children: item.label }, item.key))
+    /* @__PURE__ */ jsx10("button", { ref: trigger, className: "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__ */ jsx10(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx10("div", { ref: panel, id: menuId, className: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs9("section", { role: "group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx10("strong", { children: group.label }),
+      group.items.map((item) => /* @__PURE__ */ jsx10("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item), children: item.label }, item.key))
     ] }, group.label)) }) : null
   ] });
 }
@@ -2419,24 +2610,24 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
-  return /* @__PURE__ */ jsxs8("header", { class: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 28 }),
-    /* @__PURE__ */ jsxs8("span", { class: "scui-head-copy", children: [
-      /* @__PURE__ */ jsx9("strong", { children: title }),
-      /* @__PURE__ */ jsxs8("small", { children: [
+  return /* @__PURE__ */ jsxs9("header", { className: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx10("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 18 }) }),
+    /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsxs9("span", { className: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx10("strong", { children: title }),
+      /* @__PURE__ */ jsxs9("small", { children: [
         harnessDisplayName(harness),
         " \xB7 ",
         status
       ] })
     ] }),
-    HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "chat" }) : null,
-    menu ? /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
-    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx9(UiIcon, { name: "plus", size: 18 }) }),
-    onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
+    HeaderActions ? /* @__PURE__ */ jsx10(HeaderActions, { state, adapter, value: "chat" }) : null,
+    menu ? /* @__PURE__ */ jsx10(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
+    /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx10(UiIcon, { name: "plus", size: 18 }) }),
+    onClose ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx10(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }
-function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels }) {
+function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels, contextCandidates }) {
   const Header = slots.header;
   const HeaderActions = slots.headerActions;
   const memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`;
@@ -2533,29 +2724,29 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
   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 actionState = action ? { ...state, operation: action, canSteer: false, canInterrupt: false, canRespond: false } : state;
   const unreadAfterMessages = state.attention.find((item) => item.key === state.attached?.key)?.afterMessages ?? null;
   const Advisory = components.HarnessAdvisory ?? HarnessAdvisory;
   const SettingsPanel = components.HarnessSettingsPanel ?? HarnessSettingsPanel;
-  return /* @__PURE__ */ jsxs8("section", { class: "scui-chat", children: [
-    Header ? /* @__PURE__ */ jsx9(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx9(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose, onSettings: () => setSettings({ recommendedChange: null }), headerActions: HeaderActions }),
-    actionLabel ? /* @__PURE__ */ jsxs8("div", { class: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx9("i", {}),
+  return /* @__PURE__ */ jsxs9("section", { className: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx10(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx10(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose, onSettings: () => setSettings({ recommendedChange: null }), headerActions: HeaderActions }),
+    actionLabel ? /* @__PURE__ */ jsxs9("div", { className: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx10("i", {}),
       actionLabel
     ] }) : null,
-    state.error ? /* @__PURE__ */ jsxs8("div", { class: "scui-error", role: "alert", children: [
-      /* @__PURE__ */ jsx9("span", { children: state.error }),
-      state.recoverable ? /* @__PURE__ */ jsx9("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
+    state.error ? /* @__PURE__ */ jsxs9("div", { className: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx10("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx10("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx9(Receipt, { state, adapter }),
-    /* @__PURE__ */ jsx9(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
-    /* @__PURE__ */ jsx9(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
-    /* @__PURE__ */ jsx9(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),
-    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx9(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,
-    settings ? /* @__PURE__ */ jsx9(SettingsPanel, { state: actionState, adapter: trackedAdapter, value: state.interopSettings, recommendedChange: settings.recommendedChange, onClose: () => setSettings(null) }) : null
+    /* @__PURE__ */ jsx10(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx10(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
+    /* @__PURE__ */ jsx10(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
+    /* @__PURE__ */ jsx10(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx10(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, contextCandidates, components, onDraftRestored: (id) => setRestoreDraft((value) => value?.id === id ? null : value), onPending: beginPending }, memoryKey) : null,
+    settings ? /* @__PURE__ */ jsx10(SettingsPanel, { state: actionState, adapter: trackedAdapter, value: state.interopSettings, recommendedChange: settings.recommendedChange, onClose: () => setSettings(null) }) : null
   ] });
 }
-function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey, headerActions: HeaderActions }) {
+function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey, headerActions: HeaderActions, contextCandidates, components, navigation }) {
   const startable = state.harnesses.filter((item) => item.startable);
   const startableKey = startable.map((item) => `${item.id}:${item.launchModes?.join(",")}:${item.preferredLaunchMode ?? ""}`).join("\0");
   const remembered = newChatMemory.get(memoryKey) ?? { harness: startable[0]?.id ?? "", draft: "", context: [], images: [], modes: {} };
@@ -2571,6 +2762,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
   const startSequence = useRef7(0);
   const textarea = useRef7(null);
   const selectedHarness = startable.find((item) => item.id === harness) ?? null;
+  const Readiness = components.HarnessReadiness ?? HarnessReadiness;
   const launchModes = selectedHarness?.launchModes?.length ? selectedHarness.launchModes : ["headless"];
   const rememberedMode = modes[harness];
   const mode = launchModes.includes(rememberedMode) ? rememberedMode : launchModes.includes(selectedHarness?.preferredLaunchMode) ? selectedHarness.preferredLaunchMode : launchModes[0];
@@ -2597,6 +2789,19 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
   useEffect8(() => {
     textarea.current?.focus({ preventScroll: true });
   }, []);
+  useEffect8(() => {
+    if (!navigation) return;
+    const nextHarness = startable.some((item) => item.id === navigation.harness) ? navigation.harness : harness;
+    const nextDraft = typeof navigation.draft === "string" ? navigation.draft : draft;
+    const nextContext = mergeContext([], navigation.context ?? []);
+    const nextImages = mergeImages([], navigation.images ?? []);
+    setHarness(nextHarness);
+    setDraft(nextDraft);
+    setContext(nextContext);
+    setImages(nextImages);
+    remember({ harness: nextHarness, draft: nextDraft, context: nextContext, images: nextImages });
+    textarea.current?.focus({ preventScroll: true });
+  }, [navigation?.id]);
   const pickContext = () => {
     if (mode === "terminal" || !adapter.pickContext || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS) return;
     setPicking(true);
@@ -2617,6 +2822,15 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       });
     }).catch((error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
   };
+  const attachCandidate = (picked) => {
+    if (mode === "terminal") return;
+    const attachments = partitionAttachments(picked);
+    const nextContext = mergeContext(context, attachments.context);
+    const nextImages = mergeImages(images, attachments.images);
+    setContext(nextContext);
+    setImages(nextImages);
+    remember({ context: nextContext, images: nextImages });
+  };
   const addImageFiles = (value, source) => {
     const allFiles = Array.from(value ?? []);
     if (!allFiles.length) return false;
@@ -2665,65 +2879,67 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       Promise.resolve(result).catch(() => setStarting((current) => current?.id === id ? null : current));
     }
   };
-  return /* @__PURE__ */ jsxs8("section", { class: "scui-chat", children: [
-    /* @__PURE__ */ jsxs8("header", { class: "scui-head", children: [
-      /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
-      /* @__PURE__ */ jsxs8("span", { class: "scui-head-copy", children: [
-        /* @__PURE__ */ jsx9("strong", { children: labels.newChat }),
-        /* @__PURE__ */ jsx9("small", { children: "No session is created until you send" })
+  return /* @__PURE__ */ jsxs9("section", { className: "scui-chat", children: [
+    /* @__PURE__ */ jsxs9("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 18 }) }),
+      /* @__PURE__ */ jsxs9("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx10("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx10("small", { children: "No session is created until you send" })
       ] }),
-      HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "new" }) : null,
-      onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
+      HeaderActions ? /* @__PURE__ */ jsx10(HeaderActions, { state, adapter, value: "new" }) : null,
+      onClose ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx10(UiIcon, { name: "close", size: 18 }) }) : null
     ] }),
-    starting ? /* @__PURE__ */ jsxs8("div", { class: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx9("i", {}),
+    starting ? /* @__PURE__ */ jsxs9("div", { className: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx10("i", {}),
       mode === "terminal" ? "Opening terminal\u2026" : operationLabel("start")
     ] }) : null,
-    /* @__PURE__ */ jsxs8("div", { class: "scui-new", children: [
-      /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2726" }),
-      /* @__PURE__ */ jsx9("strong", { children: "What should the agent build or fix?" }),
-      /* @__PURE__ */ jsx9("small", { children: "Choose a coding harness and send the first message." })
+    /* @__PURE__ */ jsxs9("div", { className: "scui-new", children: [
+      /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx10("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx10("small", { children: "Choose a coding harness and send the first message." })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { class: "scui-compose", children: [
-      /* @__PURE__ */ jsxs8("label", { class: "scui-harness-picker", children: [
-        /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
-        /* @__PURE__ */ jsx9("span", { children: "Coding harness" }),
-        /* @__PURE__ */ jsx9("select", { value: harness, disabled: Boolean(starting), onChange: (event) => {
+    /* @__PURE__ */ jsxs9("div", { className: "scui-compose", children: [
+      /* @__PURE__ */ jsxs9("label", { className: "scui-harness-picker", children: [
+        /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 24 }),
+        /* @__PURE__ */ jsx10("span", { children: "Coding harness" }),
+        /* @__PURE__ */ jsx10("select", { value: harness, disabled: Boolean(starting), onChange: (event) => {
           const value = event.currentTarget.value;
           setHarness(value);
           remember({ harness: value });
-        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs8("option", { value: item.id, disabled: !item.startable, children: [
+        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs9("option", { value: item.id, disabled: !item.startable, children: [
           item.label,
           item.startable ? "" : " \xB7 unavailable"
         ] }, item.id)) })
       ] }),
-      launchModes.length > 1 ? /* @__PURE__ */ jsxs8("fieldset", { class: "scui-launch-modes", disabled: Boolean(starting), children: [
-        /* @__PURE__ */ jsx9("legend", { children: "Run as" }),
-        launchModes.map((item) => /* @__PURE__ */ jsxs8("label", { children: [
-          /* @__PURE__ */ jsx9("input", { type: "radio", name: `launch-mode-${memoryKey}`, value: item, checked: mode === item, onChange: () => {
+      /* @__PURE__ */ jsx10(Readiness, { harnesses: state.harnesses, state, adapter }),
+      launchModes.length > 1 ? /* @__PURE__ */ jsxs9("fieldset", { className: "scui-launch-modes", disabled: Boolean(starting), children: [
+        /* @__PURE__ */ jsx10("legend", { children: "Run as" }),
+        launchModes.map((item) => /* @__PURE__ */ jsxs9("label", { children: [
+          /* @__PURE__ */ jsx10("input", { type: "radio", name: `launch-mode-${memoryKey}`, value: item, checked: mode === item, onChange: () => {
             const next = { ...modes, [harness]: item };
             setModes(next);
             setPickerError(null);
             remember({ modes: next });
           } }),
-          /* @__PURE__ */ jsxs8("span", { children: [
-            /* @__PURE__ */ jsx9("strong", { children: item === "terminal" ? "Terminal" : "Chat" }),
-            /* @__PURE__ */ jsx9("small", { children: item === "terminal" ? "Interactive tmux session" : "Managed here" })
+          /* @__PURE__ */ jsxs9("span", { children: [
+            /* @__PURE__ */ jsx10("strong", { children: item === "terminal" ? "Terminal" : "Chat" }),
+            /* @__PURE__ */ jsx10("small", { children: item === "terminal" ? "Interactive tmux session" : "Managed here" })
           ] })
         ] }, item))
       ] }) : null,
-      /* @__PURE__ */ jsx9(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+      mode !== "terminal" ? /* @__PURE__ */ jsx10(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }) : null,
+      /* @__PURE__ */ jsx10(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         remember({ images: next });
         return next;
       }) }),
-      /* @__PURE__ */ jsx9(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      /* @__PURE__ */ jsx10(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         remember({ context: next });
         return next;
       }) }),
-      terminalAttachments ? /* @__PURE__ */ jsx9("small", { class: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Chat." }) : pickerError ? /* @__PURE__ */ jsx9("small", { class: "scui-context-error", role: "alert", children: pickerError }) : null,
-      /* @__PURE__ */ jsxs8("div", { class: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
+      terminalAttachments ? /* @__PURE__ */ jsx10("small", { className: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Chat." }) : pickerError ? /* @__PURE__ */ jsx10("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+      /* @__PURE__ */ jsxs9("div", { className: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
         if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
           event.preventDefault();
           setDragging(true);
@@ -2733,8 +2949,8 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       }, onDragLeave: (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) setDragging(false);
       }, onDrop: dropImages, children: [
-        adapter.pickContext ? /* @__PURE__ */ jsx9("button", { class: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: mode === "terminal" || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx9("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "attach", size: 17 }) }) : null,
-        /* @__PURE__ */ jsx9("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) => {
+        adapter.pickContext ? /* @__PURE__ */ jsx10("button", { className: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: mode === "terminal" || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx10("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx10(UiIcon, { name: "attach", size: 17 }) }) : null,
+        /* @__PURE__ */ jsx10("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);
           remember({ draft: value });
@@ -2744,22 +2960,52 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
             send();
           }
         } }),
-        /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("button", { type: "button", class: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting) || terminalAttachments || mode === "terminal" && !draft.trim(), onClick: send, children: starting ? /* @__PURE__ */ jsx9("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "send", size: 17 }) }) })
+        /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10("button", { type: "button", className: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting) || terminalAttachments || mode === "terminal" && !draft.trim(), onClick: send, children: starting ? /* @__PURE__ */ jsx10("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx10(UiIcon, { name: "send", size: 17 }) }) })
       ] })
     ] })
   ] });
 }
-function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
+function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, navigation = null, onViewChange, contextCandidates: candidatesInput = [], labels, components = {}, slots = {} }) {
   const state = useMemo3(() => normalizeUiState(stateInput), [stateInput]);
+  const contextCandidates = useMemo3(() => normalizeAttachmentCandidates(candidatesInput), [candidatesInput]);
   const copy = { ...DEFAULT_LABELS, ...labels };
   const memoryKey = state.workspace || "@default";
   const [view, setViewState] = useState6(initialView ?? (state.attention.length ? "list" : messengerViewMemory.get(memoryKey) ?? (state.attached || state.transcript.length ? "chat" : "list")));
   const [opening, setOpening] = useState6(null);
+  const [newNavigation, setNewNavigation] = useState6(null);
   const [listFocus, setListFocus] = useState6(null);
+  const lastNavigation = useRef7(null);
   const setView = (next) => {
     boundedSet(messengerViewMemory, memoryKey, next);
     setViewState(next);
+    onViewChange?.(next);
   };
+  useEffect8(() => {
+    if (!navigation || navigation.id === lastNavigation.current) return;
+    lastNavigation.current = navigation.id;
+    if (navigation.view === "list") {
+      setOpening(null);
+      setView("list");
+      return;
+    }
+    if (navigation.view === "new") {
+      setListFocus("@new");
+      setNewNavigation(navigation);
+      setView("new");
+      return;
+    }
+    if (navigation.view === "chat" && typeof navigation.sessionKey === "string" && navigation.sessionKey) {
+      setListFocus(navigation.sessionKey);
+      if (state.attached?.key === navigation.sessionKey) {
+        setOpening(null);
+        setView("chat");
+        return;
+      }
+      const row = state.sessions.find((item) => item.key === navigation.sessionKey);
+      setOpening(row ?? { key: navigation.sessionKey, harness: "supercode", name: "Chat", title: "Chat" });
+      adapter.onIntent({ action: "attach", key: navigation.sessionKey });
+    }
+  }, [adapter, navigation, state.attached?.key, state.sessions]);
   useEffect8(() => {
     if (!opening) return;
     if (state.attached?.key === opening.key) {
@@ -2777,40 +3023,46 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
   const close = () => adapter.onClose?.();
   const Footer = slots.footer;
   const HeaderActions = slots.headerActions;
-  return /* @__PURE__ */ jsxs8("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
-    view === "list" ? /* @__PURE__ */ jsx9(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onNew: () => {
+  return /* @__PURE__ */ jsxs9("main", { className: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    view === "list" ? /* @__PURE__ */ jsx10(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onNew: () => {
       setListFocus("@new");
+      setNewNavigation(null);
       setView("new");
-    }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey, headerActions: HeaderActions }) : null,
-    view === "new" ? /* @__PURE__ */ jsx9(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: (mode) => setView(mode === "terminal" ? "list" : "chat"), labels: copy, memoryKey, headerActions: HeaderActions }) : null,
-    view === "chat" ? /* @__PURE__ */ jsx9(Chat, { state, adapter, onBack: () => {
+    }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey, slots, headerActions: HeaderActions }) : null,
+    view === "new" ? /* @__PURE__ */ jsx10(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: (mode) => setView(mode === "terminal" ? "list" : "chat"), labels: copy, memoryKey, headerActions: HeaderActions, contextCandidates, components, navigation: newNavigation }) : null,
+    view === "chat" ? /* @__PURE__ */ jsx10(Chat, { state, adapter, onBack: () => {
       setListFocus(state.attached?.key ?? listFocus);
       setView("list");
     }, onNew: () => {
       setListFocus("@new");
+      setNewNavigation(null);
       setView("new");
-    }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy }) : null,
-    opening ? /* @__PURE__ */ jsxs8("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
-      /* @__PURE__ */ jsx9(HarnessLogo, { id: opening.harness, size: 34 }),
-      /* @__PURE__ */ jsxs8("span", { children: [
-        /* @__PURE__ */ jsxs8("strong", { children: [
+    }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy, contextCandidates }) : null,
+    opening ? /* @__PURE__ */ jsxs9("div", { className: "scui-opening", role: "status", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx10(HarnessLogo, { id: opening.harness, size: 34 }),
+      /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsxs9("strong", { children: [
           "Opening ",
           sessionDisplayName(opening)
         ] }),
-        /* @__PURE__ */ jsx9("small", { children: "Loading the latest transcript window\u2026" })
+        /* @__PURE__ */ jsx10("small", { children: "Loading the latest transcript window\u2026" })
       ] }),
-      /* @__PURE__ */ jsx9("i", {})
+      /* @__PURE__ */ jsx10("i", {})
     ] }) : null,
-    Footer ? /* @__PURE__ */ jsx9(Footer, { state, adapter, value: copy }) : null
+    Footer ? /* @__PURE__ */ jsx10(Footer, { state, adapter, value: copy }) : null
   ] });
 }
 export {
   ActivityGroup,
+  AgentActivityLauncher,
   Composer,
+  ContextCandidate,
+  ContextCandidates,
   ContinuationBar,
   Conversation,
   HarnessAdvisory,
   HarnessLogo,
+  HarnessReadiness,
   HarnessSettingsPanel,
   ImageViewer,
   LoadingStatus,