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

package/conversation.mjs

@@ -33,6 +33,7 @@ var EMPTY_UI_STATE = Object.freeze({
   mode: "none",
   strategy: null,
   canSend: false,
+  canSteer: false,
   canResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
@@ -429,6 +430,16 @@ function createToolPresentation(entry) {
 function harnessDisplayName(id) {
   return HARNESS_NAMES[id] ?? id;
 }
+var ACTIVITY_PRIORITY = Object.freeze({
+  "needs-input": 70,
+  failed: 60,
+  working: 50,
+  unseen: 40,
+  finished: 30,
+  running: 20,
+  recent: 10,
+  idle: 0
+});
 function groupConversation(entries) {
   const blocks = [];
   for (const entry of entries) {
@@ -566,7 +577,7 @@ function Markdown({ value, copyText }) {
     }, 1500);
     resets.current.set(button, timer);
   };
-  return /* @__PURE__ */ jsx("div", { class: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
+  return /* @__PURE__ */ jsx("div", { className: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
 }
 
 // src/memory.js
@@ -623,7 +634,7 @@ var ICONS = {
 function UiIcon({ name, size = 16, class: className = "" }) {
   const Glyph = ICONS[name];
   if (!Glyph) return null;
-  return /* @__PURE__ */ jsx2("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__ */ jsx2(Glyph, {}) });
+  return /* @__PURE__ */ jsx2("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__ */ jsx2(Glyph, {}) });
 }
 
 // src/context.jsx
@@ -703,7 +714,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) => {
@@ -731,19 +742,19 @@ function ImageViewer({ items, index, adapter, onChange, onClose }) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs2("figure", { children: [
-          imageUrl ? /* @__PURE__ */ jsx3("img", { src: imageUrl, alt: item.label }) : resolution?.status === "error" ? /* @__PURE__ */ jsxs2("div", { class: "scui-image-resolution", role: "alert", children: [
+          imageUrl ? /* @__PURE__ */ jsx3("img", { src: imageUrl, alt: item.label }) : resolution?.status === "error" ? /* @__PURE__ */ jsxs2("div", { className: "scui-image-resolution", role: "alert", children: [
             /* @__PURE__ */ jsx3(UiIcon, { name: "image", size: 28 }),
             /* @__PURE__ */ jsx3("strong", { children: "Could not load image" }),
             /* @__PURE__ */ jsx3("small", { children: resolution.message }),
             /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => resolve(item, true), children: "Retry" })
-          ] }) : /* @__PURE__ */ jsxs2("div", { class: "scui-image-resolution", role: "status", children: [
-            /* @__PURE__ */ jsx3("i", { class: "scui-control-spinner" }),
+          ] }) : /* @__PURE__ */ jsxs2("div", { className: "scui-image-resolution", role: "status", children: [
+            /* @__PURE__ */ jsx3("i", { className: "scui-control-spinner" }),
             /* @__PURE__ */ jsx3("strong", { children: "Loading image\u2026" }),
             /* @__PURE__ */ jsx3("small", { children: "The original stays out of the transcript payload." })
           ] }),
           items.length > 1 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-            /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-image-previous", "aria-label": "Previous image", onClick: () => move(-1), children: /* @__PURE__ */ jsx3(UiIcon, { name: "chevron", size: 19 }) }),
-            /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-image-next", "aria-label": "Next image", onClick: () => move(1), children: /* @__PURE__ */ jsx3(UiIcon, { name: "chevron", size: 19 }) })
+            /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-image-previous", "aria-label": "Previous image", onClick: () => move(-1), children: /* @__PURE__ */ jsx3(UiIcon, { name: "chevron", size: 19 }) }),
+            /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-image-next", "aria-label": "Next image", onClick: () => move(1), children: /* @__PURE__ */ jsx3(UiIcon, { name: "chevron", size: 19 }) })
           ] }) : null
         ] })
       ]
@@ -760,7 +771,7 @@ function MessageImages({ items, adapter }) {
     requestAnimationFrame(() => opener.current?.focus({ preventScroll: true }));
   };
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx3("div", { class: "scui-message-images", "aria-label": "Message images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `View image ${item.label}`, onClick: (event) => {
+    /* @__PURE__ */ jsx3("div", { className: "scui-message-images", "aria-label": "Message images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `View image ${item.label}`, onClick: (event) => {
       opener.current = event.currentTarget;
       setActive(viewable.indexOf(item));
     }, children: /* @__PURE__ */ jsx3("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) => {
@@ -792,28 +803,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__ */ jsxs3("div", { class: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
-    /* @__PURE__ */ jsx4("span", { class: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("i", {}) }),
-    /* @__PURE__ */ jsxs3("span", { class: "scui-loading-copy", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx4("span", { className: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("i", {}) }),
+    /* @__PURE__ */ jsxs3("span", { className: "scui-loading-copy", children: [
       /* @__PURE__ */ jsx4("strong", { children: copy[0] }),
       /* @__PURE__ */ jsx4("small", { children: copy[1] })
     ] }),
-    /* @__PURE__ */ jsx4("span", { class: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx4("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
+    /* @__PURE__ */ jsx4("span", { className: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx4("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
   ] });
 }
 function RequestCard({ entry, adapter, canRespond }) {
   const request = entry.request;
   if (!request) return null;
   if (request.status === "responded") {
-    return /* @__PURE__ */ jsxs3("div", { class: "scui-request-done", children: [
+    return /* @__PURE__ */ jsxs3("div", { className: "scui-request-done", children: [
       "\u2713 Request answered \xB7 ",
       request.resolution?.name ?? request.requestKind
     ] });
   }
-  return /* @__PURE__ */ jsxs3("section", { class: "scui-request", role: "alert", "aria-label": `${request.requestKind} needs input`, children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "scui-request", role: "alert", "aria-label": `${request.requestKind} needs input`, children: [
     /* @__PURE__ */ jsx4("strong", { children: "Agent needs input" }),
     /* @__PURE__ */ jsx4(Markdown, { value: request.payloadText || entry.text, copyText: adapter?.copyText }),
-    /* @__PURE__ */ jsxs3("div", { class: "scui-request-actions", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "scui-request-actions", children: [
       request.options.map((option) => /* @__PURE__ */ jsx4("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
       request.cancellable ? /* @__PURE__ */ jsx4("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: null }), children: "Cancel" }) : null
     ] })
@@ -821,7 +832,7 @@ function RequestCard({ entry, adapter, canRespond }) {
 }
 function ContextDisclosure({ context }) {
   if (!context?.length) return null;
-  return /* @__PURE__ */ jsxs3("details", { class: "scui-context", children: [
+  return /* @__PURE__ */ jsxs3("details", { className: "scui-context", children: [
     /* @__PURE__ */ jsxs3("summary", { children: [
       "Context \xB7 ",
       context.length
@@ -850,7 +861,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__ */ jsxs3("footer", { class: "scui-message-meta", children: [
+  return /* @__PURE__ */ jsxs3("footer", { className: "scui-message-meta", children: [
     validDate ? /* @__PURE__ */ jsx4("time", { dateTime: validDate.toISOString(), title: validDate.toLocaleString(), children: validDate.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) }) : null,
     adapter?.copyText && entry.text ? /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": copyLabel, title: copyLabel, onClick: copy, "data-status": copyState, children: /* @__PURE__ */ jsx4(UiIcon, { name: "copy", size: 13 }) }) : null
   ] });
@@ -889,7 +900,7 @@ var TOOL_ICONS = {
 };
 function ToolIcon({ category }) {
   const Glyph = TOOL_ICONS[category] ?? TOOL_ICONS.other;
-  return /* @__PURE__ */ jsx4("svg", { class: "scui-tool-icon", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.35", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(Glyph, {}) });
+  return /* @__PURE__ */ jsx4("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__ */ jsx4(Glyph, {}) });
 }
 function toolAction2(entry, category, presentation) {
   if (presentation?.action) return presentation.action;
@@ -944,7 +955,7 @@ function ToolMetrics({ presentation }) {
     presentation.exitCode === null ? "" : `exit ${presentation.exitCode}`,
     formatDuration(presentation.durationMs)
   ].filter(Boolean);
-  return metrics.length ? /* @__PURE__ */ jsx4("div", { class: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx4("span", { children: metric }, metric)) }) : null;
+  return metrics.length ? /* @__PURE__ */ jsx4("div", { className: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx4("span", { children: metric }, metric)) }) : null;
 }
 function PendingElapsed({ now }) {
   const clock = now ?? Date.now;
@@ -954,11 +965,11 @@ function PendingElapsed({ now }) {
     const timer = setInterval(() => setElapsed(Math.max(0, clock() - started.current)), 1e3);
     return () => clearInterval(timer);
   }, [clock]);
-  return /* @__PURE__ */ jsx4("small", { class: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
+  return /* @__PURE__ */ jsx4("small", { className: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
 }
 function LinePreview({ value, kind }) {
   if (!value) return null;
-  return /* @__PURE__ */ jsx4("ol", { class: "scui-code-preview", "data-kind": kind, children: stripAnsi(value).split("\n").map((line, index) => {
+  return /* @__PURE__ */ jsx4("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__ */ jsxs3("li", { "data-tone": tone, children: [
       /* @__PURE__ */ jsx4("span", { children: index + 1 }),
@@ -967,7 +978,7 @@ function LinePreview({ value, kind }) {
   }) });
 }
 function TerminalPreview({ presentation, pending, failed }) {
-  return /* @__PURE__ */ jsxs3("section", { class: "scui-terminal", children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "scui-terminal", children: [
     /* @__PURE__ */ jsxs3("header", { children: [
       /* @__PURE__ */ jsxs3("span", { "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx4("i", {}),
@@ -976,15 +987,15 @@ function TerminalPreview({ presentation, pending, failed }) {
       ] }),
       /* @__PURE__ */ jsx4("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
     ] }),
-    presentation.preview ? /* @__PURE__ */ jsx4("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs3("div", { class: "scui-terminal-wait", children: [
+    presentation.preview ? /* @__PURE__ */ jsx4("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs3("div", { className: "scui-terminal-wait", children: [
       /* @__PURE__ */ jsx4("i", {}),
       " Waiting for output"
-    ] }) : /* @__PURE__ */ jsx4("div", { class: "scui-terminal-empty", children: "No output" })
+    ] }) : /* @__PURE__ */ jsx4("div", { className: "scui-terminal-empty", children: "No output" })
   ] });
 }
 function SearchPreview({ presentation }) {
   const lines = stripAnsi(presentation.preview).split("\n").filter(Boolean);
-  return /* @__PURE__ */ jsxs3("section", { class: "scui-search-preview", children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "scui-search-preview", children: [
     presentation.query ? /* @__PURE__ */ jsxs3("header", { children: [
       /* @__PURE__ */ jsx4("span", { children: "Search" }),
       /* @__PURE__ */ jsx4("code", { children: presentation.query })
@@ -1006,22 +1017,22 @@ function ToolPreview({ presentation, entry }) {
   const pending = entry.status === "pending";
   const failed = entry.status === "error";
   if (presentation.detail === "terminal") return /* @__PURE__ */ jsx4(TerminalPreview, { presentation, pending, failed });
-  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx4(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx4("div", { class: "scui-tool-empty", children: "Edit completed without a textual diff" });
-  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx4(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx4("div", { class: "scui-tool-empty", children: "File contents were not included in this event" });
+  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx4(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx4("div", { className: "scui-tool-empty", children: "Edit completed without a textual diff" });
+  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx4(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx4("div", { className: "scui-tool-empty", children: "File contents were not included in this event" });
   if (presentation.detail === "matches") return /* @__PURE__ */ jsx4(SearchPreview, { presentation });
-  if (presentation.detail === "web") return /* @__PURE__ */ jsxs3("section", { class: "scui-web-preview", children: [
+  if (presentation.detail === "web") return /* @__PURE__ */ jsxs3("section", { className: "scui-web-preview", children: [
     presentation.url ? /* @__PURE__ */ jsx4("code", { children: presentation.url }) : null,
     presentation.preview ? /* @__PURE__ */ jsx4("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx4("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
   ] });
-  if (presentation.detail === "agent") return /* @__PURE__ */ jsx4("section", { class: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx4("ol", { class: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs3("li", { children: [
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx4("section", { className: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx4("ol", { className: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs3("li", { children: [
     /* @__PURE__ */ jsx4("strong", { children: item.label }),
     /* @__PURE__ */ jsx4("small", { children: item.status })
   ] }, `${item.label}:${index}`)) }) : presentation.preview ? /* @__PURE__ */ jsx4("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx4("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
-  if (presentation.detail === "plan") return /* @__PURE__ */ jsx4("ol", { class: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs3("li", { "data-status": item.status, children: [
+  if (presentation.detail === "plan") return /* @__PURE__ */ jsx4("ol", { className: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs3("li", { "data-status": item.status, children: [
     /* @__PURE__ */ jsx4("i", { "aria-hidden": "true" }),
     /* @__PURE__ */ jsx4("span", { children: item.label })
   ] }, `${item.label}:${index}`)) });
-  return presentation.preview ? /* @__PURE__ */ jsx4("pre", { class: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
+  return presentation.preview ? /* @__PURE__ */ jsx4("pre", { className: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
 }
 function ToolActions({ presentation, adapter }) {
   const [copied, setCopied] = useState2(false);
@@ -1035,15 +1046,15 @@ function ToolActions({ presentation, adapter }) {
     clearTimeout(reset.current);
     reset.current = setTimeout(() => setCopied(false), 1500);
   };
-  return action ? /* @__PURE__ */ jsx4("div", { class: "scui-tool-actions", children: /* @__PURE__ */ jsx4("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
+  return action ? /* @__PURE__ */ jsx4("div", { className: "scui-tool-actions", children: /* @__PURE__ */ jsx4("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
 }
 function ToolStack({ tools }) {
   if (tools.length < 2) return null;
-  return /* @__PURE__ */ jsx4("div", { class: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx4("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
+  return /* @__PURE__ */ jsx4("div", { className: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx4("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
 }
 function TechnicalDetails({ entry }) {
   if (!entry.arguments && !entry.resultText) return null;
-  return /* @__PURE__ */ jsxs3("details", { class: "scui-tool-technical", children: [
+  return /* @__PURE__ */ jsxs3("details", { className: "scui-tool-technical", children: [
     /* @__PURE__ */ jsx4("summary", { children: "Technical details" }),
     /* @__PURE__ */ jsxs3("div", { children: [
       entry.arguments ? /* @__PURE__ */ jsxs3("section", { children: [
@@ -1066,17 +1077,17 @@ function TechnicalDetails({ entry }) {
 function TranscriptEntry({ entry, state, adapter }) {
   if (entry.role === "request") return /* @__PURE__ */ jsx4(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
-    return /* @__PURE__ */ jsxs3("details", { class: "scui-reasoning", open: entry.streaming, children: [
+    return /* @__PURE__ */ jsxs3("details", { className: "scui-reasoning", open: entry.streaming, children: [
       /* @__PURE__ */ jsx4("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
       /* @__PURE__ */ jsx4(Markdown, { value: entry.text, copyText: adapter?.copyText })
     ] });
   }
-  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx4("div", { class: "scui-notice", "data-code": entry.code, children: entry.text });
-  return /* @__PURE__ */ jsxs3("article", { class: "scui-message", "data-role": entry.role, "aria-label": `${entry.role === "user" ? "Your" : "Assistant"} message`, children: [
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx4("div", { className: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs3("article", { className: "scui-message", "data-role": entry.role, "aria-label": `${entry.role === "user" ? "Your" : "Assistant"} message`, children: [
     /* @__PURE__ */ jsx4(MessageImages, { items: entry.images, adapter }),
     /* @__PURE__ */ jsx4(Markdown, { value: entry.text, copyText: adapter?.copyText }),
     /* @__PURE__ */ jsx4(ContextDisclosure, { context: entry.context }),
-    entry.truncated ? /* @__PURE__ */ jsx4("small", { class: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
+    entry.truncated ? /* @__PURE__ */ jsx4("small", { className: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
     /* @__PURE__ */ jsx4(MessageMeta, { entry, adapter })
   ] });
 }
@@ -1092,20 +1103,20 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
   const summary = /* @__PURE__ */ jsxs3(Fragment4, { children: [
     /* @__PURE__ */ jsx4(ToolIcon, { category }),
     /* @__PURE__ */ jsx4("strong", { children: toolAction2(entry, category, presentation) }),
-    target ? /* @__PURE__ */ jsx4("code", { class: "scui-tool-target", title: presentation.target, children: target }) : null,
-    /* @__PURE__ */ jsx4("span", { class: "scui-spacer" }),
+    target ? /* @__PURE__ */ jsx4("code", { className: "scui-tool-target", title: presentation.target, children: target }) : null,
+    /* @__PURE__ */ jsx4("span", { className: "scui-spacer" }),
     entry.status === "pending" ? /* @__PURE__ */ jsx4(PendingElapsed, { now: adapter?.now }) : null,
-    /* @__PURE__ */ jsx4("span", { class: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx4("i", {}) : /* @__PURE__ */ jsx4(UiIcon, { name: entry.status === "error" ? "close" : "check", size: 12 }) }),
-    hasDetail ? /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14, class: "scui-tool-chevron" }) : null
+    /* @__PURE__ */ jsx4("span", { className: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx4("i", {}) : /* @__PURE__ */ jsx4(UiIcon, { name: entry.status === "error" ? "close" : "check", size: 12 }) }),
+    hasDetail ? /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14, className: "scui-tool-chevron" }) : null
   ] });
-  if (!hasDetail) return /* @__PURE__ */ jsx4("div", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx4("div", { class: "scui-tool-head", children: summary }) });
-  return /* @__PURE__ */ jsxs3("details", { class: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
-    /* @__PURE__ */ jsx4("summary", { class: "scui-tool-head", children: summary }),
-    /* @__PURE__ */ jsxs3("div", { class: "scui-tool-detail", children: [
+  if (!hasDetail) return /* @__PURE__ */ jsx4("div", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx4("div", { className: "scui-tool-head", children: summary }) });
+  return /* @__PURE__ */ jsxs3("details", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsx4("summary", { className: "scui-tool-head", children: summary }),
+    /* @__PURE__ */ jsxs3("div", { className: "scui-tool-detail", children: [
       /* @__PURE__ */ jsx4(ToolMetrics, { presentation }),
       /* @__PURE__ */ jsx4(ToolStack, { tools: presentation.tools ?? [] }),
       /* @__PURE__ */ jsx4(ToolPreview, { presentation, entry }),
-      presentation.fields.length ? /* @__PURE__ */ jsx4("dl", { class: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs3("div", { children: [
+      presentation.fields.length ? /* @__PURE__ */ jsx4("dl", { className: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs3("div", { children: [
         /* @__PURE__ */ jsx4("dt", { children: field.label }),
         /* @__PURE__ */ jsx4("dd", { children: field.value })
       ] }, field.label)) }) : null,
@@ -1115,18 +1126,18 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
   ] });
 }
 function ActivityGroup({ entries, state, adapter }) {
-  if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { class: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
+  if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
   const active = entries.some((entry) => entry.status === "pending");
   const [open, setOpen] = useState2(active);
   const id = useId();
   useEffect3(() => {
     if (active) setOpen(true);
   }, [active]);
-  return /* @__PURE__ */ jsxs3("section", { class: "scui-activity", children: [
-    /* @__PURE__ */ jsxs3("button", { class: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
-      /* @__PURE__ */ jsx4("span", { class: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14 }) }),
+  return /* @__PURE__ */ jsxs3("section", { className: "scui-activity", children: [
+    /* @__PURE__ */ jsxs3("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx4("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14 }) }),
       /* @__PURE__ */ jsx4("strong", { children: activitySummary(entries) }),
-      /* @__PURE__ */ jsx4("span", { class: "scui-spacer" }),
+      /* @__PURE__ */ jsx4("span", { className: "scui-spacer" }),
       /* @__PURE__ */ jsxs3("small", { children: [
         entries.filter((entry) => entry.status !== "pending").length,
         "/",
@@ -1139,7 +1150,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__ */ jsxs3("details", { class: "scui-plan", children: [
+  return /* @__PURE__ */ jsxs3("details", { className: "scui-plan", children: [
     /* @__PURE__ */ jsxs3("summary", { children: [
       /* @__PURE__ */ jsx4("span", { children: "Plan" }),
       /* @__PURE__ */ jsxs3("small", { children: [
@@ -1157,7 +1168,7 @@ function TaskPlan({ plan }) {
 }
 function SessionDetails({ semantics }) {
   if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
-  return /* @__PURE__ */ jsxs3("details", { class: "scui-details", children: [
+  return /* @__PURE__ */ jsxs3("details", { className: "scui-details", children: [
     /* @__PURE__ */ jsx4("summary", { children: "Session details" }),
     /* @__PURE__ */ jsxs3("div", { children: [
       semantics.fidelity ? /* @__PURE__ */ jsxs3("p", { children: [
@@ -1203,7 +1214,7 @@ function ConversationAnnouncements({ state }) {
     }
     previousBusy.current = state.busy;
   }, [state.busy, state.error, state.harness]);
-  return /* @__PURE__ */ jsx4("span", { class: "scui-sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement });
+  return /* @__PURE__ */ jsx4("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 = useRef3(null);
@@ -1252,9 +1263,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__ */ jsxs3("div", { class: "scui-conversation-wrap", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx4(ConversationAnnouncements, { state }),
-    /* @__PURE__ */ jsx4("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
+    /* @__PURE__ */ jsx4("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);
@@ -1263,19 +1274,19 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       Before ? /* @__PURE__ */ jsx4(Before, { state, adapter, value: null }) : null,
       /* @__PURE__ */ jsx4(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
       /* @__PURE__ */ jsx4(SessionDetails, { semantics: state.semantics }),
-      state.history.hasEarlier ? /* @__PURE__ */ jsx4("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
+      state.history.hasEarlier ? /* @__PURE__ */ jsx4("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__ */ jsx4(LoadingStatus, { state }) : null,
-      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx4(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx4("div", { class: "scui-empty", children: state.error ?? (state.harness ? `${harnessDisplayName(state.harness)} is listening. Say something.` : "No transcript yet.") }) : null,
+      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx4(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx4("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__ */ jsxs3(Fragment3, { children: [
-        index === unreadBlock ? /* @__PURE__ */ jsx4("div", { class: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx4("span", { children: "New" }) }) : null,
+        index === unreadBlock ? /* @__PURE__ */ jsx4("div", { className: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx4("span", { children: "New" }) }) : null,
         block.kind === "activity" ? /* @__PURE__ */ jsx4(Group, { value: block.entries, entries: block.entries, state, adapter }) : /* @__PURE__ */ jsx4(Entry, { value: block.entry, entry: block.entry, state, adapter })
       ] }, block.id)),
-      pendingMessage ? /* @__PURE__ */ jsxs3("article", { class: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
+      pendingMessage ? /* @__PURE__ */ jsxs3("article", { className: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
         /* @__PURE__ */ jsx4(MessageImages, { items: pendingMessage.images, adapter }),
         /* @__PURE__ */ jsx4(Markdown, { value: pendingMessage.text, copyText: adapter?.copyText }),
         /* @__PURE__ */ jsx4(ContextDisclosure, { context: pendingMessage.context }),
@@ -1287,7 +1298,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
           ] }) : null
         ] })
       ] }) : null,
-      state.busy ? /* @__PURE__ */ jsxs3("div", { class: "scui-working", role: "status", children: [
+      state.busy ? /* @__PURE__ */ jsxs3("div", { className: "scui-working", role: "status", children: [
         /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "\u2726" }),
         /* @__PURE__ */ jsx4("i", {}),
         /* @__PURE__ */ jsx4("i", {}),
@@ -1299,7 +1310,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       ] }) : null,
       After ? /* @__PURE__ */ jsx4(After, { state, adapter, value: null }) : null
     ] }) }),
-    !atBottom ? /* @__PURE__ */ jsxs3("button", { class: "scui-latest", type: "button", onClick: pin, children: [
+    !atBottom ? /* @__PURE__ */ jsxs3("button", { className: "scui-latest", type: "button", onClick: pin, children: [
       /* @__PURE__ */ jsx4(UiIcon, { name: "down", size: 13 }),
       " Latest"
     ] }) : null

package/core.d.ts

@@ -1,5 +1,6 @@
 export type {
   AttachedSessionModel,
+  AgentActivityModel,
   ContinuationMode,
   ControlStrategy,
   HarnessId,
@@ -37,6 +38,7 @@ export {
   isSendKey,
   normalizeUiState,
   operationLabel,
+  projectAgentActivity,
   parseSupercodeUiIntent,
   relativeAge,
   sessionActivity,

package/core.mjs

@@ -30,6 +30,7 @@ export const EMPTY_UI_STATE = Object.freeze({
   mode: 'none',
   strategy: null,
   canSend: false,
+  canSteer: false,
   canResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
@@ -771,6 +772,7 @@ export 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,
@@ -804,7 +806,29 @@ export function normalizeUiState(value) {
       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, 4_000) : 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),
@@ -843,6 +867,60 @@ export function sessionActivity(state, row) {
   return 'idle';
 }
 
+const ACTIVITY_PRIORITY = Object.freeze({
+  'needs-input': 70,
+  failed: 60,
+  working: 50,
+  unseen: 40,
+  finished: 30,
+  running: 20,
+  recent: 10,
+  idle: 0,
+});
+
+function activityDetail(activity, preview, pill) {
+  if (preview) return preview;
+  if (activity === 'needs-input') return 'Needs input';
+  if (activity === 'failed') return 'Run failed';
+  if (activity === 'working') return 'Working…';
+  if (activity === 'finished') return 'Finished';
+  if (activity === 'unseen') return 'New reply';
+  if (activity === 'running') return 'Session is running';
+  return pill || 'Agent chats';
+}
+
+/** A stable, host-agnostic projection for overlay launchers and compact activity trays. */
+export function projectAgentActivity(value) {
+  const state = normalizeUiState(value);
+  const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const ranked = state.sessions.map((row, index) => {
+    const activity = sessionActivity(state, row);
+    return {
+      row,
+      index,
+      activity,
+      priority: ACTIVITY_PRIORITY[activity] ?? 0,
+      active: row.active || row.key === state.attached?.key || row.key === state.owned?.key,
+      updatedAt: row.previewUpdatedAt ?? row.updatedAt ?? 0,
+    };
+  }).sort((left, right) => right.priority - left.priority || Number(right.active) - Number(left.active) || right.updatedAt - left.updatedAt || left.index - right.index);
+  const selected = ranked[0];
+  const fallback = state.attached ?? state.owned;
+  const harness = selected?.row.harness ?? fallback?.harness ?? state.harness;
+  const activity = selected?.activity ?? (state.needsInput ? 'needs-input' : state.busy ? 'working' : state.startup === 'ready' ? 'idle' : 'recent');
+  const attention = selected ? attentionByKey.get(selected.row.key) : null;
+  const preview = selected?.row.preview || attention?.preview || '';
+  return {
+    harness,
+    sessionKey: selected?.row.key ?? fallback?.key ?? null,
+    title: selected ? sessionDisplayName(selected.row) : fallback ? sessionDisplayName(fallback) : 'Agent chats',
+    detail: activityDetail(activity, preview, state.pill.label),
+    activity,
+    unreadCount,
+  };
+}
+
 export function filterSessions(rows, query) {
   const needle = query.trim().toLocaleLowerCase();
   if (!needle) return [...rows];
@@ -908,7 +986,7 @@ export function canContinueHere(state) {
 
 export function operationLabel(operation) {
   if (!operation) return '';
-  const labels = { discover: 'Refreshing chats…', observe: 'Loading recent messages…', attach: 'Opening chat…', start: 'Starting new chat…', resume: 'Continuing here…', join: 'Joining live session…', detach: 'Detaching to read-only…', branch: 'Starting continuation…', reduce: 'Reducing context and verifying reversibility…', terminal: 'Preparing terminal handoff…', export: 'Exporting losslessly…', interrupt: 'Stopping agent…', respond: 'Sending response…', configureHarness: 'Updating harness settings…', loadEarlier: 'Loading earlier messages…', loadSessions: 'Loading more chats…', refresh: 'Retrying…' };
+  const labels = { discover: 'Refreshing chats…', observe: 'Loading recent messages…', attach: 'Opening chat…', start: 'Starting new chat…', resume: 'Continuing here…', join: 'Joining live session…', detach: 'Detaching to read-only…', branch: 'Starting continuation…', reduce: 'Reducing context and verifying reversibility…', terminal: 'Preparing terminal handoff…', export: 'Exporting losslessly…', steer: 'Steering agent…', interrupt: 'Stopping agent…', respond: 'Sending response…', configureHarness: 'Updating harness settings…', loadEarlier: 'Loading earlier messages…', loadSessions: 'Loading more chats…', refresh: 'Retrying…' };
   return labels[operation] ?? `${operation.replaceAll('_', ' ')}…`;
 }
 
@@ -998,6 +1076,11 @@ export function parseSupercodeUiIntent(value) {
       ? { action: 'draft', text: intent.text }
       : null;
   }
+  if (intent.action === 'steer') {
+    return exact('text') && typeof intent.text === 'string' && intent.text.trim() && intent.text.length <= 50_000
+      ? { action: 'steer', text: intent.text }
+      : null;
+  }
   if (intent.action === 'send' || intent.action === 'new') {
     const allowed = intent.action === 'new'
       ? exact('harness', 'mode', 'text', 'context', 'images')