@volter-ai-dev/supercode-ui 0.1.44 → 0.1.46

package/index.d.ts

@@ -8,7 +8,7 @@ export type ControlStrategy = 'start' | 'resume' | 'attach' | 'branch' | 'reduce
 export type ExecutionMode = 'headless' | 'terminal';
 /** @deprecated Use ExecutionMode. */
 export type ContinuationMode = ExecutionMode;
-export type SessionActivity = 'idle' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
+export type SessionActivity = 'idle' | 'observed' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
 
 export interface AgentActivityModel {
   harness: HarnessId | '';
@@ -40,7 +40,7 @@ export interface HarnessOption {
   };
   /** Host-supported ways to start this harness. Omitted means headless when startable. */
   launchModes?: ExecutionMode[];
-  /** Host preference, used unless this browser has a remembered choice for the harness. */
+  /** Host preference, used unless this browser has a remembered choice. Defaults to terminal when advertised. */
   preferredLaunchMode?: ExecutionMode | null;
 }
 
@@ -58,6 +58,8 @@ export interface SessionRowModel {
   updatedAt: number | null;
   messages: number | null;
   active: boolean;
+  /** This surface currently has a real send or terminal-control path for the session. */
+  writable: boolean;
   live: boolean;
   runtimeStatus: 'running' | 'busy' | 'idle' | null;
 }
@@ -264,7 +266,7 @@ export interface SupercodeUiState {
   canSend: boolean;
   canSteer: boolean;
   canResume: boolean;
-  /** Execution strategies the current host can actually provide. Headless is the default. */
+  /** Execution transports the current host can actually provide. */
   continuationModes: ContinuationMode[];
   canBranch: boolean;
   canAttach: boolean;
@@ -557,6 +559,7 @@ export function Conversation(props: { state: SupercodeUiState; adapter: UiAdapte
 export function SessionRow(props: { row: SessionRowModel; state: SupercodeUiState; adapter: UiAdapter; now?: number; onOpen(row: SessionRowModel): void }): VNode;
 export function SessionList(props: { state: SupercodeUiState; adapter: UiAdapter; onOpen(row: SessionRowModel): void; onNew?(): void; onClose?(): void; components?: MessengerComponents; slots?: MessengerSlots; labels?: MessengerLabels; focusKey?: string | null; memoryKey?: string; headerActions?: MessengerSlots['headerActions'] }): VNode;
 export function ContinuationBar(props: { state: SupercodeUiState; adapter: UiAdapter; labels?: MessengerLabels }): VNode | null;
+export function ExecutionModeSelect(props: { modes?: ExecutionMode[]; value: ExecutionMode; onChange?(mode: ExecutionMode): void; disabled?: boolean; label?: string }): VNode | null;
 export function Composer(props: { state: SupercodeUiState; adapter: UiAdapter; labels?: MessengerLabels; memoryKey?: string; pendingStatus?: PendingMessageModel['status'] | 'editing' | null; restoreDraft?: { id: string | number; text: string; context?: TranscriptContext[]; images?: TranscriptImage[] } | null; command?: MessengerComposerCommand | null; contextCandidates?: TranscriptAttachment[]; components?: Pick<MessengerComponents, 'ContextCandidate'>; onPending?(text: string, context?: TranscriptContext[], images?: TranscriptImage[]): void; onDraftRestored?(id: string | number): void }): VNode;
 export function SupercodeMessenger(props: MessengerProps): VNode;
 

package/messenger.mjs

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       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
     }];
@@ -750,7 +751,7 @@ function normalizeUiState(value) {
       if (!item || typeof item.id !== "string") return [];
       const startable = item.startable === true;
       const launchModes = Array.isArray(item.launchModes) ? [...new Set(item.launchModes.filter((mode) => mode === "headless" || mode === "terminal"))] : startable ? ["headless"] : [];
-      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes[0] ?? null;
+      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes.includes("terminal") ? "terminal" : launchModes[0] ?? null;
       const capabilities = record(item.capabilities);
       return [{
         id: item.id,
@@ -795,6 +796,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -812,6 +814,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -1257,13 +1260,23 @@ function useAutosizeTextarea(ref, value) {
 // src/composer.jsx
 import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
 var composerMemory = /* @__PURE__ */ new Map();
+function ExecutionModeSelect({ modes = [], value, onChange, disabled = false, label = "Run in" }) {
+  if (modes.length < 2) return null;
+  return /* @__PURE__ */ jsxs3("label", { className: "scui-execution-mode", title: disabled ? void 0 : `${label}: ${value}`, children: [
+    /* @__PURE__ */ jsx3("span", { children: label }),
+    /* @__PURE__ */ jsx3("select", { "aria-label": label, value, disabled, onChange: (event) => onChange?.(event.currentTarget.value), children: modes.map((mode) => /* @__PURE__ */ jsx3("option", { value: mode, children: mode === "terminal" ? "Terminal" : "Headless" }, mode)) })
+  ] });
+}
 function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
+  const continuationModes = state.continuationModes?.length ? state.continuationModes : ["headless"];
+  const [selection, setSelection] = useState2({ key: null, mode: null });
+  const requestedMode = selection.key === state.attached?.key ? selection.mode : null;
+  const executionMode = continuationModes.includes(requestedMode) ? requestedMode : continuationModes.includes("terminal") ? "terminal" : continuationModes[0];
   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 === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
-  const terminal = resume && state.continuationModes?.includes("terminal");
   const join = state.canAttach;
   const branch = state.canBranch;
   if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -1276,8 +1289,8 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
-      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-secondary", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, { action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+      !join && resume ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation), onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: executionMode } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2206,7 +2219,7 @@ 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-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-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: [
@@ -2787,7 +2800,8 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
   const Readiness = components.HarnessReadiness ?? HarnessReadiness;
   const launchModes = selectedHarness?.launchModes?.length ? selectedHarness.launchModes : ["headless"];
   const rememberedMode = modes[harness];
-  const mode = launchModes.includes(rememberedMode) ? rememberedMode : launchModes.includes(selectedHarness?.preferredLaunchMode) ? selectedHarness.preferredLaunchMode : launchModes[0];
+  const requestedMode = launchModes.includes(rememberedMode) ? rememberedMode : launchModes.includes(selectedHarness?.preferredLaunchMode) ? selectedHarness.preferredLaunchMode : launchModes[0];
+  const mode = (context.length > 0 || images.length > 0) && launchModes.includes("headless") ? "headless" : requestedMode;
   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);
@@ -2829,7 +2843,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     lastComposerCommand.current = composerCommand.id;
     if (composerCommand.action === "attach") {
       if (mode === "terminal" && !launchModes.includes("headless")) {
-        setPickerError("Terminal starts currently accept text only. Choose Chat to attach context or images.");
+        setPickerError("Terminal starts currently accept text only. Choose Headless to attach context or images.");
       } else {
         try {
           const attachments = partitionAttachments(composerCommand.attachments);
@@ -2837,12 +2851,10 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
           if (images.length + attachments.images.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
           const nextContext = mergeContext(context, attachments.context);
           const nextImages = mergeImages(images, attachments.images);
-          const nextModes = mode === "terminal" ? { ...modes, [harness]: "headless" } : modes;
-          if (nextModes !== modes) setModes(nextModes);
           setContext(nextContext);
           setImages(nextImages);
           setPickerError(null);
-          remember({ context: nextContext, images: nextImages, modes: nextModes });
+          remember({ context: nextContext, images: nextImages });
         } catch (error) {
           setPickerError(error instanceof Error ? error.message : "Could not attach context.");
         }
@@ -2883,7 +2895,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     const allFiles = Array.from(value ?? []);
     if (!allFiles.length) return false;
     if (mode === "terminal") {
-      setPickerError("Terminal starts currently accept text only. Choose Chat to attach context or images.");
+      setPickerError("Terminal starts currently accept text only. Choose Headless to attach context or images.");
       return true;
     }
     const files = allFiles.filter((file) => file.type.startsWith("image/"));
@@ -2948,21 +2960,6 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     ] }),
     /* @__PURE__ */ jsxs8("div", { className: "scui-compose", children: [
       /* @__PURE__ */ jsx9(Readiness, { harnesses: state.harnesses, state, adapter }),
-      launchModes.length > 1 ? /* @__PURE__ */ jsxs8("fieldset", { className: "scui-launch-modes", disabled: Boolean(starting), children: [
-        /* @__PURE__ */ jsx9("legend", { children: "Run as" }),
-        launchModes.map((item) => /* @__PURE__ */ jsxs8("label", { children: [
-          /* @__PURE__ */ jsx9("input", { type: "radio", name: `launch-mode-${memoryKey}`, value: item, checked: mode === item, onChange: () => {
-            const next = { ...modes, [harness]: item };
-            setModes(next);
-            setPickerError(null);
-            remember({ modes: next });
-          } }),
-          /* @__PURE__ */ jsxs8("span", { children: [
-            /* @__PURE__ */ jsx9("strong", { children: item === "terminal" ? "Terminal" : "Chat" }),
-            /* @__PURE__ */ jsx9("small", { children: item === "terminal" ? "Interactive tmux session" : "Managed here" })
-          ] })
-        ] }, item))
-      ] }) : null,
       mode !== "terminal" ? /* @__PURE__ */ jsx9(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }) : null,
       /* @__PURE__ */ jsx9(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
         const next = items.filter((_, itemIndex) => itemIndex !== index);
@@ -2974,7 +2971,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
         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 Chat." }) : pickerError ? /* @__PURE__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+      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) => {
         if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
           event.preventDefault();
@@ -3001,7 +2998,13 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
             setHarness(value);
             remember({ harness: value });
           } }),
-          /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("button", { type: "button", className: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting) || terminalAttachments || mode === "terminal" && !draft.trim(), onClick: send, children: starting ? /* @__PURE__ */ jsx9("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "send", size: 17 }) }) })
+          /* @__PURE__ */ jsx9(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 }) }) })
         ] })
       ] })
     ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter-ai-dev/supercode-ui",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "type": "module",
   "description": "Composable default UI kit for Supercode-powered coding-agent experiences",
   "exports": {

package/react/activity.mjs

@@ -554,6 +554,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       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
     }];
@@ -738,7 +739,7 @@ function normalizeUiState(value) {
       if (!item || typeof item.id !== "string") return [];
       const startable = item.startable === true;
       const launchModes = Array.isArray(item.launchModes) ? [...new Set(item.launchModes.filter((mode) => mode === "headless" || mode === "terminal"))] : startable ? ["headless"] : [];
-      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes[0] ?? null;
+      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes.includes("terminal") ? "terminal" : launchModes[0] ?? null;
       const capabilities = record(item.capabilities);
       return [{
         id: item.id,
@@ -783,6 +784,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -800,6 +802,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -810,6 +813,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === "finished") return "Finished";
   if (activity === "unseen") return "New reply";
   if (activity === "running") return "Session is running";
+  if (activity === "observed") return "Read-only channel";
   return pill || "Agent chats";
 }
 function projectAgentActivity(value) {

package/react/components.mjs

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       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
     }];
@@ -750,7 +751,7 @@ function normalizeUiState(value) {
       if (!item || typeof item.id !== "string") return [];
       const startable = item.startable === true;
       const launchModes = Array.isArray(item.launchModes) ? [...new Set(item.launchModes.filter((mode) => mode === "headless" || mode === "terminal"))] : startable ? ["headless"] : [];
-      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes[0] ?? null;
+      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes.includes("terminal") ? "terminal" : launchModes[0] ?? null;
       const capabilities = record(item.capabilities);
       return [{
         id: item.id,
@@ -795,6 +796,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -812,6 +814,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -822,6 +825,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === "finished") return "Finished";
   if (activity === "unseen") return "New reply";
   if (activity === "running") return "Session is running";
+  if (activity === "observed") return "Read-only channel";
   return pill || "Agent chats";
 }
 function projectAgentActivity(value) {
@@ -1294,13 +1298,23 @@ function useAutosizeTextarea(ref, value) {
 // src/composer.jsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var composerMemory = /* @__PURE__ */ new Map();
+function ExecutionModeSelect({ modes = [], value, onChange, disabled = false, label = "Run in" }) {
+  if (modes.length < 2) return null;
+  return /* @__PURE__ */ jsxs3("label", { className: "scui-execution-mode", title: disabled ? void 0 : `${label}: ${value}`, children: [
+    /* @__PURE__ */ jsx3("span", { children: label }),
+    /* @__PURE__ */ jsx3("select", { "aria-label": label, value, disabled, onChange: (event) => onChange?.(event.currentTarget.value), children: modes.map((mode) => /* @__PURE__ */ jsx3("option", { value: mode, children: mode === "terminal" ? "Terminal" : "Headless" }, mode)) })
+  ] });
+}
 function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
+  const continuationModes = state.continuationModes?.length ? state.continuationModes : ["headless"];
+  const [selection, setSelection] = useState2({ key: null, mode: null });
+  const requestedMode = selection.key === state.attached?.key ? selection.mode : null;
+  const executionMode = continuationModes.includes(requestedMode) ? requestedMode : continuationModes.includes("terminal") ? "terminal" : continuationModes[0];
   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 === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
-  const terminal = resume && state.continuationModes?.includes("terminal");
   const join = state.canAttach;
   const branch = state.canBranch;
   if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -1313,8 +1327,8 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
-      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-secondary", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, { action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+      !join && resume ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation), onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: executionMode } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2289,7 +2303,7 @@ 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__ */ jsxs7("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs7("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__ */ jsx8(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs7("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs7("span", { className: "scui-session-title", children: [
@@ -2870,7 +2884,8 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
   const Readiness = components.HarnessReadiness ?? HarnessReadiness;
   const launchModes = selectedHarness?.launchModes?.length ? selectedHarness.launchModes : ["headless"];
   const rememberedMode = modes[harness];
-  const mode = launchModes.includes(rememberedMode) ? rememberedMode : launchModes.includes(selectedHarness?.preferredLaunchMode) ? selectedHarness.preferredLaunchMode : launchModes[0];
+  const requestedMode = launchModes.includes(rememberedMode) ? rememberedMode : launchModes.includes(selectedHarness?.preferredLaunchMode) ? selectedHarness.preferredLaunchMode : launchModes[0];
+  const mode = (context.length > 0 || images.length > 0) && launchModes.includes("headless") ? "headless" : requestedMode;
   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);
@@ -2912,7 +2927,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     lastComposerCommand.current = composerCommand.id;
     if (composerCommand.action === "attach") {
       if (mode === "terminal" && !launchModes.includes("headless")) {
-        setPickerError("Terminal starts currently accept text only. Choose Chat to attach context or images.");
+        setPickerError("Terminal starts currently accept text only. Choose Headless to attach context or images.");
       } else {
         try {
           const attachments = partitionAttachments(composerCommand.attachments);
@@ -2920,12 +2935,10 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
           if (images.length + attachments.images.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
           const nextContext = mergeContext(context, attachments.context);
           const nextImages = mergeImages(images, attachments.images);
-          const nextModes = mode === "terminal" ? { ...modes, [harness]: "headless" } : modes;
-          if (nextModes !== modes) setModes(nextModes);
           setContext(nextContext);
           setImages(nextImages);
           setPickerError(null);
-          remember({ context: nextContext, images: nextImages, modes: nextModes });
+          remember({ context: nextContext, images: nextImages });
         } catch (error) {
           setPickerError(error instanceof Error ? error.message : "Could not attach context.");
         }
@@ -2966,7 +2979,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     const allFiles = Array.from(value ?? []);
     if (!allFiles.length) return false;
     if (mode === "terminal") {
-      setPickerError("Terminal starts currently accept text only. Choose Chat to attach context or images.");
+      setPickerError("Terminal starts currently accept text only. Choose Headless to attach context or images.");
       return true;
     }
     const files = allFiles.filter((file) => file.type.startsWith("image/"));
@@ -3031,21 +3044,6 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
     ] }),
     /* @__PURE__ */ jsxs9("div", { className: "scui-compose", children: [
       /* @__PURE__ */ jsx10(Readiness, { harnesses: state.harnesses, state, adapter }),
-      launchModes.length > 1 ? /* @__PURE__ */ jsxs9("fieldset", { className: "scui-launch-modes", disabled: Boolean(starting), children: [
-        /* @__PURE__ */ jsx10("legend", { children: "Run as" }),
-        launchModes.map((item) => /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx10("input", { type: "radio", name: `launch-mode-${memoryKey}`, value: item, checked: mode === item, onChange: () => {
-            const next = { ...modes, [harness]: item };
-            setModes(next);
-            setPickerError(null);
-            remember({ modes: next });
-          } }),
-          /* @__PURE__ */ jsxs9("span", { children: [
-            /* @__PURE__ */ jsx10("strong", { children: item === "terminal" ? "Terminal" : "Chat" }),
-            /* @__PURE__ */ jsx10("small", { children: item === "terminal" ? "Interactive tmux session" : "Managed here" })
-          ] })
-        ] }, item))
-      ] }) : null,
       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);
@@ -3057,7 +3055,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
         remember({ context: next });
         return next;
       }) }),
-      terminalAttachments ? /* @__PURE__ */ jsx10("small", { className: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Chat." }) : pickerError ? /* @__PURE__ */ jsx10("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+      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();
@@ -3084,7 +3082,13 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey
             setHarness(value);
             remember({ harness: value });
           } }),
-          /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10("button", { type: "button", className: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting) || terminalAttachments || mode === "terminal" && !draft.trim(), onClick: send, children: starting ? /* @__PURE__ */ jsx10("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx10(UiIcon, { name: "send", size: 17 }) }) })
+          /* @__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__ */ 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 }) }) })
         ] })
       ] })
     ] })
@@ -3193,6 +3197,7 @@ export {
   ContextCandidates,
   ContinuationBar,
   Conversation,
+  ExecutionModeSelect,
   HarnessAdvisory,
   HarnessLogo,
   HarnessPicker,

package/react/composer.mjs

@@ -77,6 +77,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function canContinueHere(state) {
@@ -295,13 +296,23 @@ function useAutosizeTextarea(ref, value) {
 // src/composer.jsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var composerMemory = /* @__PURE__ */ new Map();
+function ExecutionModeSelect({ modes = [], value, onChange, disabled = false, label = "Run in" }) {
+  if (modes.length < 2) return null;
+  return /* @__PURE__ */ jsxs3("label", { className: "scui-execution-mode", title: disabled ? void 0 : `${label}: ${value}`, children: [
+    /* @__PURE__ */ jsx3("span", { children: label }),
+    /* @__PURE__ */ jsx3("select", { "aria-label": label, value, disabled, onChange: (event) => onChange?.(event.currentTarget.value), children: modes.map((mode) => /* @__PURE__ */ jsx3("option", { value: mode, children: mode === "terminal" ? "Terminal" : "Headless" }, mode)) })
+  ] });
+}
 function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
+  const continuationModes = state.continuationModes?.length ? state.continuationModes : ["headless"];
+  const [selection, setSelection] = useState2({ key: null, mode: null });
+  const requestedMode = selection.key === state.attached?.key ? selection.mode : null;
+  const executionMode = continuationModes.includes(requestedMode) ? requestedMode : continuationModes.includes("terminal") ? "terminal" : continuationModes[0];
   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 === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
-  const terminal = resume && state.continuationModes?.includes("terminal");
   const join = state.canAttach;
   const branch = state.canBranch;
   if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -314,8 +325,8 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
-      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-secondary", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, { action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+      !join && resume ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation), onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: executionMode } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -536,5 +547,6 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
 }
 export {
   Composer,
-  ContinuationBar
+  ContinuationBar,
+  ExecutionModeSelect
 };

package/react/conversation.mjs

@@ -439,6 +439,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function groupConversation(entries) {