@volter-ai-dev/supercode-ui 0.1.54 → 0.1.56

package/react/messenger.mjs

@@ -1,5 +1,5 @@
 // src/messenger.jsx
-import { useEffect as useEffect8, useId as useId3, useMemo as useMemo3, useRef as useRef7, useState as useState6 } from "react";
+import { useEffect as useEffect9, useId as useId3, useMemo as useMemo3, useRef as useRef8, useState as useState7 } from "react";
 
 // core.mjs
 var HARNESS_NAMES = Object.freeze({
@@ -65,6 +65,7 @@ var EMPTY_UI_STATE = Object.freeze({
   savedDraft: "",
   attention: Object.freeze([]),
   sessions: Object.freeze([]),
+  subagentInspector: null,
   attached: null,
   owned: null,
   attachError: null
@@ -571,10 +572,25 @@ function readSessions(value) {
       active: row.active === true,
       writable: row.writable === true,
       live: row.live === true,
-      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
+      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null,
+      ...Number.isSafeInteger(row.subagentCount) && row.subagentCount > 0 ? { subagentCount: row.subagentCount } : {},
+      activity: ACTIVITY_PRIORITY[row.activity] !== void 0 ? row.activity : void 0
     }];
   });
 }
+function readSubagentInspector(value) {
+  const inspector = record(value);
+  if (!inspector || typeof inspector.parentKey !== "string" || !inspector.parentKey) return null;
+  return {
+    parentKey: inspector.parentKey,
+    parentTitle: boundedString(string(inspector.parentTitle), 500),
+    status: ["loading", "ready", "error"].includes(inspector.status) ? inspector.status : "loading",
+    items: readSessions(inspector.items).slice(0, 100),
+    selectedKey: typeof inspector.selectedKey === "string" && inspector.selectedKey ? inspector.selectedKey : null,
+    transcript: readTranscript(inspector.transcript).slice(-120),
+    error: typeof inspector.error === "string" ? boundedString(inspector.error) : null
+  };
+}
 function readAttached(value) {
   const item = record(value);
   if (!item || typeof item.harness !== "string") return null;
@@ -789,6 +805,7 @@ function normalizeUiState(value) {
       return item && typeof item.key === "string" && ["unseen", "finished", "failed"].includes(item.kind) ? [{ key: item.key, kind: item.kind, ...typeof item.preview === "string" ? { preview: item.preview } : {}, ...Number.isSafeInteger(item.afterMessages) && item.afterMessages >= 0 ? { afterMessages: item.afterMessages } : {}, ...Number.isSafeInteger(item.unreadCount) && item.unreadCount > 0 ? { unreadCount: item.unreadCount } : {} }] : [];
     }) : [],
     sessions: readSessions(raw.sessions),
+    subagentInspector: readSubagentInspector(raw.subagentInspector),
     attached: readAttached(raw.attached),
     owned: readAttached(raw.owned),
     attachError: attachError && typeof attachError.key === "string" && typeof attachError.message === "string" ? { key: attachError.key, message: attachError.message } : null
@@ -802,6 +819,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (row.activity && ACTIVITY_PRIORITY[row.activity] !== void 0) return row.activity;
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -904,6 +922,12 @@ function boundedSet(map, key, value) {
 // src/icon.jsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ICONS = {
+  agents: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6.5", r: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2.75 13c.45-2 1.55-3 3.25-3s2.8 1 3.25 3" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12.25", cy: "7", r: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M10.5 10.75c1.95-.65 3.45.1 4 2.25" })
+  ] }),
   attach: () => /* @__PURE__ */ jsx("path", { d: "M6.25 9.75 10.6 5.4a2.1 2.1 0 0 1 2.97 2.97l-5.4 5.4a3.3 3.3 0 0 1-4.67-4.66l5.52-5.52" }),
   back: () => /* @__PURE__ */ jsx("path", { d: "m11.5 4.5-4.5 4.5 4.5 4.5" }),
   check: () => /* @__PURE__ */ jsx("path", { d: "m4 9 3.25 3.25L14 5.5" }),
@@ -2221,7 +2245,7 @@ function sessionPathParts(value) {
     trailing: complete.slice(boundary + 1)
   };
 }
-function SessionRow({ row, state, onOpen, now = Date.now() }) {
+function SessionRow({ row, state, onOpen, onOpenSubagents, now = Date.now() }) {
   const activity = sessionActivity(state, row);
   const working = activity === "working";
   const attention = state.attention.find((item) => item.key === row.key);
@@ -2231,32 +2255,40 @@ 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", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${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", { className: "scui-session-copy", children: [
-      /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [
-        /* @__PURE__ */ jsx7("strong", { children: title }),
-        /* @__PURE__ */ jsx7("span", { className: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("time", { children: age }) : 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", { 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", {})
+  return /* @__PURE__ */ jsxs6("article", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, children: [
+    /* @__PURE__ */ jsxs6("button", { className: "scui-session-main", "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${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", { className: "scui-session-copy", children: [
+        /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [
+          /* @__PURE__ */ jsx7("strong", { children: title }),
+          /* @__PURE__ */ jsx7("span", { className: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("time", { children: age }) : 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,
-        preview || working ? /* @__PURE__ */ jsx7("small", { children: preview || "Working\u2026" }) : null,
-        unreadCount ? /* @__PURE__ */ jsx7("b", { "aria-label": `${unreadCount} unread messages`, children: unreadLabel }) : null
-      ] }) : null,
-      state.attachError?.key === row.key ? /* @__PURE__ */ jsx7("em", { children: state.attachError.message }) : null
-    ] })
+        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", {})
+          ] }) : null,
+          preview || working ? /* @__PURE__ */ jsx7("small", { children: preview || "Working\u2026" }) : null,
+          unreadCount ? /* @__PURE__ */ jsx7("b", { "aria-label": `${unreadCount} unread messages`, children: unreadLabel }) : null
+        ] }) : null,
+        state.attachError?.key === row.key ? /* @__PURE__ */ jsx7("em", { children: state.attachError.message }) : null
+      ] })
+    ] }),
+    row.subagentCount ? /* @__PURE__ */ jsxs6("button", { className: "scui-session-agents", type: "button", "aria-label": `Inspect ${row.subagentCount} subagents in ${title}`, onClick: () => onOpenSubagents?.(row), children: [
+      /* @__PURE__ */ jsx7(UiIcon, { name: "agents", size: 14 }),
+      row.subagentCount,
+      " ",
+      row.subagentCount === 1 ? "agent" : "agents"
+    ] }) : null
   ] });
 }
-function SessionList({ state, adapter, onOpen, onNew, onClose, components = {}, slots = {}, labels = DEFAULT_LABELS, focusKey = null, memoryKey = state.workspace || "@default", headerActions: HeaderActions }) {
+function SessionList({ state, adapter, onOpen, onOpenSubagents, 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);
@@ -2322,26 +2354,132 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
     /* @__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)),
+      rows.map((row) => /* @__PURE__ */ jsx7(Row, { value: row, row, state, adapter, onOpen, onOpenSubagents, now }, row.key)),
       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
     ] })
   ] });
 }
 
-// src/settings.jsx
-import { useEffect as useEffect7, useId as useId2, useMemo as useMemo2, useRef as useRef6, useState as useState5 } from "react";
+// src/subagents.jsx
+import { useEffect as useEffect7, useRef as useRef6, useState as useState5 } from "react";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var ATTENTION_ACTIVITY = /* @__PURE__ */ new Set(["needs-input", "failed", "unseen"]);
+var ACTIVE_ACTIVITY = /* @__PURE__ */ new Set(["working", "running", "recent"]);
+function activityLabel(activity, age) {
+  if (activity === "needs-input") return "Needs input";
+  if (activity === "failed") return "Failed";
+  if (activity === "unseen") return "New update";
+  if (activity === "working") return "Working";
+  if (activity === "running") return "Running";
+  if (activity === "recent") return "Recent";
+  if (activity === "finished") return "Finished";
+  return age;
+}
+function SubagentRow({ row, inspector, adapter }) {
+  return /* @__PURE__ */ jsxs7("button", { className: "scui-subagent-row", type: "button", "data-activity": row.activity ?? "idle", onClick: () => adapter.onIntent({ action: "openSubagent", parentKey: inspector.parentKey, key: row.key }), children: [
+    /* @__PURE__ */ jsx8(HarnessLogo, { id: row.harness, activity: row.activity, size: 30 }),
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("strong", { children: sessionDisplayName(row) }),
+      /* @__PURE__ */ jsx8("small", { children: row.preview || (row.activity === "working" ? "Working\u2026" : row.cwd) })
+    ] }),
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("small", { children: activityLabel(row.activity, row.age) }),
+      /* @__PURE__ */ jsx8(UiIcon, { name: "chevron", size: 14 })
+    ] })
+  ] });
+}
+function SubagentSection({ label, rows, inspector, adapter }) {
+  if (!rows.length) return null;
+  return /* @__PURE__ */ jsxs7("section", { className: "scui-subagent-section", "aria-labelledby": `scui-subagents-${label.toLowerCase().replaceAll(" ", "-")}`, children: [
+    /* @__PURE__ */ jsx8("h2", { id: `scui-subagents-${label.toLowerCase().replaceAll(" ", "-")}`, children: label }),
+    rows.map((row) => /* @__PURE__ */ jsx8(SubagentRow, { row, inspector, adapter }, row.key))
+  ] });
+}
+function SubagentInspectorContent({ state, adapter, onClose, inspector }) {
+  const selected = inspector.items.find((row) => row.key === inspector.selectedKey) ?? null;
+  const attention = inspector.items.filter((row) => ATTENTION_ACTIVITY.has(row.activity));
+  const active = inspector.items.filter((row) => ACTIVE_ACTIVITY.has(row.activity));
+  const finished = inspector.items.filter((row) => !ATTENTION_ACTIVITY.has(row.activity) && !ACTIVE_ACTIVITY.has(row.activity));
+  const [finishedOpen, setFinishedOpen] = useState5(false);
+  const backButton = useRef6(null);
+  useEffect7(() => {
+    if (inspector.status === "ready" && !attention.length && !active.length) setFinishedOpen(true);
+  }, [inspector.parentKey, inspector.status]);
+  useEffect7(() => {
+    backButton.current?.focus({ preventScroll: true });
+  }, [selected?.key]);
+  const detailState = selected ? {
+    ...state,
+    transcript: inspector.transcript,
+    busy: selected.activity === "working",
+    needsInput: selected.activity === "needs-input",
+    harness: selected.harness,
+    mode: "mirror",
+    canSend: false,
+    canSteer: false,
+    canInterrupt: false,
+    canRespond: false,
+    taskPlan: { source: "none", items: [], residueCount: 0, observedAt: null },
+    semantics: { fidelity: null, residue: [], residueCount: 0, parseErrors: 0, rawRecords: 0, subagents: [] },
+    history: { ...state.history, hasEarlier: false }
+  } : null;
+  const leave = () => {
+    adapter.onIntent({ action: "closeSubagents" });
+    onClose();
+  };
+  const back = () => selected ? adapter.onIntent({ action: "openSubagents", key: inspector.parentKey }) : leave();
+  return /* @__PURE__ */ jsxs7("section", { className: "scui-subagents", "aria-label": `Agents for ${inspector.parentTitle}`, children: [
+    /* @__PURE__ */ jsxs7("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsx8("button", { ref: backButton, type: "button", "aria-label": selected ? "Back to agents" : "Back to chats", onClick: back, children: /* @__PURE__ */ jsx8(UiIcon, { name: "back", size: 17 }) }),
+      selected ? /* @__PURE__ */ jsx8(HarnessLogo, { id: selected.harness, activity: selected.activity, size: 24 }) : /* @__PURE__ */ jsx8(UiIcon, { name: "agents", size: 20 }),
+      /* @__PURE__ */ jsxs7("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx8("strong", { children: selected ? sessionDisplayName(selected) : `${inspector.items.length || ""} ${inspector.items.length === 1 ? "agent" : "agents"}`.trim() }),
+        /* @__PURE__ */ jsx8("small", { children: selected ? `${harnessDisplayName(selected.harness)} \xB7 Read-only` : inspector.parentTitle })
+      ] })
+    ] }),
+    inspector.status === "loading" ? /* @__PURE__ */ jsxs7("div", { className: "scui-subagents-loading", role: "status", children: [
+      /* @__PURE__ */ jsx8("i", {}),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx8("strong", { children: selected ? "Loading subagent" : "Finding subagents" }),
+        /* @__PURE__ */ jsx8("small", { children: selected ? "Reading a bounded recent transcript\u2026" : "Reading native session relationships\u2026" })
+      ] })
+    ] }) : null,
+    inspector.error ? /* @__PURE__ */ jsx8("div", { className: "scui-error", role: "alert", children: inspector.error }) : null,
+    !selected && inspector.status === "ready" && inspector.items.length ? /* @__PURE__ */ jsxs7("div", { className: "scui-subagent-rows", children: [
+      /* @__PURE__ */ jsx8(SubagentSection, { label: "Needs attention", rows: attention, inspector, adapter }),
+      /* @__PURE__ */ jsx8(SubagentSection, { label: "Active", rows: active, inspector, adapter }),
+      finished.length ? /* @__PURE__ */ jsxs7("details", { className: "scui-subagent-history", open: finishedOpen, onToggle: (event) => setFinishedOpen(event.currentTarget.open), children: [
+        /* @__PURE__ */ jsxs7("summary", { children: [
+          /* @__PURE__ */ jsx8("span", { children: "Finished" }),
+          /* @__PURE__ */ jsx8("small", { children: finished.length }),
+          /* @__PURE__ */ jsx8(UiIcon, { name: "chevron", size: 14 })
+        ] }),
+        /* @__PURE__ */ jsx8("div", { children: finished.map((row) => /* @__PURE__ */ jsx8(SubagentRow, { row, inspector, adapter }, row.key)) })
+      ] }) : null
+    ] }) : null,
+    !selected && inspector.status === "ready" && !inspector.items.length ? /* @__PURE__ */ jsx8("div", { className: "scui-empty", children: "No native child sessions were found." }) : null,
+    selected && inspector.status === "ready" && detailState ? /* @__PURE__ */ jsx8(Conversation, { state: detailState, adapter, memoryKey: `subagent:${selected.key}` }) : null
+  ] });
+}
+function SubagentInspector({ state, adapter, onClose }) {
+  if (!state.subagentInspector) return null;
+  return /* @__PURE__ */ jsx8(SubagentInspectorContent, { state, adapter, onClose, inspector: state.subagentInspector });
+}
+
+// src/settings.jsx
+import { useEffect as useEffect8, useId as useId2, useMemo as useMemo2, useRef as useRef7, useState as useState6 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function HarnessAdvisory({ state, onReview }) {
   const advisory = state.interopSettings?.advisories[0];
   if (!advisory && !state.interopSettingsError) return null;
-  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" }),
-      /* @__PURE__ */ jsx8("small", { children: advisory?.message ?? state.interopSettingsError })
+  return /* @__PURE__ */ jsxs8("div", { className: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
+    /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "!" }),
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),
+      /* @__PURE__ */ jsx9("small", { children: advisory?.message ?? state.interopSettingsError })
     ] }),
-    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => onReview(advisory.recommendation.change), children: "Review" }) : null
+    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => onReview(advisory.recommendation.change), children: "Review" }) : null
   ] });
 }
 function initialValues(report, recommendedChange) {
@@ -2353,12 +2491,12 @@ function initialValues(report, recommendedChange) {
 function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = null }) {
   const report = state.interopSettings;
   const titleId = useId2();
-  const panel = useRef6(null);
+  const panel = useRef7(null);
   const valuesKey = `${report?.revision ?? ""}:${recommendedChange?.key ?? ""}:${recommendedChange?.value ?? ""}`;
   const defaults = useMemo2(() => report ? initialValues(report, recommendedChange) : {}, [valuesKey]);
-  const [values, setValues] = useState5(defaults);
-  useEffect7(() => setValues(defaults), [defaults]);
-  useEffect7(() => {
+  const [values, setValues] = useState6(defaults);
+  useEffect8(() => setValues(defaults), [defaults]);
+  useEffect8(() => {
     panel.current?.querySelector("select, button")?.focus({ preventScroll: true });
     const dismiss = (event) => {
       if (event.key === "Escape") {
@@ -2369,11 +2507,11 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
     document.addEventListener("keydown", dismiss);
     return () => document.removeEventListener("keydown", dismiss);
   }, [onClose]);
-  if (!report) return /* @__PURE__ */ jsx8("section", { ref: panel, 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" }),
-      /* @__PURE__ */ jsx8("small", { children: state.interopSettingsError ?? "No interoperability controls are available." })
+  if (!report) return /* @__PURE__ */ jsx9("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: /* @__PURE__ */ jsxs8("header", { children: [
+    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }),
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsx9("strong", { id: titleId, children: "Harness settings" }),
+      /* @__PURE__ */ jsx9("small", { children: state.interopSettingsError ?? "No interoperability controls are available." })
     ] })
   ] }) });
   const changed = report.controls.flatMap((control) => values[control.key] !== (control.configuredValue ?? control.effectiveValue ?? control.choices[0]?.value ?? null) ? [{ key: control.key, value: values[control.key] ?? null }] : []);
@@ -2382,45 +2520,45 @@ 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, 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__ */ jsxs7("strong", { id: titleId, children: [
+  return /* @__PURE__ */ jsxs8("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs8("header", { children: [
+      /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsxs8("strong", { id: titleId, children: [
           harnessDisplayName(report.harness),
           " interoperability"
         ] }),
-        /* @__PURE__ */ jsx8("small", { children: "Native harness settings used by Supercode" })
+        /* @__PURE__ */ jsx9("small", { children: "Native harness settings used by Supercode" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7("form", { onSubmit: submit, children: [
+    /* @__PURE__ */ jsxs8("form", { onSubmit: submit, children: [
       report.controls.map((control) => {
         const choice = control.choices.find((item) => item.value === values[control.key]);
         const recommendation = report.advisories.map((advisory) => advisory.recommendation).find((item) => item.change.key === control.key && item.change.value === values[control.key]);
         const consequence = choice?.risk ?? recommendation?.consequence;
-        return /* @__PURE__ */ jsxs7("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
-          /* @__PURE__ */ jsxs7("label", { htmlFor: `scui-setting-${control.key}`, children: [
-            /* @__PURE__ */ jsx8("strong", { children: control.label }),
-            /* @__PURE__ */ jsx8("small", { children: control.description })
+        return /* @__PURE__ */ jsxs8("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
+          /* @__PURE__ */ jsxs8("label", { htmlFor: `scui-setting-${control.key}`, children: [
+            /* @__PURE__ */ jsx9("strong", { children: control.label }),
+            /* @__PURE__ */ jsx9("small", { children: control.description })
           ] }),
-          /* @__PURE__ */ jsxs7("select", { id: `scui-setting-${control.key}`, value: values[control.key] ?? "@default", onChange: (event) => setValues((current) => ({ ...current, [control.key]: event.currentTarget.value === "@default" ? null : event.currentTarget.value })), children: [
-            control.resettable ? /* @__PURE__ */ jsx8("option", { value: "@default", children: "Use harness default" }) : null,
-            control.choices.map((item) => /* @__PURE__ */ jsx8("option", { value: item.value, children: item.label }, item.value))
+          /* @__PURE__ */ jsxs8("select", { id: `scui-setting-${control.key}`, value: values[control.key] ?? "@default", onChange: (event) => setValues((current) => ({ ...current, [control.key]: event.currentTarget.value === "@default" ? null : event.currentTarget.value })), children: [
+            control.resettable ? /* @__PURE__ */ jsx9("option", { value: "@default", children: "Use harness default" }) : null,
+            control.choices.map((item) => /* @__PURE__ */ jsx9("option", { value: item.value, children: item.label }, item.value))
           ] }),
-          choice ? /* @__PURE__ */ jsx8("p", { children: choice.description }) : null,
-          consequence ? /* @__PURE__ */ jsxs7("p", { className: "scui-setting-risk", children: [
-            /* @__PURE__ */ jsx8("strong", { children: "Security consequence" }),
+          choice ? /* @__PURE__ */ jsx9("p", { children: choice.description }) : null,
+          consequence ? /* @__PURE__ */ jsxs8("p", { className: "scui-setting-risk", children: [
+            /* @__PURE__ */ jsx9("strong", { children: "Security consequence" }),
             consequence
           ] }) : null,
-          /* @__PURE__ */ jsxs7("small", { className: "scui-setting-source", children: [
+          /* @__PURE__ */ jsxs8("small", { className: "scui-setting-source", children: [
             control.effectiveNote,
             control.sourcePath ? ` Source: ${control.sourcePath}` : ""
           ] })
         ] }, control.key);
       }),
-      /* @__PURE__ */ jsxs7("footer", { children: [
-        /* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx8("button", { type: "submit", disabled: !changed.length || !state.canConfigureSettings || Boolean(state.operation), children: state.operation === "configureHarness" ? "Applying\u2026" : "Apply changes" })
+      /* @__PURE__ */ jsxs8("footer", { children: [
+        /* @__PURE__ */ jsx9("button", { type: "button", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx9("button", { type: "submit", disabled: !changed.length || !state.canConfigureSettings || Boolean(state.operation), children: state.operation === "configureHarness" ? "Applying\u2026" : "Apply changes" })
       ] })
     ] })
   ] });
@@ -2428,29 +2566,29 @@ function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = nul
 function HarnessReadiness({ harnesses, adapter }) {
   const blocked = harnesses.filter((item) => !item.startable);
   if (!blocked.length || harnesses.some((item) => item.startable)) return null;
-  return /* @__PURE__ */ jsxs7("details", { className: "scui-readiness", open: true, children: [
-    /* @__PURE__ */ jsx8("summary", { children: "No coding harness is ready" }),
-    /* @__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: [
+  return /* @__PURE__ */ jsxs8("details", { className: "scui-readiness", open: true, children: [
+    /* @__PURE__ */ jsx9("summary", { children: "No coding harness is ready" }),
+    /* @__PURE__ */ jsx9("div", { children: blocked.map((item) => /* @__PURE__ */ jsxs8("section", { children: [
+      /* @__PURE__ */ jsx9(HarnessLogo, { id: item.id, size: 25 }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx9("strong", { children: item.label }),
+        /* @__PURE__ */ jsx9("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") }),
+        item.protocol ? /* @__PURE__ */ jsxs8("em", { children: [
           item.protocol,
           " \xB7 ",
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
 function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange, logo: Logo = HarnessLogo }) {
-  const [open, setOpen] = useState5(false);
+  const [open, setOpen] = useState6(false);
   const menuId = useId2();
-  const root = useRef6(null);
-  const trigger = useRef6(null);
-  const panel = useRef6(null);
+  const root = useRef7(null);
+  const trigger = useRef7(null);
+  const panel = useRef7(null);
   const available = harnesses.filter((item) => item.startable);
   const unavailable = harnesses.filter((item) => !item.startable);
   const selected = available.find((item) => item.id === value) ?? available[0] ?? null;
@@ -2458,7 +2596,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
     setOpen(false);
     trigger.current?.focus({ preventScroll: true });
   };
-  useEffect7(() => {
+  useEffect8(() => {
     if (!open) return;
     panel.current?.querySelector('[aria-selected="true"], [role="option"]')?.focus({ preventScroll: true });
     const dismiss = (event) => {
@@ -2489,30 +2627,30 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
     onChange(id);
     close();
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "scui-harness-menu", ref: root, onBlur: (event) => {
+  return /* @__PURE__ */ jsxs8("div", { className: "scui-harness-menu", ref: root, onBlur: (event) => {
     if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
   }, children: [
-    /* @__PURE__ */ jsxs7("button", { ref: trigger, className: "scui-harness-trigger", type: "button", disabled: disabled || !selected, "aria-label": selected ? `Coding harness: ${selected.label}` : "No coding harness available", "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((current) => !current), children: [
-      selected ? /* @__PURE__ */ jsx8(Logo, { id: selected.id, size: 20 }) : null,
-      /* @__PURE__ */ jsx8("strong", { children: selected?.label ?? "No harness available" }),
-      /* @__PURE__ */ jsx8(UiIcon, { name: "chevron", size: 13 })
+    /* @__PURE__ */ jsxs8("button", { ref: trigger, className: "scui-harness-trigger", type: "button", disabled: disabled || !selected, "aria-label": selected ? `Coding harness: ${selected.label}` : "No coding harness available", "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((current) => !current), children: [
+      selected ? /* @__PURE__ */ jsx9(Logo, { id: selected.id, size: 20 }) : null,
+      /* @__PURE__ */ jsx9("strong", { children: selected?.label ?? "No harness available" }),
+      /* @__PURE__ */ jsx9(UiIcon, { name: "chevron", size: 13 })
     ] }),
-    open ? /* @__PURE__ */ jsxs7("div", { ref: panel, id: menuId, className: "scui-harness-popover", role: "dialog", "aria-label": "Choose coding harness", onKeyDown: navigate, children: [
-      /* @__PURE__ */ jsx8("strong", { className: "scui-harness-popover-title", children: "Choose coding harness" }),
-      /* @__PURE__ */ jsx8("div", { className: "scui-harness-options", role: "listbox", "aria-label": "Available coding harnesses", children: available.map((item) => /* @__PURE__ */ jsxs7("button", { type: "button", role: "option", "aria-selected": item.id === selected?.id, onClick: () => select(item.id), children: [
-        /* @__PURE__ */ jsx8(Logo, { id: item.id, size: 24 }),
-        /* @__PURE__ */ jsx8("strong", { children: item.label }),
-        /* @__PURE__ */ jsx8("span", { children: item.id === selected?.id ? /* @__PURE__ */ jsx8(UiIcon, { name: "check", size: 15 }) : null })
+    open ? /* @__PURE__ */ jsxs8("div", { ref: panel, id: menuId, className: "scui-harness-popover", role: "dialog", "aria-label": "Choose coding harness", onKeyDown: navigate, children: [
+      /* @__PURE__ */ jsx9("strong", { className: "scui-harness-popover-title", children: "Choose coding harness" }),
+      /* @__PURE__ */ jsx9("div", { className: "scui-harness-options", role: "listbox", "aria-label": "Available coding harnesses", children: available.map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "option", "aria-selected": item.id === selected?.id, onClick: () => select(item.id), children: [
+        /* @__PURE__ */ jsx9(Logo, { id: item.id, size: 24 }),
+        /* @__PURE__ */ jsx9("strong", { children: item.label }),
+        /* @__PURE__ */ jsx9("span", { children: item.id === selected?.id ? /* @__PURE__ */ jsx9(UiIcon, { name: "check", size: 15 }) : null })
       ] }, item.id)) }),
-      unavailable.length ? /* @__PURE__ */ jsxs7("details", { className: "scui-harness-manage", children: [
-        /* @__PURE__ */ jsx8("summary", { children: "Manage additional harnesses" }),
-        /* @__PURE__ */ jsx8("div", { children: unavailable.map((item) => /* @__PURE__ */ jsxs7("section", { children: [
-          /* @__PURE__ */ jsx8(Logo, { id: item.id, size: 24 }),
-          /* @__PURE__ */ jsxs7("span", { children: [
-            /* @__PURE__ */ jsx8("strong", { children: item.label }),
-            /* @__PURE__ */ jsx8("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
+      unavailable.length ? /* @__PURE__ */ jsxs8("details", { className: "scui-harness-manage", children: [
+        /* @__PURE__ */ jsx9("summary", { children: "Manage additional harnesses" }),
+        /* @__PURE__ */ jsx9("div", { children: unavailable.map((item) => /* @__PURE__ */ jsxs8("section", { children: [
+          /* @__PURE__ */ jsx9(Logo, { id: item.id, size: 24 }),
+          /* @__PURE__ */ jsxs8("span", { children: [
+            /* @__PURE__ */ jsx9("strong", { children: item.label }),
+            /* @__PURE__ */ jsx9("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null
@@ -2520,16 +2658,16 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
 }
 
 // src/messenger.jsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/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", "steer", "interrupt", "respond", "configureHarness", "refresh", "loadEarlier", "loadSessions"]);
 function Receipt({ state, adapter }) {
   const receipt = state.reductionReceipt;
-  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: [
+  if (receipt) return /* @__PURE__ */ jsx10("div", { className: "scui-receipt", children: /* @__PURE__ */ jsxs9("span", { children: [
+    /* @__PURE__ */ jsx10("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs9("small", { children: [
       receipt.sourceTokens.toLocaleString(),
       " \u2192 ",
       receipt.reducedTokens.toLocaleString(),
@@ -2538,35 +2676,35 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs8("div", { className: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs8("span", { children: [
-      /* @__PURE__ */ jsxs8("strong", { children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs9("div", { className: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs9("span", { children: [
+      /* @__PURE__ */ jsxs9("strong", { children: [
         "Lossless export ready \xB7 ",
         harnessDisplayName(state.exportReceipt.targetHarness)
       ] }),
-      /* @__PURE__ */ jsxs8("small", { children: [
+      /* @__PURE__ */ jsxs9("small", { children: [
         state.exportReceipt.path,
         " \xB7 ",
         state.exportReceipt.files,
         " files"
       ] })
     ] }),
-    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+    /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  if (state.terminalHandoff) return /* @__PURE__ */ jsxs8("div", { className: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs8("span", { children: [
-      /* @__PURE__ */ jsx9("strong", { children: "Terminal handoff ready" }),
-      /* @__PURE__ */ jsx9("small", { children: state.terminalHandoff.cwd })
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs9("div", { className: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs9("span", { children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx10("small", { children: state.terminalHandoff.cwd })
     ] }),
-    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+    /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
   ] });
   return null;
 }
 function ConversationActions({ state, adapter, actionPending, onNew, onSettings }) {
-  const [open, setOpen] = useState6(false);
-  const root = useRef7(null);
-  const panel = useRef7(null);
-  const trigger = useRef7(null);
+  const [open, setOpen] = useState7(false);
+  const root = useRef8(null);
+  const panel = useRef8(null);
+  const trigger = useRef8(null);
   const menuId = useId3();
   const targets = state.harnesses.filter((item) => item.startable);
   const groups = [
@@ -2590,7 +2728,7 @@ function ConversationActions({ state, adapter, actionPending, onNew, onSettings
       items: state.canBranch ? targets.map((target) => ({ key: `branch:${target.id}`, label: target.id === state.harness ? `Fork in ${target.label}` : `Continue with ${target.label}`, intent: { action: "branch", targetHarness: target.id } })) : []
     }
   ].filter((group) => group.items.length);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!open) return;
     panel.current?.querySelector("button:not(:disabled)")?.focus({ preventScroll: true });
     const dismiss = (event) => {
@@ -2630,64 +2768,64 @@ function ConversationActions({ state, adapter, actionPending, onNew, 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", { className: "scui-menu", ref: root, onBlur: (event) => {
+  return /* @__PURE__ */ jsxs9("div", { className: "scui-menu", ref: root, onBlur: (event) => {
     if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
   }, children: [
-    /* @__PURE__ */ jsx9("button", { ref: trigger, 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))
+    /* @__PURE__ */ jsx10("button", { ref: trigger, className: "scui-menu-trigger", type: "button", "aria-label": "Conversation actions", "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((value) => !value), children: /* @__PURE__ */ jsx10(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx10("div", { ref: panel, id: menuId, className: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs9("section", { role: "group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx10("strong", { children: group.label }),
+      group.items.map((item) => /* @__PURE__ */ jsx10("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item), children: item.label }, item.key))
     ] }, group.label)) }) : null
   ] });
 }
 function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNew, onClose, onSettings, headerActions: HeaderActions }) {
-  const back = useRef7(null);
+  const back = useRef8(null);
   const harness = state.attached?.harness ?? state.harness;
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
-  useEffect8(() => {
+  useEffect9(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
-  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: 17 }) }),
-    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
-    /* @__PURE__ */ jsxs8("span", { className: "scui-head-copy", children: [
-      /* @__PURE__ */ jsx9("strong", { children: title }),
-      /* @__PURE__ */ jsxs8("small", { children: [
+  return /* @__PURE__ */ jsxs9("header", { className: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx10("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 17 }) }),
+    /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 24 }),
+    /* @__PURE__ */ jsxs9("span", { className: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx10("strong", { children: title }),
+      /* @__PURE__ */ jsxs9("small", { children: [
         harnessDisplayName(harness),
         " \xB7 ",
         status
       ] })
     ] }),
-    HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "chat" }) : null,
-    /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
-    onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
+    HeaderActions ? /* @__PURE__ */ jsx10(HeaderActions, { state, adapter, value: "chat" }) : null,
+    /* @__PURE__ */ jsx10(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
+    onClose ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx10(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }
 function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels, contextCandidates, navigation, composerCommand }) {
   const Header = slots.header;
   const HeaderActions = slots.headerActions;
   const memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`;
-  const [pending, setPendingState] = useState6(() => pendingMessageMemory.get(memoryKey) ?? null);
-  const [pendingAction, setPendingAction] = useState6(null);
-  const [restoreDraft, setRestoreDraft] = useState6(null);
-  const [settings, setSettings] = useState6(null);
-  const restoreSequence = useRef7(0);
-  const actionSequence = useRef7(0);
-  const lastNavigation = useRef7(null);
-  const acknowledged = useRef7(/* @__PURE__ */ new Set());
+  const [pending, setPendingState] = useState7(() => pendingMessageMemory.get(memoryKey) ?? null);
+  const [pendingAction, setPendingAction] = useState7(null);
+  const [restoreDraft, setRestoreDraft] = useState7(null);
+  const [settings, setSettings] = useState7(null);
+  const restoreSequence = useRef8(0);
+  const actionSequence = useRef8(0);
+  const lastNavigation = useRef8(null);
+  const acknowledged = useRef8(/* @__PURE__ */ new Set());
   const setPending = (update) => setPendingState((current) => {
     const next = typeof update === "function" ? update(current) : update;
     if (next) boundedSet(pendingMessageMemory, memoryKey, next);
     else pendingMessageMemory.delete(memoryKey);
     return next;
   });
-  useEffect8(() => {
+  useEffect9(() => {
     setPendingState(pendingMessageMemory.get(memoryKey) ?? null);
     setPendingAction(null);
     setRestoreDraft(null);
   }, [memoryKey]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!navigation || navigation.id === lastNavigation.current) return;
     lastNavigation.current = navigation.id;
     if (navigation.draft === void 0 && !navigation.context?.length && !navigation.images?.length) return;
@@ -2698,7 +2836,7 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       images: navigation.images
     });
   }, [navigation]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!pending) return;
     if (state.transcript.some((entry) => entry.role === "user" && entry.text.trim() === pending.text.trim() && !pending.baselineIds.includes(entry.id))) {
       setPending(null);
@@ -2727,7 +2865,7 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
     setRestoreDraft({ id: restoreSequence.current, text: pending.text, context: pending.context, images: pending.images });
     setPending({ ...pending, status: "editing" });
   };
-  useEffect8(() => {
+  useEffect9(() => {
     const key = state.attached?.key;
     if (!key || !state.attention.some((item) => item.key === key)) {
       if (key) acknowledged.current.delete(key);
@@ -2762,7 +2900,7 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       return result;
     }
   }), [adapter, state.error]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!pendingAction) return;
     if (state.operation && !pendingAction.seenOperation) {
       setPendingAction({ ...pendingAction, seenOperation: true });
@@ -2777,40 +2915,40 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
   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", { 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", { className: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx9("i", {}),
+  return /* @__PURE__ */ jsxs9("section", { className: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx10(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx10(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose, onSettings: () => setSettings({ recommendedChange: null }), headerActions: HeaderActions }),
+    actionLabel ? /* @__PURE__ */ jsxs9("div", { className: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx10("i", {}),
       actionLabel
     ] }) : null,
-    state.error ? /* @__PURE__ */ jsxs8("div", { 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
+    state.error ? /* @__PURE__ */ jsxs9("div", { className: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx10("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx10("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx9(Receipt, { state, adapter }),
-    /* @__PURE__ */ jsx9(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
-    /* @__PURE__ */ jsx9(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
-    /* @__PURE__ */ jsx9(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),
-    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx9(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, command: composerCommand, 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
+    /* @__PURE__ */ jsx10(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx10(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
+    /* @__PURE__ */ jsx10(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
+    /* @__PURE__ */ jsx10(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx10(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, command: composerCommand, contextCandidates, components, onDraftRestored: (id) => setRestoreDraft((value) => value?.id === id ? null : value), onPending: beginPending }, memoryKey) : null,
+    settings ? /* @__PURE__ */ jsx10(SettingsPanel, { state: actionState, adapter: trackedAdapter, value: state.interopSettings, recommendedChange: settings.recommendedChange, onClose: () => setSettings(null) }) : null
   ] });
 }
 function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey, headerActions: HeaderActions, contextCandidates, components, navigation, composerCommand }) {
   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: {} };
-  const [harness, setHarness] = useState6(remembered.harness);
-  const [draft, setDraft] = useState6(remembered.draft);
-  const [context, setContext] = useState6(remembered.context);
-  const [images, setImages] = useState6(remembered.images ?? []);
-  const [modes, setModes] = useState6(remembered.modes ?? {});
-  const [starting, setStarting] = useState6(null);
-  const [picking, setPicking] = useState6(false);
-  const [dragging, setDragging] = useState6(false);
-  const [pickerError, setPickerError] = useState6(null);
-  const startSequence = useRef7(0);
-  const lastComposerCommand = useRef7(null);
-  const textarea = useRef7(null);
+  const [harness, setHarness] = useState7(remembered.harness);
+  const [draft, setDraft] = useState7(remembered.draft);
+  const [context, setContext] = useState7(remembered.context);
+  const [images, setImages] = useState7(remembered.images ?? []);
+  const [modes, setModes] = useState7(remembered.modes ?? {});
+  const [starting, setStarting] = useState7(null);
+  const [picking, setPicking] = useState7(false);
+  const [dragging, setDragging] = useState7(false);
+  const [pickerError, setPickerError] = useState7(null);
+  const startSequence = useRef8(0);
+  const lastComposerCommand = useRef8(null);
+  const textarea = useRef8(null);
   const selectedHarness = startable.find((item) => item.id === harness) ?? null;
   const Picker = components.HarnessPicker ?? HarnessPicker;
   const Readiness = components.HarnessReadiness ?? HarnessReadiness;
@@ -2821,13 +2959,13 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
   const terminalAttachments = mode === "terminal" && (context.length > 0 || images.length > 0);
   const remember = (overrides = {}) => boundedSet(newChatMemory, memoryKey, { harness, draft, context, images, modes, ...overrides });
   useAutosizeTextarea(textarea, draft);
-  useEffect8(() => {
+  useEffect9(() => {
     if (startable.some((item) => item.id === harness)) return;
     const next = startable[0]?.id ?? "";
     setHarness(next);
     remember({ harness: next });
   }, [harness, startableKey]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!starting || starting.mode === "terminal") return;
     const sessionChanged = (state.attached?.key ?? null) !== starting.attachedKey;
     const beganWorking = !starting.busy && state.busy;
@@ -2835,13 +2973,13 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     newChatMemory.delete(memoryKey);
     onStarted("headless");
   }, [memoryKey, onStarted, starting, state.attached?.key, state.busy]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (starting && state.error !== starting.initialError && !state.busy && !state.operation) setStarting(null);
   }, [starting, state.busy, state.error, state.operation]);
-  useEffect8(() => {
+  useEffect9(() => {
     textarea.current?.focus({ preventScroll: true });
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!navigation) return;
     const nextHarness = startable.some((item) => item.id === navigation.harness) ? navigation.harness : harness;
     const nextDraft = typeof navigation.draft === "string" ? navigation.draft : draft;
@@ -2854,7 +2992,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     remember({ harness: nextHarness, draft: nextDraft, context: nextContext, images: nextImages });
     textarea.current?.focus({ preventScroll: true });
   }, [navigation?.id]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!composerCommand || composerCommand.id === lastComposerCommand.current) return;
     lastComposerCommand.current = composerCommand.id;
     if (composerCommand.action === "attach") {
@@ -2955,40 +3093,40 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       Promise.resolve(result).catch(() => setStarting((current) => current?.id === id ? null : current));
     }
   };
-  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", { className: "scui-head-copy", children: [
-        /* @__PURE__ */ jsx9("strong", { children: labels.newChat }),
-        /* @__PURE__ */ jsx9("small", { children: "No session is created until you send" })
+  return /* @__PURE__ */ jsxs9("section", { className: "scui-chat", children: [
+    /* @__PURE__ */ jsxs9("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 18 }) }),
+      /* @__PURE__ */ jsxs9("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx10("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx10("small", { children: "No session is created until you send" })
       ] }),
-      HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "new" }) : null,
-      onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
+      HeaderActions ? /* @__PURE__ */ jsx10(HeaderActions, { state, adapter, value: "new" }) : null,
+      onClose ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx10(UiIcon, { name: "close", size: 18 }) }) : null
     ] }),
-    starting ? /* @__PURE__ */ jsxs8("div", { className: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx9("i", {}),
+    starting ? /* @__PURE__ */ jsxs9("div", { className: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx10("i", {}),
       mode === "terminal" ? "Opening terminal\u2026" : operationLabel("start")
     ] }) : null,
-    /* @__PURE__ */ jsxs8("div", { 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__ */ jsxs9("div", { className: "scui-new", children: [
+      /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx10("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx10("small", { children: "Choose a coding harness and send the first message." })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "scui-compose", children: [
-      /* @__PURE__ */ jsx9(Readiness, { harnesses: state.harnesses, state, adapter }),
-      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) => {
+    /* @__PURE__ */ jsxs9("div", { className: "scui-compose", children: [
+      /* @__PURE__ */ jsx10(Readiness, { harnesses: state.harnesses, state, adapter }),
+      mode !== "terminal" ? /* @__PURE__ */ jsx10(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }) : null,
+      /* @__PURE__ */ jsx10(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         remember({ images: next });
         return next;
       }) }),
-      /* @__PURE__ */ jsx9(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      /* @__PURE__ */ jsx10(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         remember({ context: next });
         return next;
       }) }),
-      terminalAttachments ? /* @__PURE__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Headless." }) : pickerError ? /* @__PURE__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
-      /* @__PURE__ */ jsxs8("div", { className: `scui-envelope scui-new-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
+      terminalAttachments ? /* @__PURE__ */ jsx10("small", { className: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Headless." }) : pickerError ? /* @__PURE__ */ jsx10("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+      /* @__PURE__ */ jsxs9("div", { className: `scui-envelope scui-new-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
         if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
           event.preventDefault();
           setDragging(true);
@@ -2998,7 +3136,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       }, onDragLeave: (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) setDragging(false);
       }, onDrop: dropImages, children: [
-        /* @__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) => {
+        /* @__PURE__ */ jsx10("textarea", { ref: textarea, rows: 3, "aria-label": "Message coding agent", placeholder: startable.length ? "What should the agent do?" : "No coding harness is available", value: draft, disabled: !startable.length || Boolean(starting), onPaste: pasteImages, onInput: (event) => {
           const value = event.currentTarget.value;
           setDraft(value);
           remember({ draft: value });
@@ -3008,19 +3146,19 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
             send();
           }
         } }),
-        /* @__PURE__ */ jsxs8("footer", { className: "scui-new-envelope-controls", children: [
-          adapter.pickContext ? /* @__PURE__ */ jsx9("button", { className: "scui-attach", type: "button", "aria-label": labels.attachContext ?? DEFAULT_LABELS.attachContext, 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(Picker, { harnesses: state.harnesses, value: harness, disabled: Boolean(starting), adapter, logo: components.HarnessLogo, onChange: (value) => {
+        /* @__PURE__ */ jsxs9("footer", { className: "scui-new-envelope-controls", children: [
+          adapter.pickContext ? /* @__PURE__ */ jsx10("button", { className: "scui-attach", type: "button", "aria-label": labels.attachContext ?? DEFAULT_LABELS.attachContext, disabled: mode === "terminal" || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx10("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx10(UiIcon, { name: "attach", size: 17 }) }) : null,
+          /* @__PURE__ */ jsx10(Picker, { harnesses: state.harnesses, value: harness, disabled: Boolean(starting), adapter, logo: components.HarnessLogo, onChange: (value) => {
             setHarness(value);
             remember({ harness: value });
           } }),
-          /* @__PURE__ */ jsx9(ExecutionModeSelect, { modes: launchModes, value: mode, disabled: Boolean(starting) || mode !== requestedMode, onChange: (item) => {
+          /* @__PURE__ */ jsx10(ExecutionModeSelect, { modes: launchModes, value: mode, disabled: Boolean(starting) || mode !== requestedMode, onChange: (item) => {
             const next = { ...modes, [harness]: item };
             setModes(next);
             setPickerError(null);
             remember({ modes: next });
           } }),
-          /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("button", { type: "button", className: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start headless session", 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 }) }) })
+          /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10("button", { type: "button", className: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start headless session", disabled: !draft.trim() && !images.length || !harness || Boolean(starting) || terminalAttachments || mode === "terminal" && !draft.trim(), onClick: send, children: starting ? /* @__PURE__ */ jsx10("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx10(UiIcon, { name: "send", size: 17 }) }) })
         ] })
       ] })
     ] })
@@ -3031,18 +3169,19 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
   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 [chatNavigation, setChatNavigation] = useState6(null);
-  const [listFocus, setListFocus] = useState6(null);
-  const lastNavigation = useRef7(null);
+  const [view, setViewState] = useState7(initialView ?? (state.attention.length ? "list" : messengerViewMemory.get(memoryKey) ?? (state.attached || state.transcript.length ? "chat" : "list")));
+  const [opening, setOpening] = useState7(null);
+  const [newNavigation, setNewNavigation] = useState7(null);
+  const [chatNavigation, setChatNavigation] = useState7(null);
+  const [listFocus, setListFocus] = useState7(null);
+  const [inspecting, setInspecting] = useState7(null);
+  const lastNavigation = useRef8(null);
   const setView = (next) => {
     boundedSet(messengerViewMemory, memoryKey, next);
     setViewState(next);
     onViewChange?.(next);
   };
-  useEffect8(() => {
+  useEffect9(() => {
     if (!navigation || navigation.id === lastNavigation.current) return;
     lastNavigation.current = navigation.id;
     if (navigation.view === "list") {
@@ -3072,7 +3211,7 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
       adapter.onIntent({ action: "attach", key: navigation.sessionKey });
     }
   }, [adapter, navigation, state.attached?.key, state.sessions]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!opening) return;
     if (state.attached?.key === opening.key) {
       setOpening(null);
@@ -3087,38 +3226,50 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
     setOpening(row);
     adapter.onIntent({ action: "attach", key: row.key });
   };
+  const openSubagents = (row) => {
+    setListFocus(row.key);
+    setInspecting(row);
+    adapter.onIntent({ action: "openSubagents", key: row.key });
+  };
   const close = () => adapter.onClose?.();
   const Footer = slots.footer;
   const HeaderActions = slots.headerActions;
-  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");
-      setChatNavigation(null);
-      setNewNavigation(null);
-      setView("new");
-    }, 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, composerCommand }) : null,
-    view === "chat" ? /* @__PURE__ */ jsx9(Chat, { state, adapter, onBack: () => {
-      setListFocus(state.attached?.key ?? listFocus);
-      setView("list");
-    }, onNew: () => {
-      setListFocus("@new");
-      setChatNavigation(null);
-      setNewNavigation(null);
-      setView("new");
-    }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy, contextCandidates, navigation: chatNavigation?.sessionKey === state.attached?.key ? chatNavigation : null, composerCommand }) : 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: [
-          "Opening ",
-          sessionDisplayName(opening)
+  const inspectorParent = inspecting ?? (state.subagentInspector ? state.sessions.find((row) => row.key === state.subagentInspector.parentKey) ?? { key: state.subagentInspector.parentKey, title: state.subagentInspector.parentTitle } : null);
+  const inspectorState = inspectorParent ? {
+    ...state,
+    subagentInspector: state.subagentInspector?.parentKey === inspectorParent.key ? state.subagentInspector : { parentKey: inspectorParent.key, parentTitle: sessionDisplayName(inspectorParent), status: "loading", items: [], selectedKey: null, transcript: [], error: null }
+  } : null;
+  return /* @__PURE__ */ jsxs9("main", { className: `scui-root ${className}`, "data-view": inspectorState ? "agents" : view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    inspectorState ? /* @__PURE__ */ jsx10(SubagentInspector, { state: inspectorState, adapter, onClose: () => setInspecting(null) }) : /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      view === "list" ? /* @__PURE__ */ jsx10(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onOpenSubagents: openSubagents, onNew: () => {
+        setListFocus("@new");
+        setChatNavigation(null);
+        setNewNavigation(null);
+        setView("new");
+      }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey, slots, headerActions: HeaderActions }) : null,
+      view === "new" ? /* @__PURE__ */ jsx10(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: (mode) => setView(mode === "terminal" ? "list" : "chat"), labels: copy, memoryKey, headerActions: HeaderActions, contextCandidates, components, navigation: newNavigation, composerCommand }) : null,
+      view === "chat" ? /* @__PURE__ */ jsx10(Chat, { state, adapter, onBack: () => {
+        setListFocus(state.attached?.key ?? listFocus);
+        setView("list");
+      }, onNew: () => {
+        setListFocus("@new");
+        setChatNavigation(null);
+        setNewNavigation(null);
+        setView("new");
+      }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy, contextCandidates, navigation: chatNavigation?.sessionKey === state.attached?.key ? chatNavigation : null, composerCommand }) : null,
+      opening ? /* @__PURE__ */ jsxs9("div", { className: "scui-opening", role: "status", "aria-busy": "true", children: [
+        /* @__PURE__ */ jsx10(HarnessLogo, { id: opening.harness, size: 34 }),
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsxs9("strong", { children: [
+            "Opening ",
+            sessionDisplayName(opening)
+          ] }),
+          /* @__PURE__ */ jsx10("small", { children: "Loading the latest transcript window\u2026" })
         ] }),
-        /* @__PURE__ */ jsx9("small", { children: "Loading the latest transcript window\u2026" })
-      ] }),
-      /* @__PURE__ */ jsx9("i", {})
-    ] }) : null,
-    Footer ? /* @__PURE__ */ jsx9(Footer, { state, adapter, value: copy }) : null
+        /* @__PURE__ */ jsx10("i", {})
+      ] }) : null
+    ] }),
+    Footer ? /* @__PURE__ */ jsx10(Footer, { state, adapter, value: copy }) : null
   ] });
 }
 export {