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

package/messenger.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,16 @@ 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 filterSessions(rows, query) {
   const needle = query.trim().toLocaleLowerCase();
   if (!needle) return [...rows];
@@ -837,7 +871,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) {
@@ -905,7 +939,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
@@ -979,6 +1013,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.`);
@@ -996,7 +1063,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 }) })
@@ -1004,7 +1071,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
@@ -1082,7 +1149,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) => {
@@ -1110,19 +1177,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
         ] })
       ]
@@ -1139,7 +1206,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) => {
@@ -1162,6 +1229,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) {
@@ -1188,28 +1265,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);
@@ -1224,8 +1302,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;
@@ -1277,6 +1357,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;
@@ -1305,9 +1393,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) {
@@ -1320,8 +1416,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"
@@ -1337,6 +1433,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);
@@ -1347,8 +1444,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);
@@ -1358,8 +1455,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);
@@ -1370,8 +1467,9 @@ 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 }) })
       ] })
     ] })
   ] });
@@ -1471,7 +1569,7 @@ 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__ */ jsx4("div", { className: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
 }
 
 // src/conversation.jsx
@@ -1483,28 +1581,28 @@ 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: [
+  return /* @__PURE__ */ jsxs4("div", { className: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx5("span", { className: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("i", {}) }),
+    /* @__PURE__ */ jsxs4("span", { className: "scui-loading-copy", children: [
       /* @__PURE__ */ jsx5("strong", { children: copy[0] }),
       /* @__PURE__ */ jsx5("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__ */ jsx5("span", { className: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx5("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
   ] });
 }
 function RequestCard({ entry, adapter, canRespond }) {
   const request = entry.request;
   if (!request) return null;
   if (request.status === "responded") {
-    return /* @__PURE__ */ jsxs4("div", { class: "scui-request-done", children: [
+    return /* @__PURE__ */ jsxs4("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: [
+  return /* @__PURE__ */ jsxs4("section", { className: "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: [
+    /* @__PURE__ */ jsxs4("div", { className: "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
     ] })
@@ -1512,7 +1610,7 @@ function RequestCard({ entry, adapter, canRespond }) {
 }
 function ContextDisclosure({ context }) {
   if (!context?.length) return null;
-  return /* @__PURE__ */ jsxs4("details", { class: "scui-context", children: [
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-context", children: [
     /* @__PURE__ */ jsxs4("summary", { children: [
       "Context \xB7 ",
       context.length
@@ -1541,7 +1639,7 @@ 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: [
+  return /* @__PURE__ */ jsxs4("footer", { className: "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
   ] });
@@ -1580,7 +1678,7 @@ var TOOL_ICONS = {
 };
 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__ */ jsx5("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__ */ jsx5(Glyph, {}) });
 }
 function toolAction2(entry, category, presentation) {
   if (presentation?.action) return presentation.action;
@@ -1635,7 +1733,7 @@ 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__ */ jsx5("div", { className: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx5("span", { children: metric }, metric)) }) : null;
 }
 function PendingElapsed({ now }) {
   const clock = now ?? Date.now;
@@ -1645,11 +1743,11 @@ function PendingElapsed({ now }) {
     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__ */ jsx5("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__ */ jsx5("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 }),
@@ -1658,7 +1756,7 @@ function LinePreview({ value, kind }) {
   }) });
 }
 function TerminalPreview({ presentation, pending, failed }) {
-  return /* @__PURE__ */ jsxs4("section", { class: "scui-terminal", children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-terminal", children: [
     /* @__PURE__ */ jsxs4("header", { children: [
       /* @__PURE__ */ jsxs4("span", { "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx5("i", {}),
@@ -1667,15 +1765,15 @@ function TerminalPreview({ presentation, pending, failed }) {
       ] }),
       /* @__PURE__ */ jsx5("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: [
+    presentation.preview ? /* @__PURE__ */ jsx5("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs4("div", { className: "scui-terminal-wait", children: [
       /* @__PURE__ */ jsx5("i", {}),
       " Waiting for output"
-    ] }) : /* @__PURE__ */ jsx5("div", { class: "scui-terminal-empty", children: "No output" })
+    ] }) : /* @__PURE__ */ jsx5("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: [
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-search-preview", children: [
     presentation.query ? /* @__PURE__ */ jsxs4("header", { children: [
       /* @__PURE__ */ jsx5("span", { children: "Search" }),
       /* @__PURE__ */ jsx5("code", { children: presentation.query })
@@ -1697,22 +1795,22 @@ 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 === "diff") return presentation.preview ? /* @__PURE__ */ jsx5(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx5("div", { className: "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", { className: "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: [
+  if (presentation.detail === "web") return /* @__PURE__ */ jsxs4("section", { className: "scui-web-preview", children: [
     presentation.url ? /* @__PURE__ */ jsx5("code", { children: presentation.url }) : null,
     presentation.preview ? /* @__PURE__ */ jsx5("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx5("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
   ] });
-  if (presentation.detail === "agent") return /* @__PURE__ */ 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: [
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx5("section", { className: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx5("ol", { className: "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: [
+  if (presentation.detail === "plan") return /* @__PURE__ */ jsx5("ol", { className: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs4("li", { "data-status": item.status, children: [
     /* @__PURE__ */ jsx5("i", { "aria-hidden": "true" }),
     /* @__PURE__ */ jsx5("span", { children: item.label })
   ] }, `${item.label}:${index}`)) });
-  return presentation.preview ? /* @__PURE__ */ jsx5("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
+  return presentation.preview ? /* @__PURE__ */ jsx5("pre", { className: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
 }
 function ToolActions({ presentation, adapter }) {
   const [copied, setCopied] = useState3(false);
@@ -1726,15 +1824,15 @@ 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__ */ jsx5("div", { className: "scui-tool-actions", children: /* @__PURE__ */ jsx5("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
 }
 function ToolStack({ tools }) {
   if (tools.length < 2) return null;
-  return /* @__PURE__ */ 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__ */ jsx5("div", { className: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx5("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
 }
 function TechnicalDetails({ entry }) {
   if (!entry.arguments && !entry.resultText) return null;
-  return /* @__PURE__ */ jsxs4("details", { class: "scui-tool-technical", children: [
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-tool-technical", children: [
     /* @__PURE__ */ jsx5("summary", { children: "Technical details" }),
     /* @__PURE__ */ jsxs4("div", { children: [
       entry.arguments ? /* @__PURE__ */ jsxs4("section", { children: [
@@ -1757,17 +1855,17 @@ function TechnicalDetails({ entry }) {
 function TranscriptEntry({ entry, state, adapter }) {
   if (entry.role === "request") return /* @__PURE__ */ jsx5(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
-    return /* @__PURE__ */ jsxs4("details", { class: "scui-reasoning", open: entry.streaming, children: [
+    return /* @__PURE__ */ jsxs4("details", { className: "scui-reasoning", open: entry.streaming, children: [
       /* @__PURE__ */ jsx5("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
       /* @__PURE__ */ jsx5(Markdown, { value: entry.text, copyText: adapter?.copyText })
     ] });
   }
-  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ 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: [
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx5("div", { className: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs4("article", { className: "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,
+    entry.truncated ? /* @__PURE__ */ jsx5("small", { className: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
     /* @__PURE__ */ jsx5(MessageMeta, { entry, adapter })
   ] });
 }
@@ -1783,20 +1881,20 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
   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" }),
+    target ? /* @__PURE__ */ jsx5("code", { className: "scui-tool-target", title: presentation.target, children: target }) : null,
+    /* @__PURE__ */ jsx5("span", { className: "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
+    /* @__PURE__ */ jsx5("span", { className: "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, 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: [
+  if (!hasDetail) return /* @__PURE__ */ jsx5("div", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx5("div", { className: "scui-tool-head", children: summary }) });
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsx5("summary", { className: "scui-tool-head", children: summary }),
+    /* @__PURE__ */ jsxs4("div", { className: "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: [
+      presentation.fields.length ? /* @__PURE__ */ jsx5("dl", { className: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs4("div", { children: [
         /* @__PURE__ */ jsx5("dt", { children: field.label }),
         /* @__PURE__ */ jsx5("dd", { children: field.value })
       ] }, field.label)) }) : null,
@@ -1806,18 +1904,18 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
   ] });
 }
 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__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
   const active = entries.some((entry) => entry.status === "pending");
   const [open, setOpen] = useState3(active);
   const id = useId();
   useEffect4(() => {
     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 }) }),
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-activity", children: [
+    /* @__PURE__ */ jsxs4("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx5("span", { className: "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__ */ jsx5("span", { className: "scui-spacer" }),
       /* @__PURE__ */ jsxs4("small", { children: [
         entries.filter((entry) => entry.status !== "pending").length,
         "/",
@@ -1830,7 +1928,7 @@ function ActivityGroup({ entries, state, adapter }) {
 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: [
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-plan", children: [
     /* @__PURE__ */ jsxs4("summary", { children: [
       /* @__PURE__ */ jsx5("span", { children: "Plan" }),
       /* @__PURE__ */ jsxs4("small", { children: [
@@ -1848,7 +1946,7 @@ function TaskPlan({ plan }) {
 }
 function SessionDetails({ semantics }) {
   if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
-  return /* @__PURE__ */ jsxs4("details", { class: "scui-details", children: [
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-details", children: [
     /* @__PURE__ */ jsx5("summary", { children: "Session details" }),
     /* @__PURE__ */ jsxs4("div", { children: [
       semantics.fidelity ? /* @__PURE__ */ jsxs4("p", { children: [
@@ -1894,7 +1992,7 @@ function ConversationAnnouncements({ state }) {
     }
     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__ */ jsx5("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);
@@ -1943,9 +2041,9 @@ 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: [
+  return /* @__PURE__ */ jsxs4("div", { className: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx5(ConversationAnnouncements, { state }),
-    /* @__PURE__ */ jsx5("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
+    /* @__PURE__ */ jsx5("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);
@@ -1954,19 +2052,19 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       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: () => {
+      state.history.hasEarlier ? /* @__PURE__ */ jsx5("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.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx5(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx5("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__ */ 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,
+        index === unreadBlock ? /* @__PURE__ */ jsx5("div", { className: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx5("span", { children: "New" }) }) : null,
         block.kind === "activity" ? /* @__PURE__ */ jsx5(Group, { value: block.entries, entries: block.entries, state, adapter }) : /* @__PURE__ */ jsx5(Entry, { value: block.entry, entry: block.entry, state, adapter })
       ] }, block.id)),
-      pendingMessage ? /* @__PURE__ */ jsxs4("article", { class: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
+      pendingMessage ? /* @__PURE__ */ jsxs4("article", { className: "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 }),
@@ -1978,7 +2076,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
           ] }) : null
         ] })
       ] }) : null,
-      state.busy ? /* @__PURE__ */ jsxs4("div", { class: "scui-working", role: "status", children: [
+      state.busy ? /* @__PURE__ */ jsxs4("div", { className: "scui-working", role: "status", children: [
         /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2726" }),
         /* @__PURE__ */ jsx5("i", {}),
         /* @__PURE__ */ jsx5("i", {}),
@@ -1990,7 +2088,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       ] }) : null,
       After ? /* @__PURE__ */ jsx5(After, { state, adapter, value: null }) : null
     ] }) }),
-    !atBottom ? /* @__PURE__ */ jsxs4("button", { class: "scui-latest", type: "button", onClick: pin, children: [
+    !atBottom ? /* @__PURE__ */ jsxs4("button", { className: "scui-latest", type: "button", onClick: pin, children: [
       /* @__PURE__ */ jsx5(UiIcon, { name: "down", size: 13 }),
       " Latest"
     ] }) : null
@@ -2004,13 +2102,13 @@ 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" }]
+      ["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", { "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" }]
+      ["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: {
@@ -2030,7 +2128,7 @@ var LOGOS = {
   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", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
       ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
     ]
   },
@@ -2040,17 +2138,22 @@ var LOGOS = {
     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" }]
+      ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", strokeWidth: "4" }]
     ]
   }
 };
+var SVG_ATTRIBUTE_NAMES = Object.freeze({
+  clipRule: "clip-rule",
+  fillRule: "fill-rule",
+  strokeWidth: "stroke-width"
+});
 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: [
+  return /* @__PURE__ */ jsxs5("span", { className: "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
   ] });
@@ -2081,20 +2184,20 @@ 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: [
+  return /* @__PURE__ */ jsxs6("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__ */ 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__ */ jsxs6("span", { className: "scui-session-copy", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [
         /* @__PURE__ */ jsx7("strong", { children: title }),
-        /* @__PURE__ */ jsx7("span", { class: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("time", { children: age }) : null })
+        /* @__PURE__ */ jsx7("span", { className: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("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__ */ jsxs6("small", { className: "scui-session-path", title: row.cwd, children: [
+        /* @__PURE__ */ jsx7("span", { className: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx7("span", { className: "scui-session-path-separator", children: path.separator }) : null,
+        path.trailing ? /* @__PURE__ */ jsx7("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: [
+      working || preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { className: "scui-session-preview", children: [
+        working ? /* @__PURE__ */ jsxs6("span", { className: "scui-session-working", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsx7("i", {}),
           /* @__PURE__ */ jsx7("i", {}),
           /* @__PURE__ */ jsx7("i", {})
@@ -2106,7 +2209,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
     ] })
   ] });
 }
-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);
@@ -2115,6 +2218,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]);
@@ -2138,9 +2243,9 @@ 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: [
+  return /* @__PURE__ */ jsxs6("section", { className: "scui-list", ref: root, children: [
+    /* @__PURE__ */ jsxs6("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "scui-head-copy", children: [
         /* @__PURE__ */ jsx7("strong", { children: labels.chats }),
         /* @__PURE__ */ jsxs6("small", { children: [
           state.sessions.length,
@@ -2152,7 +2257,7 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
       onClose ? /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx7(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: [
+    state.sessions.length > 4 ? /* @__PURE__ */ jsxs6("label", { className: "scui-search", children: [
       /* @__PURE__ */ jsx7(UiIcon, { name: "search", size: 15 }),
       /* @__PURE__ */ jsx7("input", { type: "search", "aria-label": labels.searchChats, placeholder: labels.searchChats, value: query, onInput: (event) => {
         const value = event.currentTarget.value;
@@ -2162,10 +2267,12 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
       } }),
       /* @__PURE__ */ jsx7("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,
+    /* @__PURE__ */ jsxs6("div", { className: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
+      BeforeSessions ? /* @__PURE__ */ jsx7(BeforeSessions, { state, adapter, value: { query, rows } }) : null,
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx7("div", { className: "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
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx7("button", { className: "scui-load", type: "button", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading older chats\u2026" : "Load older chats" }) : null,
+      AfterSessions ? /* @__PURE__ */ jsx7(AfterSessions, { state, adapter, value: { query, rows } }) : null
     ] })
   ] });
 }
@@ -2176,7 +2283,7 @@ import { jsx as jsx8, jsxs as jsxs7 } 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: [
+  return /* @__PURE__ */ jsxs7("div", { className: "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" }),
@@ -2210,7 +2317,7 @@ 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: [
+  if (!report) return /* @__PURE__ */ jsx8("section", { ref: panel, className: "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" }),
@@ -2223,7 +2330,7 @@ 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: [
+  return /* @__PURE__ */ jsxs7("section", { ref: panel, className: "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: [
@@ -2240,7 +2347,7 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
         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__ */ jsxs7("label", { htmlFor: `scui-setting-${control.key}`, children: [
             /* @__PURE__ */ jsx8("strong", { children: control.label }),
             /* @__PURE__ */ jsx8("small", { children: control.description })
           ] }),
@@ -2249,11 +2356,11 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
             control.choices.map((item) => /* @__PURE__ */ jsx8("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: [
+          consequence ? /* @__PURE__ */ jsxs7("p", { className: "scui-setting-risk", children: [
             /* @__PURE__ */ jsx8("strong", { children: "Security consequence" }),
             consequence
           ] }) : null,
-          /* @__PURE__ */ jsxs7("small", { class: "scui-setting-source", children: [
+          /* @__PURE__ */ jsxs7("small", { className: "scui-setting-source", children: [
             control.effectiveNote,
             control.sourcePath ? ` Source: ${control.sourcePath}` : ""
           ] })
@@ -2266,16 +2373,41 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
     ] })
   ] });
 }
+function HarnessReadiness({ harnesses, adapter }) {
+  const blocked = harnesses.filter((item) => !item.startable);
+  if (!blocked.length) return null;
+  return /* @__PURE__ */ jsxs7("details", { className: "scui-readiness", open: !harnesses.some((item) => item.startable), children: [
+    /* @__PURE__ */ jsxs7("summary", { children: [
+      blocked.length,
+      " ",
+      blocked.length === 1 ? "harness needs" : "harnesses need",
+      " setup"
+    ] }),
+    /* @__PURE__ */ jsx8("div", { children: blocked.map((item) => /* @__PURE__ */ jsxs7("section", { children: [
+      /* @__PURE__ */ jsx8(HarnessLogo, { id: item.id, size: 25 }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx8("strong", { children: item.label }),
+        /* @__PURE__ */ jsx8("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") }),
+        item.protocol ? /* @__PURE__ */ jsxs7("em", { children: [
+          item.protocol,
+          " \xB7 ",
+          item.runtime
+        ] }) : null
+      ] }),
+      item.repair ? /* @__PURE__ */ jsx8("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";
 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: [
+  if (receipt) return /* @__PURE__ */ jsx9("div", { className: "scui-receipt", children: /* @__PURE__ */ jsxs8("span", { children: [
     /* @__PURE__ */ jsx9("strong", { children: "Reduced and verified" }),
     /* @__PURE__ */ jsxs8("small", { children: [
       receipt.sourceTokens.toLocaleString(),
@@ -2286,7 +2418,7 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs8("div", { class: "scui-receipt", children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs8("div", { className: "scui-receipt", children: [
     /* @__PURE__ */ jsxs8("span", { children: [
       /* @__PURE__ */ jsxs8("strong", { children: [
         "Lossless export ready \xB7 ",
@@ -2301,7 +2433,7 @@ function Receipt({ state, adapter }) {
     ] }),
     /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  if (state.terminalHandoff) return /* @__PURE__ */ jsxs8("div", { class: "scui-receipt", children: [
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs8("div", { className: "scui-receipt", children: [
     /* @__PURE__ */ jsxs8("span", { children: [
       /* @__PURE__ */ jsx9("strong", { children: "Terminal handoff ready" }),
       /* @__PURE__ */ jsx9("small", { children: state.terminalHandoff.cwd })
@@ -2358,7 +2490,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") {
@@ -2376,11 +2508,11 @@ 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__ */ jsxs8("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("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__ */ jsx9(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx9("div", { ref: panel, id: menuId, className: "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))
     ] }, group.label)) }) : null
@@ -2395,10 +2527,10 @@ 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: [
+  return /* @__PURE__ */ jsxs8("header", { className: "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__ */ jsxs8("span", { className: "scui-head-copy", children: [
       /* @__PURE__ */ jsx9("strong", { children: title }),
       /* @__PURE__ */ jsxs8("small", { children: [
         harnessDisplayName(harness),
@@ -2412,7 +2544,7 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
     onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(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}`;
@@ -2509,17 +2641,17 @@ 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: [
+  return /* @__PURE__ */ jsxs8("section", { className: "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: [
+    actionLabel ? /* @__PURE__ */ jsxs8("div", { className: "scui-operation", role: "status", children: [
       /* @__PURE__ */ jsx9("i", {}),
       actionLabel
     ] }) : null,
-    state.error ? /* @__PURE__ */ jsxs8("div", { class: "scui-error", role: "alert", children: [
+    state.error ? /* @__PURE__ */ jsxs8("div", { className: "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
     ] }) : null,
@@ -2527,11 +2659,11 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
     /* @__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,
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx9(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__ */ jsx9(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: {} };
@@ -2547,6 +2679,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];
@@ -2573,6 +2706,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);
@@ -2593,6 +2739,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;
@@ -2641,27 +2796,27 @@ 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: [
+  return /* @__PURE__ */ jsxs8("section", { className: "scui-chat", children: [
+    /* @__PURE__ */ jsxs8("header", { className: "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__ */ jsxs8("span", { className: "scui-head-copy", children: [
         /* @__PURE__ */ jsx9("strong", { children: labels.newChat }),
         /* @__PURE__ */ jsx9("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
     ] }),
-    starting ? /* @__PURE__ */ jsxs8("div", { class: "scui-operation", role: "status", children: [
+    starting ? /* @__PURE__ */ jsxs8("div", { className: "scui-operation", role: "status", children: [
       /* @__PURE__ */ jsx9("i", {}),
       mode === "terminal" ? "Opening terminal\u2026" : operationLabel("start")
     ] }) : null,
-    /* @__PURE__ */ jsxs8("div", { class: "scui-new", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "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__ */ jsxs8("div", { class: "scui-compose", children: [
-      /* @__PURE__ */ jsxs8("label", { class: "scui-harness-picker", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "scui-compose", children: [
+      /* @__PURE__ */ jsxs8("label", { className: "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) => {
@@ -2673,7 +2828,8 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
           item.startable ? "" : " \xB7 unavailable"
         ] }, item.id)) })
       ] }),
-      launchModes.length > 1 ? /* @__PURE__ */ jsxs8("fieldset", { class: "scui-launch-modes", disabled: Boolean(starting), children: [
+      /* @__PURE__ */ jsx9(Readiness, { harnesses: state.harnesses, state, adapter }),
+      launchModes.length > 1 ? /* @__PURE__ */ jsxs8("fieldset", { className: "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: () => {
@@ -2688,6 +2844,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
           ] })
         ] }, item))
       ] }) : null,
+      mode !== "terminal" ? /* @__PURE__ */ jsx9(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }) : null,
       /* @__PURE__ */ jsx9(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         remember({ images: next });
@@ -2698,8 +2855,8 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
         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__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Chat." }) : pickerError ? /* @__PURE__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+      /* @__PURE__ */ jsxs8("div", { className: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
         if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
           event.preventDefault();
           setDragging(true);
@@ -2709,7 +2866,7 @@ 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,
+        adapter.pickContext ? /* @__PURE__ */ jsx9("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__ */ jsx9("i", { className: "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) => {
           const value = event.currentTarget.value;
           setDraft(value);
@@ -2720,22 +2877,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__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("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__ */ jsx9("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(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) {
@@ -2753,20 +2940,22 @@ 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: [
+  return /* @__PURE__ */ jsxs8("main", { className: `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: () => {
       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,
+    }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey, slots, 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, contextCandidates, components, navigation: newNavigation }) : null,
     view === "chat" ? /* @__PURE__ */ jsx9(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: [
+    }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy, contextCandidates }) : null,
+    opening ? /* @__PURE__ */ jsxs8("div", { className: "scui-opening", role: "status", "aria-busy": "true", children: [
       /* @__PURE__ */ jsx9(HarnessLogo, { id: opening.harness, size: 34 }),
       /* @__PURE__ */ jsxs8("span", { children: [
         /* @__PURE__ */ jsxs8("strong", { children: [