@volter-ai-dev/supercode-ui 0.1.28 → 0.1.30

package/components.mjs

@@ -40,6 +40,7 @@ var EMPTY_UI_STATE = Object.freeze({
   canReduce: false,
   canInterrupt: false,
   canRespond: false,
+  canConfigureSettings: false,
   messaging: null,
   workspace: "",
   taskPlan: Object.freeze({ source: "none", items: Object.freeze([]), residueCount: 0, observedAt: null }),
@@ -48,6 +49,8 @@ var EMPTY_UI_STATE = Object.freeze({
   exportBackTarget: null,
   exportReceipt: null,
   reductionReceipt: null,
+  interopSettings: null,
+  interopSettingsError: null,
   error: null,
   recoverable: false,
   harnesses: Object.freeze([]),
@@ -81,7 +84,16 @@ function number(value, fallback = 0) {
 function nullableNumber(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
-function boundedString(value, max) {
+function relativeAge(updatedAt, now = Date.now()) {
+  if (typeof updatedAt !== "number" || !Number.isFinite(updatedAt) || updatedAt <= 0) return "";
+  const delta = Math.max(0, now - updatedAt);
+  if (delta < 6e4) return "now";
+  if (delta < 36e5) return `${Math.floor(delta / 6e4)}m ago`;
+  if (delta < 864e5) return `${Math.floor(delta / 36e5)}h ago`;
+  if (delta < 6048e5) return `${Math.floor(delta / 864e5)}d ago`;
+  return `${Math.floor(delta / 6048e5)}w ago`;
+}
+function boundedString(value, max = 2e3) {
   if (typeof value !== "string") return "";
   return value.length <= max ? value : `${value.slice(0, max)}\u2026`;
 }
@@ -546,11 +558,12 @@ function readSessions(value) {
       title: string(row.title),
       preview: string(row.preview),
       age: string(row.age),
+      previewUpdatedAt: nullableNumber(row.previewUpdatedAt),
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
       live: row.live === true,
-      runtimeStatus: row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
+      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
   });
 }
@@ -624,6 +637,68 @@ function readReductionReceipt(value) {
     targetHarness: receipt.targetHarness
   };
 }
+function readInteropSettings(value) {
+  const report = record(value);
+  if (report?.schema !== "supercode.harness-interop-settings.v1" || typeof report.harness !== "string" || typeof report.revision !== "string" || !Array.isArray(report.controls) || !Array.isArray(report.advisories)) return null;
+  const controls = report.controls.slice(0, 20).flatMap((raw) => {
+    const control = record(raw);
+    if (!control || typeof control.key !== "string" || typeof control.label !== "string") return [];
+    return [{
+      key: boundedString(control.key, 200),
+      nativeKey: boundedString(control.native_key ?? control.nativeKey, 200),
+      label: boundedString(control.label, 300),
+      description: boundedString(control.description),
+      scope: ["user", "project", "managed", "command_line"].includes(control.scope) ? control.scope : "user",
+      sourcePath: boundedString(control.source_path ?? control.sourcePath, 4e3),
+      configuredValue: typeof (control.configured_value ?? control.configuredValue) === "string" ? boundedString(control.configured_value ?? control.configuredValue, 500) : null,
+      effectiveValue: typeof (control.effective_value ?? control.effectiveValue) === "string" ? boundedString(control.effective_value ?? control.effectiveValue, 500) : null,
+      effectiveKnown: (control.effective_known ?? control.effectiveKnown) === true,
+      effectiveNote: boundedString(control.effective_note ?? control.effectiveNote),
+      choices: Array.isArray(control.choices) ? control.choices.slice(0, 20).flatMap((candidate) => {
+        const choice = record(candidate);
+        return choice && typeof choice.value === "string" && typeof choice.label === "string" ? [{
+          value: boundedString(choice.value, 500),
+          label: boundedString(choice.label, 300),
+          description: boundedString(choice.description),
+          ...typeof choice.risk === "string" ? { risk: boundedString(choice.risk) } : {}
+        }] : [];
+      }) : [],
+      writable: control.writable === true,
+      resettable: control.resettable === true,
+      requiresRestart: (control.requires_restart ?? control.requiresRestart) === true
+    }];
+  });
+  const advisories = report.advisories.slice(0, 20).flatMap((raw) => {
+    const advisory = record(raw);
+    const recommendation = record(advisory?.recommendation);
+    const change = record(recommendation?.change);
+    if (!advisory || !recommendation || !change || typeof advisory.code !== "string" || typeof advisory.title !== "string" || typeof advisory.setting !== "string" || typeof change.key !== "string") return [];
+    return [{
+      code: boundedString(advisory.code, 200),
+      severity: ["info", "warning", "error"].includes(advisory.severity) ? advisory.severity : "warning",
+      title: boundedString(advisory.title, 500),
+      message: boundedString(advisory.message),
+      setting: boundedString(advisory.setting, 200),
+      recommendation: {
+        label: boundedString(recommendation.label, 500),
+        description: boundedString(recommendation.description),
+        consequence: boundedString(recommendation.consequence),
+        change: {
+          key: boundedString(change.key, 200),
+          value: typeof change.value === "string" ? boundedString(change.value, 500) : null
+        },
+        command: boundedString(recommendation.command, 4e3)
+      }
+    }];
+  });
+  return {
+    schema: "supercode.harness-interop-settings.v1",
+    harness: report.harness,
+    revision: boundedString(report.revision, 500),
+    controls,
+    advisories
+  };
+}
 function normalizeUiState(value) {
   const raw = record(value) ?? {};
   const pill = record(raw.pill);
@@ -649,6 +724,7 @@ function normalizeUiState(value) {
     canReduce: raw.canReduce === true,
     canInterrupt: raw.canInterrupt === true,
     canRespond: raw.canRespond === true,
+    canConfigureSettings: raw.canConfigureSettings === true,
     messaging: raw.messaging === "live_peer" ? "live_peer" : null,
     workspace: string(raw.workspace),
     taskPlan: readTaskPlan(raw.taskPlan),
@@ -657,6 +733,8 @@ function normalizeUiState(value) {
     exportBackTarget: typeof raw.exportBackTarget === "string" ? raw.exportBackTarget : null,
     exportReceipt: readExportReceipt(raw.exportReceipt),
     reductionReceipt: readReductionReceipt(raw.reductionReceipt),
+    interopSettings: readInteropSettings(raw.interopSettings),
+    interopSettingsError: typeof raw.interopSettingsError === "string" ? boundedString(raw.interopSettingsError) : null,
     error: typeof raw.error === "string" ? raw.error : null,
     recoverable: raw.recoverable === true,
     harnesses: Array.isArray(raw.harnesses) ? raw.harnesses.flatMap((candidate) => {
@@ -688,6 +766,7 @@ function sessionActivity(state, row) {
   const attention = state.attention.find((item) => item.key === row.key)?.kind;
   if (attention) return attention;
   if (row.runtimeStatus === "busy") return "working";
+  if (row.runtimeStatus === "running") return "running";
   if (row.live || row.runtimeStatus === "idle") return "recent";
   return "idle";
 }
@@ -745,11 +824,11 @@ function activitySummary(entries) {
 function canContinueHere(state) {
   if (state.mode !== "mirror" || state.canSend) return false;
   const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
-  return state.canResume && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
+  return state.canResume && row?.runtimeStatus !== "running" && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
 }
 function operationLabel(operation) {
   if (!operation) return "";
-  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", start: "Starting new chat\u2026", resume: "Continuing here\u2026", join: "Joining live session\u2026", detach: "Detaching to read-only\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", interrupt: "Stopping agent\u2026", respond: "Sending response\u2026", loadEarlier: "Loading earlier messages\u2026", loadSessions: "Loading more chats\u2026", refresh: "Retrying\u2026" };
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", start: "Starting new chat\u2026", resume: "Continuing here\u2026", join: "Joining live session\u2026", detach: "Detaching to read-only\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", interrupt: "Stopping agent\u2026", respond: "Sending response\u2026", configureHarness: "Updating harness settings\u2026", loadEarlier: "Loading earlier messages\u2026", loadSessions: "Loading more chats\u2026", refresh: "Retrying\u2026" };
   return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
 }
 function terminalCommand(handoff) {
@@ -1092,7 +1171,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
   const attached = state.attached;
   const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
-  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const activeElsewhere = row?.runtimeStatus === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
   const join = state.canAttach;
   const branch = state.canBranch;
@@ -1986,7 +2065,7 @@ function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
 }
 
 // src/messenger.jsx
-import { useEffect as useEffect7, useId as useId2, useMemo as useMemo2, useRef as useRef6, useState as useState5 } from "preact/hooks";
+import { useEffect as useEffect8, useId as useId3, useMemo as useMemo3, useRef as useRef7, useState as useState6 } from "preact/hooks";
 
 // src/sessions.jsx
 import { useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState4 } from "preact/hooks";
@@ -2003,28 +2082,35 @@ function sessionPathParts(value) {
     trailing: complete.slice(boundary + 1)
   };
 }
-function SessionRow({ row, state, onOpen }) {
+function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const activity = sessionActivity(state, row);
+  const working = activity === "working";
   const attention = state.attention.find((item) => item.key === row.key);
   const title = sessionDisplayName(row);
   const path = sessionPathParts(row.cwd);
   const preview = row.preview || attention?.preview || "";
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
-  return /* @__PURE__ */ jsxs6("button", { class: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${row.age ? ` \xB7 ${row.age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
+  return /* @__PURE__ */ jsxs6("button", { class: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs6("span", { class: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs6("span", { class: "scui-session-title", children: [
         /* @__PURE__ */ jsx7("strong", { children: title }),
-        row.age ? /* @__PURE__ */ jsx7("time", { children: row.age }) : null
+        /* @__PURE__ */ jsx7("span", { class: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("time", { children: age }) : null })
       ] }),
       path.complete ? /* @__PURE__ */ jsxs6("small", { class: "scui-session-path", title: row.cwd, children: [
         /* @__PURE__ */ jsx7("span", { class: "scui-session-path-leading", children: path.leading }),
         path.separator ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-separator", children: path.separator }) : null,
         path.trailing ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-trailing", children: path.trailing }) : null
       ] }) : null,
-      preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-preview", children: [
-        preview ? /* @__PURE__ */ jsx7("small", { children: preview }) : null,
+      working || preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-preview", children: [
+        working ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-working", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx7("i", {}),
+          /* @__PURE__ */ jsx7("i", {}),
+          /* @__PURE__ */ jsx7("i", {})
+        ] }) : 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
@@ -2035,6 +2121,7 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
   const remembered = sessionListMemory.get(memoryKey) ?? { query: "", top: 0 };
   const [query, setQuery] = useState4(remembered.query);
   const [loadingMore, setLoadingMore] = useState4(false);
+  const [now, setNow] = useState4(() => Date.now());
   const root = useRef5(null);
   const rowScroller = useRef5(null);
   const rows = filterSessions(state.sessions, query);
@@ -2050,6 +2137,10 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
   useEffect6(() => {
     if (loadingMore) setLoadingMore(false);
   }, [state.error, state.history.hasMoreSessions, state.sessions.length]);
+  useEffect6(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1e4);
+    return () => clearInterval(timer);
+  }, []);
   const loadMore = () => {
     if (loadingMore) return;
     setLoadingMore(true);
@@ -2083,23 +2174,120 @@ function SessionList({ state, adapter, onOpen, onNew, onClose, components = {},
     ] }) : null,
     /* @__PURE__ */ jsxs6("div", { class: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
       !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx7("div", { class: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
-      rows.map((row) => /* @__PURE__ */ jsx7(Row, { value: row, row, state, adapter, onOpen }, row.key)),
+      rows.map((row) => /* @__PURE__ */ jsx7(Row, { value: row, row, state, adapter, onOpen, now }, row.key)),
       state.history.hasMoreSessions ? /* @__PURE__ */ jsx7("button", { class: "scui-load", type: "button", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading older chats\u2026" : "Load older chats" }) : null
     ] })
   ] });
 }
 
-// src/messenger.jsx
+// src/settings.jsx
+import { useEffect as useEffect7, useId as useId2, useMemo as useMemo2, useRef as useRef6, useState as useState5 } from "preact/hooks";
 import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
+function HarnessAdvisory({ state, onReview }) {
+  const advisory = state.interopSettings?.advisories[0];
+  if (!advisory && !state.interopSettingsError) return null;
+  return /* @__PURE__ */ jsxs7("aside", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" ? "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 })
+    ] }),
+    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => onReview(advisory.recommendation.change), children: "Review" }) : null
+  ] });
+}
+function initialValues(report, recommendedChange) {
+  return Object.fromEntries(report.controls.map((control) => [
+    control.key,
+    recommendedChange?.key === control.key ? recommendedChange.value : control.configuredValue ?? control.effectiveValue ?? control.choices[0]?.value ?? null
+  ]));
+}
+function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = null }) {
+  const report = state.interopSettings;
+  const titleId = useId2();
+  const panel = useRef6(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(() => {
+    panel.current?.querySelector("select, button")?.focus({ preventScroll: true });
+    const dismiss = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", dismiss);
+    return () => document.removeEventListener("keydown", dismiss);
+  }, [onClose]);
+  if (!report) return /* @__PURE__ */ jsx8("section", { ref: panel, class: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: /* @__PURE__ */ jsxs7("header", { children: [
+    /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }),
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("strong", { id: titleId, children: "Harness settings" }),
+      /* @__PURE__ */ jsx8("small", { children: state.interopSettingsError ?? "No interoperability controls are available." })
+    ] })
+  ] }) });
+  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 }] : []);
+  const submit = (event) => {
+    event.preventDefault();
+    if (!changed.length || !state.canConfigureSettings) return;
+    adapter.onIntent({ action: "configureHarness", harness: report.harness, changes: changed, expectedRevision: report.revision });
+  };
+  return /* @__PURE__ */ jsxs7("section", { ref: panel, class: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs7("header", { children: [
+      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsxs7("strong", { id: titleId, children: [
+          harnessDisplayName(report.harness),
+          " interoperability"
+        ] }),
+        /* @__PURE__ */ jsx8("small", { children: "Native harness settings used by Supercode" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("form", { onSubmit: submit, children: [
+      report.controls.map((control) => {
+        const choice = control.choices.find((item) => item.value === values[control.key]);
+        const recommendation = report.advisories.map((advisory) => advisory.recommendation).find((item) => item.change.key === control.key && item.change.value === values[control.key]);
+        const consequence = choice?.risk ?? recommendation?.consequence;
+        return /* @__PURE__ */ jsxs7("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
+          /* @__PURE__ */ jsxs7("label", { for: `scui-setting-${control.key}`, children: [
+            /* @__PURE__ */ jsx8("strong", { children: control.label }),
+            /* @__PURE__ */ jsx8("small", { children: control.description })
+          ] }),
+          /* @__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))
+          ] }),
+          choice ? /* @__PURE__ */ jsx8("p", { children: choice.description }) : null,
+          consequence ? /* @__PURE__ */ jsxs7("p", { class: "scui-setting-risk", children: [
+            /* @__PURE__ */ jsx8("strong", { children: "Security consequence" }),
+            consequence
+          ] }) : null,
+          /* @__PURE__ */ jsxs7("small", { class: "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" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/messenger.jsx
+import { jsx as jsx9, jsxs as jsxs8 } from "preact/jsx-runtime";
 var pendingMessageMemory = /* @__PURE__ */ new Map();
 var messengerViewMemory = /* @__PURE__ */ new Map();
 var newChatMemory = /* @__PURE__ */ new Map();
-var TRACKED_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "detach", "branch", "reduce", "terminal", "export", "interrupt", "respond", "refresh", "loadEarlier", "loadSessions"]);
+var TRACKED_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "detach", "branch", "reduce", "terminal", "export", "interrupt", "respond", "configureHarness", "refresh", "loadEarlier", "loadSessions"]);
 function Receipt({ state, adapter }) {
   const receipt = state.reductionReceipt;
-  if (receipt) return /* @__PURE__ */ jsx8("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs7("span", { children: [
-    /* @__PURE__ */ jsx8("strong", { children: "Reduced and verified" }),
-    /* @__PURE__ */ jsxs7("small", { children: [
+  if (receipt) return /* @__PURE__ */ jsx9("div", { class: "scui-receipt", children: /* @__PURE__ */ jsxs8("span", { children: [
+    /* @__PURE__ */ jsx9("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs8("small", { children: [
       receipt.sourceTokens.toLocaleString(),
       " \u2192 ",
       receipt.reducedTokens.toLocaleString(),
@@ -2108,36 +2296,36 @@ function Receipt({ state, adapter }) {
       "\xD7 \xB7 reversible"
     ] })
   ] }) });
-  if (state.exportReceipt) return /* @__PURE__ */ jsxs7("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs7("span", { children: [
-      /* @__PURE__ */ jsxs7("strong", { children: [
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs8("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsxs8("strong", { children: [
         "Lossless export ready \xB7 ",
         harnessDisplayName(state.exportReceipt.targetHarness)
       ] }),
-      /* @__PURE__ */ jsxs7("small", { children: [
+      /* @__PURE__ */ jsxs8("small", { children: [
         state.exportReceipt.path,
         " \xB7 ",
         state.exportReceipt.files,
         " files"
       ] })
     ] }),
-    /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
   ] });
-  if (state.terminalHandoff) return /* @__PURE__ */ jsxs7("div", { class: "scui-receipt", children: [
-    /* @__PURE__ */ jsxs7("span", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Terminal handoff ready" }),
-      /* @__PURE__ */ jsx8("small", { children: state.terminalHandoff.cwd })
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs8("div", { class: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx9("small", { children: state.terminalHandoff.cwd })
     ] }),
-    /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
   ] });
   return null;
 }
-function ConversationActions({ state, adapter, actionPending }) {
-  const [open, setOpen] = useState5(false);
-  const root = useRef6(null);
-  const panel = useRef6(null);
-  const trigger = useRef6(null);
-  const menuId = useId2();
+function ConversationActions({ state, adapter, actionPending, onSettings }) {
+  const [open, setOpen] = useState6(false);
+  const root = useRef7(null);
+  const panel = useRef7(null);
+  const trigger = useRef7(null);
+  const menuId = useId3();
   const targets = state.harnesses.filter((item) => item.startable);
   const groups = [
     {
@@ -2145,7 +2333,8 @@ function ConversationActions({ state, adapter, actionPending }) {
       items: [
         state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
         state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
-        state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null
+        state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
+        state.interopSettings || state.interopSettingsError ? { key: "settings", label: "Interoperability settings", onSelect: onSettings } : null
       ].filter(Boolean)
     },
     {
@@ -2157,7 +2346,7 @@ function ConversationActions({ state, adapter, actionPending }) {
       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);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!open) return;
     panel.current?.querySelector("button:not(:disabled)")?.focus({ preventScroll: true });
     const dismiss = (event) => {
@@ -2176,9 +2365,10 @@ function ConversationActions({ state, adapter, actionPending }) {
       document.removeEventListener("pointerdown", dismiss, true);
     };
   }, [open]);
-  const dispatch = (intent) => {
+  const dispatch = (item) => {
     setOpen(false);
-    adapter.onIntent(intent);
+    if (item.onSelect) item.onSelect();
+    else adapter.onIntent(item.intent);
   };
   const navigate = (event) => {
     if (event.key === "Escape") {
@@ -2196,62 +2386,63 @@ function ConversationActions({ state, adapter, actionPending }) {
     const index = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : event.key === "ArrowDown" ? (current + 1) % items.length : (current <= 0 ? items.length : current) - 1;
     items[index].focus({ preventScroll: true });
   };
-  return /* @__PURE__ */ jsxs7("div", { class: "scui-menu", ref: root, onBlur: (event) => {
+  return /* @__PURE__ */ jsxs8("div", { class: "scui-menu", ref: root, onBlur: (event) => {
     if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
   }, children: [
-    /* @__PURE__ */ jsx8("button", { ref: trigger, class: "scui-menu-trigger", type: "button", "aria-label": "Conversation actions", "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((value) => !value), children: /* @__PURE__ */ jsx8(UiIcon, { name: "menu", size: 18 }) }),
-    open ? /* @__PURE__ */ jsx8("div", { ref: panel, id: menuId, class: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs7("section", { role: "group", "aria-label": group.label, children: [
-      /* @__PURE__ */ jsx8("strong", { children: group.label }),
-      group.items.map((item) => /* @__PURE__ */ jsx8("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item.intent), children: item.label }, item.key))
+    /* @__PURE__ */ jsx9("button", { ref: trigger, class: "scui-menu-trigger", type: "button", "aria-label": "Conversation actions", "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((value) => !value), children: /* @__PURE__ */ jsx9(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx9("div", { ref: panel, id: menuId, class: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs8("section", { role: "group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx9("strong", { children: group.label }),
+      group.items.map((item) => /* @__PURE__ */ jsx9("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item), children: item.label }, item.key))
     ] }, group.label)) }) : null
   ] });
 }
-function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNew, onClose }) {
-  const back = useRef6(null);
+function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNew, onClose, onSettings }) {
+  const back = useRef7(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.mode === "mirror" ? "Read-only" : "Ready";
-  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce;
-  useEffect7(() => {
+  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
+  useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
-  return /* @__PURE__ */ jsxs7("header", { class: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx8("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx8(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx8(HarnessLogo, { id: harness, size: 28 }),
-    /* @__PURE__ */ jsxs7("span", { class: "scui-head-copy", children: [
-      /* @__PURE__ */ jsx8("strong", { children: title }),
-      /* @__PURE__ */ jsxs7("small", { children: [
+  return /* @__PURE__ */ jsxs8("header", { class: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
+    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsxs8("span", { class: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx9("strong", { children: title }),
+      /* @__PURE__ */ jsxs8("small", { children: [
         harnessDisplayName(harness),
         " \xB7 ",
         status
       ] })
     ] }),
-    menu ? /* @__PURE__ */ jsx8(ConversationActions, { state, adapter, actionPending }) : null,
-    /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx8(UiIcon, { name: "plus", size: 18 }) }),
-    onClose ? /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }) : null
+    menu ? /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
+    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx9(UiIcon, { name: "plus", size: 18 }) }),
+    onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }
 function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels }) {
   const Header = slots.header;
   const memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`;
-  const [pending, setPendingState] = useState5(() => pendingMessageMemory.get(memoryKey) ?? null);
-  const [pendingAction, setPendingAction] = useState5(null);
-  const [restoreDraft, setRestoreDraft] = useState5(null);
-  const restoreSequence = useRef6(0);
-  const actionSequence = useRef6(0);
-  const acknowledged = useRef6(/* @__PURE__ */ new Set());
+  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 acknowledged = useRef7(/* @__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;
   });
-  useEffect7(() => {
+  useEffect8(() => {
     setPendingState(pendingMessageMemory.get(memoryKey) ?? null);
     setPendingAction(null);
     setRestoreDraft(null);
   }, [memoryKey]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!pending) return;
     if (state.transcript.some((entry) => entry.role === "user" && entry.text.trim() === pending.text.trim() && !pending.baselineIds.includes(entry.id))) {
       setPending(null);
@@ -2280,7 +2471,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" });
   };
-  useEffect7(() => {
+  useEffect8(() => {
     const key = state.attached?.key;
     if (!key || !state.attention.some((item) => item.key === key)) {
       if (key) acknowledged.current.delete(key);
@@ -2291,7 +2482,7 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       adapter.onIntent({ action: "ack", key });
     }
   }, [adapter, state.attached?.key, state.attention]);
-  const trackedAdapter = useMemo2(() => ({
+  const trackedAdapter = useMemo3(() => ({
     ...adapter,
     onIntent(intent) {
       if (!TRACKED_ACTIONS.has(intent.action)) return adapter.onIntent(intent);
@@ -2315,7 +2506,7 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       return result;
     }
   }), [adapter, state.error]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!pendingAction) return;
     if (state.operation && !pendingAction.seenOperation) {
       setPendingAction({ ...pendingAction, seenOperation: true });
@@ -2328,44 +2519,48 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
   const actionLabel = operationLabel(action);
   const actionState = action ? { ...state, operation: action, canInterrupt: false, canRespond: false } : state;
   const unreadAfterMessages = state.attention.find((item) => item.key === state.attached?.key)?.afterMessages ?? null;
-  return /* @__PURE__ */ jsxs7("section", { class: "scui-chat", children: [
-    Header ? /* @__PURE__ */ jsx8(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx8(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose }),
-    actionLabel ? /* @__PURE__ */ jsxs7("div", { class: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx8("i", {}),
+  const Advisory = components.HarnessAdvisory ?? HarnessAdvisory;
+  const SettingsPanel = components.HarnessSettingsPanel ?? HarnessSettingsPanel;
+  return /* @__PURE__ */ jsxs8("section", { class: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx9(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx9(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose, onSettings: () => setSettings({ recommendedChange: null }) }),
+    actionLabel ? /* @__PURE__ */ jsxs8("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx9("i", {}),
       actionLabel
     ] }) : null,
-    state.error ? /* @__PURE__ */ jsxs7("div", { class: "scui-error", role: "alert", children: [
-      /* @__PURE__ */ jsx8("span", { children: state.error }),
-      state.recoverable ? /* @__PURE__ */ jsx8("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
+    state.error ? /* @__PURE__ */ jsxs8("div", { class: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx9("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx9("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx8(Receipt, { state, adapter }),
-    /* @__PURE__ */ jsx8(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
-    /* @__PURE__ */ jsx8(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
-    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx8(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, onDraftRestored: (id) => setRestoreDraft((value) => value?.id === id ? null : value), onPending: beginPending }, memoryKey) : null
+    /* @__PURE__ */ jsx9(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx9(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
+    /* @__PURE__ */ jsx9(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
+    /* @__PURE__ */ jsx9(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx9(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, onDraftRestored: (id) => setRestoreDraft((value) => value?.id === id ? null : value), onPending: beginPending }, memoryKey) : null,
+    settings ? /* @__PURE__ */ jsx9(SettingsPanel, { state: actionState, adapter: trackedAdapter, value: state.interopSettings, recommendedChange: settings.recommendedChange, onClose: () => setSettings(null) }) : null
   ] });
 }
 function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey }) {
   const startable = state.harnesses.filter((item) => item.startable);
   const startableKey = startable.map((item) => item.id).join("\0");
   const remembered = newChatMemory.get(memoryKey) ?? { harness: startable[0]?.id ?? "", draft: "", context: [], images: [] };
-  const [harness, setHarness] = useState5(remembered.harness);
-  const [draft, setDraft] = useState5(remembered.draft);
-  const [context, setContext] = useState5(remembered.context);
-  const [images, setImages] = useState5(remembered.images ?? []);
-  const [starting, setStarting] = useState5(null);
-  const [picking, setPicking] = useState5(false);
-  const [dragging, setDragging] = useState5(false);
-  const [pickerError, setPickerError] = useState5(null);
-  const startSequence = useRef6(0);
-  const textarea = useRef6(null);
+  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 [starting, setStarting] = useState6(null);
+  const [picking, setPicking] = useState6(false);
+  const [dragging, setDragging] = useState6(false);
+  const [pickerError, setPickerError] = useState6(null);
+  const startSequence = useRef7(0);
+  const textarea = useRef7(null);
   useAutosizeTextarea(textarea, draft);
-  useEffect7(() => {
+  useEffect8(() => {
     if (startable.some((item) => item.id === harness)) return;
     const next = startable[0]?.id ?? "";
     setHarness(next);
     boundedSet(newChatMemory, memoryKey, { harness: next, draft, context, images });
   }, [harness, startableKey]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!starting) return;
     const sessionChanged = (state.attached?.key ?? null) !== starting.attachedKey;
     const beganWorking = !starting.busy && state.busy;
@@ -2373,10 +2568,10 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     newChatMemory.delete(memoryKey);
     onStarted();
   }, [memoryKey, onStarted, starting, state.attached?.key, state.busy]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (starting && state.error !== starting.initialError && !state.busy && !state.operation) setStarting(null);
   }, [starting, state.busy, state.error, state.operation]);
-  useEffect7(() => {
+  useEffect8(() => {
     textarea.current?.focus({ preventScroll: true });
   }, []);
   const pickContext = () => {
@@ -2438,49 +2633,49 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       Promise.resolve(result).catch(() => setStarting((current) => current?.id === id ? null : current));
     }
   };
-  return /* @__PURE__ */ jsxs7("section", { class: "scui-chat", children: [
-    /* @__PURE__ */ jsxs7("header", { class: "scui-head", children: [
-      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx8(UiIcon, { name: "back", size: 18 }) }),
-      /* @__PURE__ */ jsxs7("span", { class: "scui-head-copy", children: [
-        /* @__PURE__ */ jsx8("strong", { children: labels.newChat }),
-        /* @__PURE__ */ jsx8("small", { children: "No session is created until you send" })
+  return /* @__PURE__ */ jsxs8("section", { class: "scui-chat", children: [
+    /* @__PURE__ */ jsxs8("header", { class: "scui-head", children: [
+      /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
+      /* @__PURE__ */ jsxs8("span", { class: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx9("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx9("small", { children: "No session is created until you send" })
       ] }),
-      onClose ? /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }) : null
+      onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
     ] }),
-    starting ? /* @__PURE__ */ jsxs7("div", { class: "scui-operation", role: "status", children: [
-      /* @__PURE__ */ jsx8("i", {}),
+    starting ? /* @__PURE__ */ jsxs8("div", { class: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx9("i", {}),
       operationLabel("start")
     ] }) : null,
-    /* @__PURE__ */ jsxs7("div", { class: "scui-new", children: [
-      /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2726" }),
-      /* @__PURE__ */ jsx8("strong", { children: "What should the agent build or fix?" }),
-      /* @__PURE__ */ jsx8("small", { children: "Choose a coding harness and send the first message." })
+    /* @__PURE__ */ jsxs8("div", { class: "scui-new", children: [
+      /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx9("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx9("small", { children: "Choose a coding harness and send the first message." })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { class: "scui-compose", children: [
-      /* @__PURE__ */ jsxs7("label", { class: "scui-harness-picker", children: [
-        /* @__PURE__ */ jsx8(HarnessLogo, { id: harness, size: 24 }),
-        /* @__PURE__ */ jsx8("span", { children: "Coding harness" }),
-        /* @__PURE__ */ jsx8("select", { value: harness, disabled: Boolean(starting), onChange: (event) => {
+    /* @__PURE__ */ jsxs8("div", { class: "scui-compose", children: [
+      /* @__PURE__ */ jsxs8("label", { class: "scui-harness-picker", children: [
+        /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
+        /* @__PURE__ */ jsx9("span", { children: "Coding harness" }),
+        /* @__PURE__ */ jsx9("select", { value: harness, disabled: Boolean(starting), onChange: (event) => {
           const value = event.currentTarget.value;
           setHarness(value);
           boundedSet(newChatMemory, memoryKey, { harness: value, draft, context, images });
-        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs7("option", { value: item.id, disabled: !item.startable, children: [
+        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs8("option", { value: item.id, disabled: !item.startable, children: [
           item.label,
           item.startable ? "" : " \xB7 unavailable"
         ] }, item.id)) })
       ] }),
-      /* @__PURE__ */ jsx8(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+      /* @__PURE__ */ jsx9(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         boundedSet(newChatMemory, memoryKey, { harness, draft, context, images: next });
         return next;
       }) }),
-      /* @__PURE__ */ jsx8(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      /* @__PURE__ */ jsx9(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
         boundedSet(newChatMemory, memoryKey, { harness, draft, context: next, images });
         return next;
       }) }),
-      pickerError ? /* @__PURE__ */ jsx8("small", { class: "scui-context-error", role: "alert", children: pickerError }) : null,
-      /* @__PURE__ */ jsxs7("div", { class: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
+      pickerError ? /* @__PURE__ */ jsx9("small", { class: "scui-context-error", role: "alert", children: pickerError }) : null,
+      /* @__PURE__ */ jsxs8("div", { class: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
         if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
           event.preventDefault();
           setDragging(true);
@@ -2490,8 +2685,8 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
       }, onDragLeave: (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) setDragging(false);
       }, onDrop: dropImages, children: [
-        adapter.pickContext ? /* @__PURE__ */ jsx8("button", { class: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx8("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx8(UiIcon, { name: "attach", size: 17 }) }) : null,
-        /* @__PURE__ */ jsx8("textarea", { ref: textarea, rows: 3, "aria-label": "Message coding agent", placeholder: startable.length ? "What should the agent do?" : "No coding harness is available", value: draft, disabled: !startable.length || Boolean(starting), onPaste: pasteImages, onInput: (event) => {
+        adapter.pickContext ? /* @__PURE__ */ jsx9("button", { class: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx9("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "attach", size: 17 }) }) : null,
+        /* @__PURE__ */ jsx9("textarea", { ref: textarea, rows: 3, "aria-label": "Message coding agent", placeholder: startable.length ? "What should the agent do?" : "No coding harness is available", value: draft, disabled: !startable.length || Boolean(starting), onPaste: pasteImages, onInput: (event) => {
           const value = event.currentTarget.value;
           setDraft(value);
           boundedSet(newChatMemory, memoryKey, { harness, draft: value, context, images });
@@ -2501,23 +2696,23 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
             send();
           }
         } }),
-        /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8("button", { type: "button", class: "scui-send", "aria-label": "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting), onClick: send, children: starting ? /* @__PURE__ */ jsx8("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx8(UiIcon, { name: "send", size: 17 }) }) })
+        /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("button", { type: "button", class: "scui-send", "aria-label": "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting), onClick: send, children: starting ? /* @__PURE__ */ jsx9("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "send", size: 17 }) }) })
       ] })
     ] })
   ] });
 }
 function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
-  const state = useMemo2(() => normalizeUiState(stateInput), [stateInput]);
+  const state = useMemo3(() => normalizeUiState(stateInput), [stateInput]);
   const copy = { ...DEFAULT_LABELS, ...labels };
   const memoryKey = state.workspace || "@default";
-  const [view, setViewState] = useState5(initialView ?? (state.attention.length ? "list" : messengerViewMemory.get(memoryKey) ?? (state.attached || state.transcript.length ? "chat" : "list")));
-  const [opening, setOpening] = useState5(null);
-  const [listFocus, setListFocus] = useState5(null);
+  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 [listFocus, setListFocus] = useState6(null);
   const setView = (next) => {
     boundedSet(messengerViewMemory, memoryKey, next);
     setViewState(next);
   };
-  useEffect7(() => {
+  useEffect8(() => {
     if (!opening) return;
     if (state.attached?.key === opening.key) {
       setOpening(null);
@@ -2533,31 +2728,31 @@ function SupercodeMessenger({ state: stateInput, adapter, class: className = "",
   };
   const close = () => adapter.onClose?.();
   const Footer = slots.footer;
-  return /* @__PURE__ */ jsxs7("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
-    view === "list" ? /* @__PURE__ */ jsx8(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onNew: () => {
+  return /* @__PURE__ */ jsxs8("main", { class: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    view === "list" ? /* @__PURE__ */ jsx9(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onNew: () => {
       setListFocus("@new");
       setView("new");
     }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey }) : null,
-    view === "new" ? /* @__PURE__ */ jsx8(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: () => setView("chat"), labels: copy, memoryKey }) : null,
-    view === "chat" ? /* @__PURE__ */ jsx8(Chat, { state, adapter, onBack: () => {
+    view === "new" ? /* @__PURE__ */ jsx9(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: () => setView("chat"), labels: copy, memoryKey }) : null,
+    view === "chat" ? /* @__PURE__ */ jsx9(Chat, { state, adapter, onBack: () => {
       setListFocus(state.attached?.key ?? listFocus);
       setView("list");
     }, onNew: () => {
       setListFocus("@new");
       setView("new");
     }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy }) : null,
-    opening ? /* @__PURE__ */ jsxs7("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
-      /* @__PURE__ */ jsx8(HarnessLogo, { id: opening.harness, size: 34 }),
-      /* @__PURE__ */ jsxs7("span", { children: [
-        /* @__PURE__ */ jsxs7("strong", { children: [
+    opening ? /* @__PURE__ */ jsxs8("div", { class: "scui-opening", role: "status", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx9(HarnessLogo, { id: opening.harness, size: 34 }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsxs8("strong", { children: [
           "Opening ",
           sessionDisplayName(opening)
         ] }),
-        /* @__PURE__ */ jsx8("small", { children: "Loading the latest transcript window\u2026" })
+        /* @__PURE__ */ jsx9("small", { children: "Loading the latest transcript window\u2026" })
       ] }),
-      /* @__PURE__ */ jsx8("i", {})
+      /* @__PURE__ */ jsx9("i", {})
     ] }) : null,
-    Footer ? /* @__PURE__ */ jsx8(Footer, { state, adapter, value: copy }) : null
+    Footer ? /* @__PURE__ */ jsx9(Footer, { state, adapter, value: copy }) : null
   ] });
 }
 export {
@@ -2565,7 +2760,9 @@ export {
   Composer,
   ContinuationBar,
   Conversation,
+  HarnessAdvisory,
   HarnessLogo,
+  HarnessSettingsPanel,
   ImageViewer,
   LoadingStatus,
   MessageImages,