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

package/README.md

@@ -98,6 +98,11 @@ drafts, and artifact materialization remain explicit callbacks. A
 browser should receive projected state from a trusted host rather than instantiate a local
 controller or gain filesystem authority.
 
+Native continuation is headless by default. A host with a real terminal provider can add
+`terminal` to `continuationModes` and handle `onResumeTerminal`; the continuation bar then exposes
+that strategy beside “Continue here.” The UI never infers terminal support from a generic runtime
+handoff, and never presents a terminal strategy when the host cannot create one.
+
 The default controller projection is display-bounded: 120 visible transcript rows, at most 480
 native entries inspected to fill that tail, 16,000 characters per independent entry field, 100
 session rows, 20 fidelity-residue details, and 50 subagents. It filters harness-injected context

package/components.mjs

@@ -17,6 +17,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -32,6 +33,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -704,6 +706,8 @@ function normalizeUiState(value) {
   const pill = record(raw.pill);
   const history = record(raw.history);
   const attachError = record(raw.attachError);
+  const canResume = raw.canResume === true;
+  const continuationModes = Array.isArray(raw.continuationModes) ? [...new Set(raw.continuationModes.filter((mode) => mode === "headless" || mode === "terminal"))] : canResume ? ["headless"] : [];
   return {
     pill: { tone: ["live", "warn", "dead"].includes(pill?.tone) ? pill.tone : "off", label: string(pill?.label, "connecting\u2026") },
     startup: STARTUP.has(raw.startup) ? raw.startup : "connecting",
@@ -715,7 +719,8 @@ function normalizeUiState(value) {
     mode: MODES.has(raw.mode) ? raw.mode : "none",
     strategy: STRATEGIES.has(raw.strategy) ? raw.strategy : null,
     canSend: raw.canSend === true,
-    canResume: raw.canResume === true,
+    canResume,
+    continuationModes,
     canBranch: raw.canBranch === true,
     canAttach: raw.canAttach === true,
     canDetach: raw.canDetach === true,
@@ -763,9 +768,9 @@ function sessionDisplayName(session) {
 function sessionActivity(state, row) {
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
+  if (row.runtimeStatus === "busy") return "working";
   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";
@@ -1173,6 +1178,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -1184,7 +1190,10 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
-    /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
+    /* @__PURE__ */ jsxs3("span", { class: "scui-continuation-actions", children: [
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
+      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-secondary", disabled: Boolean(state.operation), onClick: () => adapter.onIntent({ action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+    ] })
   ] });
 }
 function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
@@ -2186,7 +2195,7 @@ import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
 function HarnessAdvisory({ state, onReview }) {
   const advisory = state.interopSettings?.advisories[0];
   if (!advisory && !state.interopSettingsError) return null;
-  return /* @__PURE__ */ jsxs7("aside", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" ? "alert" : "status", children: [
+  return /* @__PURE__ */ jsxs7("div", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
     /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "!" }),
     /* @__PURE__ */ jsxs7("span", { children: [
       /* @__PURE__ */ jsx8("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),

package/composer.mjs

@@ -17,6 +17,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -32,6 +33,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -257,6 +259,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -268,7 +271,10 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
-    /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
+    /* @__PURE__ */ jsxs3("span", { class: "scui-continuation-actions", children: [
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
+      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-secondary", disabled: Boolean(state.operation), onClick: () => adapter.onIntent({ action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+    ] })
   ] });
 }
 function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {

package/controller.d.ts

@@ -8,6 +8,7 @@ import type {
 } from '@volter-ai-dev/supercode-client';
 import type {
   AttachedSessionModel,
+  ContinuationMode,
   SessionAttention,
   SessionRowModel,
   StartupPhase,
@@ -40,6 +41,8 @@ export interface ClientProjectionOptions {
   exportBackTarget?: SessionFormat | null;
   exportReceipt?: SupercodeUiState['exportReceipt'];
   reductionReceipt?: SupercodeUiState['reductionReceipt'];
+  /** Host-provided execution strategies. A plain controller projects headless resume only. */
+  continuationModes?: ContinuationMode[];
   /** Trusted-host inventory and lifecycle overlays (for example a machine-wide session catalog). */
   sessions?: SessionRowModel[];
   attached?: AttachedSessionModel | null;
@@ -81,6 +84,7 @@ export interface ControllerBindingOptions {
   onAcknowledge?: (key: string) => void | Promise<void>;
   onLoadSessions?: () => void | Promise<void>;
   onLoadEarlier?: () => void | Promise<void>;
+  onResumeTerminal?: (intent: Extract<SupercodeUiIntent, { action: 'resume' }>) => void | Promise<void>;
   copyText?: UiAdapter['copyText'];
   resolveImage?: UiAdapter['resolveImage'];
 }

package/controller.mjs

@@ -366,6 +366,7 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
     strategy: snapshot.connection?.strategy ?? null,
     canSend: actions.send === true,
     canResume: actions.resume === true,
+    continuationModes: options.continuationModes ?? (actions.resume === true ? ['headless'] : []),
     canBranch: actions.branch === true,
     canAttach: actions.attach === true,
     canDetach: actions.detach === true,
@@ -449,7 +450,14 @@ async function dispatchStandard(controller, intent, options) {
     await controller.dispatch({ type: 'start', harness: intent.harness });
     return controller.dispatch({ type: 'send', text: intent.text, ...(intent.context?.length ? { context: intent.context } : {}), ...(intent.images?.length ? { images: intent.images } : {}) });
   }
-  if (intent.action === 'resume' && active) return controller.dispatch({ type: 'resume', sessionKey: active });
+  if (intent.action === 'resume' && active) {
+    if (intent.mode === 'terminal') {
+      return options.onResumeTerminal
+        ? options.onResumeTerminal(intent)
+        : options.onUnsupported?.(intent);
+    }
+    return controller.dispatch({ type: 'resume', sessionKey: active });
+  }
   if (intent.action === 'join' && active) return controller.dispatch({ type: 'attach', sessionKey: active });
   if (intent.action === 'detach') return controller.dispatch({ type: 'detach' });
   if (intent.action === 'branch' && active) return controller.dispatch({ type: 'branch', sessionKey: active, ...(intent.targetHarness ? { targetHarness: intent.targetHarness } : {}) });

package/conversation.mjs

@@ -18,6 +18,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -33,6 +34,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,

package/core.d.ts

@@ -1,5 +1,6 @@
 export type {
   AttachedSessionModel,
+  ContinuationMode,
   ControlStrategy,
   HarnessId,
   HarnessOption,

package/core.mjs

@@ -14,6 +14,7 @@ export const DEFAULT_LABELS = Object.freeze({
   searchChats: 'Search chats',
   askAgent: 'Ask your agent…',
   continueHere: 'Continue here',
+  continueWithTerminal: 'Continue with terminal',
   joinLive: 'Join live',
   forkHere: 'Fork here',
 });
@@ -30,6 +31,7 @@ export const EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -754,6 +756,10 @@ export function normalizeUiState(value) {
   const pill = record(raw.pill);
   const history = record(raw.history);
   const attachError = record(raw.attachError);
+  const canResume = raw.canResume === true;
+  const continuationModes = Array.isArray(raw.continuationModes)
+    ? [...new Set(raw.continuationModes.filter((mode) => mode === 'headless' || mode === 'terminal'))]
+    : canResume ? ['headless'] : [];
   return {
     pill: { tone: ['live', 'warn', 'dead'].includes(pill?.tone) ? pill.tone : 'off', label: string(pill?.label, 'connecting…') },
     startup: STARTUP.has(raw.startup) ? raw.startup : 'connecting',
@@ -765,7 +771,8 @@ export function normalizeUiState(value) {
     mode: MODES.has(raw.mode) ? raw.mode : 'none',
     strategy: STRATEGIES.has(raw.strategy) ? raw.strategy : null,
     canSend: raw.canSend === true,
-    canResume: raw.canResume === true,
+    canResume,
+    continuationModes,
     canBranch: raw.canBranch === true,
     canAttach: raw.canAttach === true,
     canDetach: raw.canDetach === true,
@@ -818,9 +825,11 @@ export function sessionDisplayName(session) {
 export function sessionActivity(state, row) {
   if (state.needsInput && row.active) return 'needs-input';
   if (state.busy && row.active) return 'working';
+  // Unread/finished attention has its own badge. It must not suppress the
+  // transient working indicator when the harness proves this row is busy.
+  if (row.runtimeStatus === 'busy') return 'working';
   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';

package/embed.mjs

@@ -20,6 +20,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -35,6 +36,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -707,6 +709,8 @@ function normalizeUiState(value) {
   const pill = record(raw.pill);
   const history = record(raw.history);
   const attachError = record(raw.attachError);
+  const canResume = raw.canResume === true;
+  const continuationModes = Array.isArray(raw.continuationModes) ? [...new Set(raw.continuationModes.filter((mode) => mode === "headless" || mode === "terminal"))] : canResume ? ["headless"] : [];
   return {
     pill: { tone: ["live", "warn", "dead"].includes(pill?.tone) ? pill.tone : "off", label: string(pill?.label, "connecting\u2026") },
     startup: STARTUP.has(raw.startup) ? raw.startup : "connecting",
@@ -718,7 +722,8 @@ function normalizeUiState(value) {
     mode: MODES.has(raw.mode) ? raw.mode : "none",
     strategy: STRATEGIES.has(raw.strategy) ? raw.strategy : null,
     canSend: raw.canSend === true,
-    canResume: raw.canResume === true,
+    canResume,
+    continuationModes,
     canBranch: raw.canBranch === true,
     canAttach: raw.canAttach === true,
     canDetach: raw.canDetach === true,
@@ -766,9 +771,9 @@ function sessionDisplayName(session) {
 function sessionActivity(state, row) {
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
+  if (row.runtimeStatus === "busy") return "working";
   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";
@@ -1179,6 +1184,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -1190,7 +1196,10 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
-    /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
+    /* @__PURE__ */ jsxs3("span", { class: "scui-continuation-actions", children: [
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
+      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-secondary", disabled: Boolean(state.operation), onClick: () => adapter.onIntent({ action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+    ] })
   ] });
 }
 function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
@@ -2165,7 +2174,7 @@ import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
 function HarnessAdvisory({ state, onReview }) {
   const advisory = state.interopSettings?.advisories[0];
   if (!advisory && !state.interopSettingsError) return null;
-  return /* @__PURE__ */ jsxs7("aside", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" ? "alert" : "status", children: [
+  return /* @__PURE__ */ jsxs7("div", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
     /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "!" }),
     /* @__PURE__ */ jsxs7("span", { children: [
       /* @__PURE__ */ jsx8("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),

package/index.d.ts

@@ -5,6 +5,7 @@ export type UiTone = 'live' | 'warn' | 'dead' | 'off';
 export type StartupPhase = 'connecting' | 'starting' | 'discovering' | 'ready';
 export type SessionMode = 'none' | 'control' | 'mirror';
 export type ControlStrategy = 'start' | 'resume' | 'attach' | 'branch' | 'reduce' | null;
+export type ContinuationMode = 'headless' | 'terminal';
 export type SessionActivity = 'idle' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
 
 export interface HarnessOption {
@@ -234,6 +235,8 @@ export interface SupercodeUiState {
   strategy: ControlStrategy;
   canSend: boolean;
   canResume: boolean;
+  /** Execution strategies the current host can actually provide. Headless is the default. */
+  continuationModes: ContinuationMode[];
   canBranch: boolean;
   canAttach: boolean;
   canDetach: boolean;
@@ -285,7 +288,7 @@ export type SupercodeUiIntent =
   | { action: 'draft'; text: string }
   | { action: 'send'; text: string; context?: TranscriptContext[]; images?: Array<TranscriptImage & { url: string }> }
   | { action: 'new'; harness: HarnessId; text: string; context?: TranscriptContext[]; images?: Array<TranscriptImage & { url: string }> }
-  | { action: 'resume' }
+  | { action: 'resume'; mode?: ContinuationMode }
   | { action: 'join' }
   | { action: 'detach' }
   | { action: 'branch'; targetHarness?: HarnessId }
@@ -316,6 +319,7 @@ export interface MessengerLabels {
   searchChats: string;
   askAgent: string;
   continueHere: string;
+  continueWithTerminal?: string;
   joinLive: string;
   forkHere: string;
 }

package/messenger.mjs

@@ -17,6 +17,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -32,6 +33,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -704,6 +706,8 @@ function normalizeUiState(value) {
   const pill = record(raw.pill);
   const history = record(raw.history);
   const attachError = record(raw.attachError);
+  const canResume = raw.canResume === true;
+  const continuationModes = Array.isArray(raw.continuationModes) ? [...new Set(raw.continuationModes.filter((mode) => mode === "headless" || mode === "terminal"))] : canResume ? ["headless"] : [];
   return {
     pill: { tone: ["live", "warn", "dead"].includes(pill?.tone) ? pill.tone : "off", label: string(pill?.label, "connecting\u2026") },
     startup: STARTUP.has(raw.startup) ? raw.startup : "connecting",
@@ -715,7 +719,8 @@ function normalizeUiState(value) {
     mode: MODES.has(raw.mode) ? raw.mode : "none",
     strategy: STRATEGIES.has(raw.strategy) ? raw.strategy : null,
     canSend: raw.canSend === true,
-    canResume: raw.canResume === true,
+    canResume,
+    continuationModes,
     canBranch: raw.canBranch === true,
     canAttach: raw.canAttach === true,
     canDetach: raw.canDetach === true,
@@ -763,9 +768,9 @@ function sessionDisplayName(session) {
 function sessionActivity(state, row) {
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
+  if (row.runtimeStatus === "busy") return "working";
   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";
@@ -1176,6 +1181,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -1187,7 +1193,10 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
       /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
       /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
-    /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
+    /* @__PURE__ */ jsxs3("span", { class: "scui-continuation-actions", children: [
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
+      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", class: "scui-secondary", disabled: Boolean(state.operation), onClick: () => adapter.onIntent({ action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+    ] })
   ] });
 }
 function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
@@ -2162,7 +2171,7 @@ import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
 function HarnessAdvisory({ state, onReview }) {
   const advisory = state.interopSettings?.advisories[0];
   if (!advisory && !state.interopSettingsError) return null;
-  return /* @__PURE__ */ jsxs7("aside", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" ? "alert" : "status", children: [
+  return /* @__PURE__ */ jsxs7("div", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
     /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "!" }),
     /* @__PURE__ */ jsxs7("span", { children: [
       /* @__PURE__ */ jsx8("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),

package/package.json

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

package/sessions.mjs

@@ -17,6 +17,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -32,6 +33,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -81,9 +83,9 @@ function sessionDisplayName(session) {
 function sessionActivity(state, row) {
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
+  if (row.runtimeStatus === "busy") return "working";
   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";

package/settings.mjs

@@ -17,6 +17,7 @@ var DEFAULT_LABELS = Object.freeze({
   searchChats: "Search chats",
   askAgent: "Ask your agent\u2026",
   continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
   joinLive: "Join live",
   forkHere: "Fork here"
 });
@@ -32,6 +33,7 @@ var EMPTY_UI_STATE = Object.freeze({
   strategy: null,
   canSend: false,
   canResume: false,
+  continuationModes: Object.freeze([]),
   canBranch: false,
   canAttach: false,
   canDetach: false,
@@ -120,7 +122,7 @@ import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
 function HarnessAdvisory({ state, onReview }) {
   const advisory = state.interopSettings?.advisories[0];
   if (!advisory && !state.interopSettingsError) return null;
-  return /* @__PURE__ */ jsxs2("aside", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" ? "alert" : "status", children: [
+  return /* @__PURE__ */ jsxs2("div", { class: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
     /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: "!" }),
     /* @__PURE__ */ jsxs2("span", { children: [
       /* @__PURE__ */ jsx2("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),

package/styles.css

@@ -179,7 +179,7 @@
 .scui-plan > summary { display:flex; justify-content:space-between; padding:6px 8px; border:1px solid var(--scui-border); border-radius:7px; background:var(--scui-bg-raised) }.scui-plan ol { display:grid; gap:4px; box-sizing:border-box; max-height:140px; margin:5px 0 0; padding:7px 8px 7px 25px; overflow:auto; border:1px solid var(--scui-border); border-radius:7px }.scui-plan li[data-status="completed"] { color:var(--scui-fg); text-decoration:line-through }
 .scui-working { display:flex; align-items:center; gap:4px; color:var(--scui-muted) }.scui-working > span { color:var(--scui-accent) }.scui-working > i { width:4px; height:4px; border-radius:50%; background:currentColor; animation:scui-dots 1.2s infinite }.scui-working > i:nth-of-type(2) { animation-delay:.15s }.scui-working > i:nth-of-type(3) { animation-delay:.3s }
 
-.scui-continuation { display:flex; align-items:center; gap:8px; padding:7px 9px; border-top:1px solid var(--scui-border); background:var(--scui-bg-raised) }.scui-continuation > span { display:grid; flex:1 }.scui-continuation small { color:var(--scui-muted); font-size:10px }.scui-continuation button { padding:5px 8px; border:1px solid var(--scui-accent); border-radius:7px; background:transparent; color:var(--scui-accent); cursor:pointer }
+.scui-continuation { display:flex; align-items:center; gap:8px; padding:7px 9px; border-top:1px solid var(--scui-border); background:var(--scui-bg-raised) }.scui-continuation > span:not(.scui-continuation-actions) { display:grid; flex:1 }.scui-continuation small { color:var(--scui-muted); font-size:10px }.scui-continuation-actions { display:flex; align-items:center; gap:5px; flex-wrap:wrap; justify-content:flex-end }.scui-continuation button { padding:5px 8px; border:1px solid var(--scui-accent); border-radius:7px; background:transparent; color:var(--scui-accent); cursor:pointer; white-space:nowrap }.scui-continuation button.scui-secondary { border-color:var(--scui-border-strong); color:var(--scui-fg) }
 .scui-compose { flex:none; padding:8px; border-top:1px solid var(--scui-border); background:var(--scui-bg-raised) }
 .scui-envelope { display:flex; align-items:flex-end; gap:7px; padding:7px; border:1px solid var(--scui-border-strong); border-radius:16px; background:var(--scui-bg) }.scui-envelope textarea { flex:1; min-width:0; min-height:34px; max-height:150px; resize:none; overflow-y:hidden; border:0; outline:0; background:transparent; color:var(--scui-fg) }.scui-envelope > span { display:flex; gap:4px }
 .scui-envelope.scui-drop-target { border-color:var(--scui-accent); background:color-mix(in srgb,var(--scui-accent) 7%,var(--scui-bg)); box-shadow:0 0 0 2px color-mix(in srgb,var(--scui-accent) 16%,transparent) }