@volter-ai-dev/supercode-ui 0.1.47 → 0.1.48

package/activity.mjs

@@ -32,9 +32,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -712,9 +715,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,

package/components.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -724,9 +727,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,
@@ -1314,21 +1320,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2716,8 +2726,8 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
   return /* @__PURE__ */ jsxs9("header", { className: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx10("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsx10("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 17 }) }),
+    /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 24 }),
     /* @__PURE__ */ jsxs9("span", { className: "scui-head-copy", children: [
       /* @__PURE__ */ jsx10("strong", { children: title }),
       /* @__PURE__ */ jsxs9("small", { children: [

package/composer.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -311,21 +314,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }

package/controller.mjs

@@ -436,6 +436,10 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
   const now = Number.isFinite(options.now) ? options.now : Date.now();
   const busy = ['running', 'interrupting', 'reconciling'].includes(snapshot.turn?.state);
   const actions = snapshot.availableActions ?? {};
+  // Older clients did not expose operation-independent eligibility. Falling
+  // back preserves compatibility; current clients keep stable UI capability
+  // copy while an action temporarily makes every executable action false.
+  const eligibility = snapshot.actionEligibility ?? actions;
   const maxSessions = positiveInteger(options.maxSessions, DEFAULT_MAX_SESSIONS);
   const liveWindowMs = positiveInteger(options.liveWindowMs, DEFAULT_LIVE_WINDOW_MS);
   const snapshotSessions = (snapshot.sessions ?? []).slice(0, maxSessions).map((session) => ({
@@ -475,9 +479,12 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
     canSend: actions.send === true,
     canSteer: actions.steer === true,
     canResume: actions.resume === true,
-    continuationModes: options.continuationModes ?? (actions.resume === true ? ['headless'] : []),
+    supportsResume: eligibility.resume === true,
+    continuationModes: options.continuationModes ?? (eligibility.resume === true ? ['headless'] : []),
     canBranch: actions.branch === true,
+    supportsBranch: eligibility.branch === true,
     canAttach: actions.attach === true,
+    supportsAttach: eligibility.attach === true,
     canDetach: actions.detach === true,
     canOpenTerminal: actions.openTerminal === true,
     canExport: Boolean(options.exportBackTarget && snapshot.activeSessionKey),
@@ -517,13 +524,13 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
       protocol: harness.protocol,
       repair: harness.repair ?? null,
       capabilities: {
-        start: harness.availableActions?.start === true,
-        resume: harness.availableActions?.resume === true,
-        attach: harness.availableActions?.attach === true,
-        send: harness.availableActions?.send === true,
-        interrupt: harness.availableActions?.interrupt === true,
-        steer: harness.availableActions?.steer === true,
-        respond: harness.availableActions?.respond === true,
+        start: (harness.effective_capabilities ?? harness.capabilities)?.start_session === true,
+        resume: (harness.effective_capabilities ?? harness.capabilities)?.resume_session === true,
+        attach: (harness.effective_capabilities ?? harness.capabilities)?.attach_existing_process === true,
+        send: (harness.effective_capabilities ?? harness.capabilities)?.send_input === true,
+        interrupt: (harness.effective_capabilities ?? harness.capabilities)?.interrupt === true,
+        steer: (harness.effective_capabilities ?? harness.capabilities)?.steer === true,
+        respond: (harness.effective_capabilities ?? harness.capabilities)?.respond_to_requests === true,
       },
     })),
     history: {

package/conversation.mjs

@@ -36,9 +36,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,

package/core.mjs

@@ -33,9 +33,12 @@ export const EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -776,9 +779,12 @@ export function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,

package/embed.mjs

@@ -38,9 +38,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -727,9 +730,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,
@@ -1277,21 +1283,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2633,8 +2643,8 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
   return /* @__PURE__ */ jsxs8("header", { className: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 17 }) }),
+    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
     /* @__PURE__ */ jsxs8("span", { className: "scui-head-copy", children: [
       /* @__PURE__ */ jsx9("strong", { children: title }),
       /* @__PURE__ */ jsxs8("small", { children: [

package/index.d.ts

@@ -267,10 +267,16 @@ export interface SupercodeUiState {
   canSend: boolean;
   canSteer: boolean;
   canResume: boolean;
+  /** Stable continuation eligibility while another controller action is in flight. */
+  supportsResume: boolean;
   /** Execution transports the current host can actually provide. */
   continuationModes: ContinuationMode[];
   canBranch: boolean;
+  /** Stable continuation eligibility while another controller action is in flight. */
+  supportsBranch: boolean;
   canAttach: boolean;
+  /** Stable continuation eligibility while another controller action is in flight. */
+  supportsAttach: boolean;
   canDetach: boolean;
   canOpenTerminal: boolean;
   canExport: boolean;

package/messenger.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -724,9 +727,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,
@@ -1274,21 +1280,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2630,8 +2640,8 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
   return /* @__PURE__ */ jsxs8("header", { className: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 17 }) }),
+    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
     /* @__PURE__ */ jsxs8("span", { className: "scui-head-copy", children: [
       /* @__PURE__ */ jsx9("strong", { children: title }),
       /* @__PURE__ */ jsxs8("small", { children: [

package/package.json

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

package/react/activity.mjs

@@ -32,9 +32,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -712,9 +715,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,

package/react/components.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -724,9 +727,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,
@@ -1314,21 +1320,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2716,8 +2726,8 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
   return /* @__PURE__ */ jsxs9("header", { className: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx10("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsx10("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx10(UiIcon, { name: "back", size: 17 }) }),
+    /* @__PURE__ */ jsx10(HarnessLogo, { id: harness, size: 24 }),
     /* @__PURE__ */ jsxs9("span", { className: "scui-head-copy", children: [
       /* @__PURE__ */ jsx10("strong", { children: title }),
       /* @__PURE__ */ jsxs9("small", { children: [

package/react/composer.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -311,21 +314,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }

package/react/conversation.mjs

@@ -36,9 +36,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,

package/react/messenger.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,
@@ -724,9 +727,12 @@ function normalizeUiState(value) {
     canSend: raw.canSend === true,
     canSteer: raw.canSteer === true,
     canResume,
+    supportsResume: raw.supportsResume === true,
     continuationModes,
     canBranch: raw.canBranch === true,
+    supportsBranch: raw.supportsBranch === true,
     canAttach: raw.canAttach === true,
+    supportsAttach: raw.supportsAttach === true,
     canDetach: raw.canDetach === true,
     canOpenTerminal: raw.canOpenTerminal === true,
     canExport: raw.canExport === true,
@@ -1274,21 +1280,25 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   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 join = state.canAttach;
-  const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
     /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
     /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
+  const enabled = available[continuation];
   return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
     /* @__PURE__ */ jsxs3("span", { children: [
       /* @__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("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
     /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
-      !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 })
+      continuation === "resume" ? /* @__PURE__ */ jsx3(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
     ] })
   ] });
 }
@@ -2630,8 +2640,8 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
   return /* @__PURE__ */ jsxs8("header", { className: "scui-head scui-chat-head", children: [
-    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
-    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 17 }) }),
+    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
     /* @__PURE__ */ jsxs8("span", { className: "scui-head-copy", children: [
       /* @__PURE__ */ jsx9("strong", { children: title }),
       /* @__PURE__ */ jsxs8("small", { children: [

package/react/sessions.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,

package/react/settings.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,

package/sessions.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,

package/settings.mjs

@@ -35,9 +35,12 @@ var EMPTY_UI_STATE = Object.freeze({
   canSend: false,
   canSteer: false,
   canResume: false,
+  supportsResume: false,
   continuationModes: Object.freeze([]),
   canBranch: false,
+  supportsBranch: false,
   canAttach: false,
+  supportsAttach: false,
   canDetach: false,
   canOpenTerminal: false,
   canExport: false,

package/styles.css

@@ -13,6 +13,7 @@
   --scui-warning: #b26a00;
   --scui-danger: #b4232e;
   --scui-radius: 10px;
+  --scui-head-height: 42px;
   --scui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   box-sizing: border-box;
   display: flex;
@@ -53,11 +54,11 @@
 .scui-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
 
 .scui-list,.scui-chat { display:flex; flex:1; min-width:0; min-height:0; flex-direction:column }
-.scui-head { display:flex; flex:none; align-items:center; gap:8px; min-height:49px; padding:7px 8px 7px 12px; border-bottom:1px solid var(--scui-border); background:var(--scui-bg-raised) }
+.scui-head { display:flex; flex:none; align-items:center; gap:5px; min-height:var(--scui-head-height); padding:4px 6px 4px 8px; border-bottom:1px solid var(--scui-border); background:var(--scui-bg-raised) }
 .scui-head > .scui-head-copy { display:grid; flex:1; min-width:0 }
-.scui-head strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px }
-.scui-head small { overflow:hidden; color:var(--scui-muted); font-size:10.5px; text-overflow:ellipsis; white-space:nowrap }
-.scui-head > button,.scui-menu-trigger { display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:8px; background:transparent; color:inherit; cursor:pointer; font-size:18px }
+.scui-head strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px }
+.scui-head small { overflow:hidden; color:var(--scui-muted); font-size:9.5px; text-overflow:ellipsis; white-space:nowrap }
+.scui-head > button,.scui-menu-trigger { display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:7px; background:transparent; color:inherit; cursor:pointer; font-size:16px }
 .scui-head > button:hover,.scui-menu-trigger:hover,.scui-menu-trigger[aria-expanded="true"] { background:var(--scui-fill) }
 .scui-menu { position:relative }
 .scui-menu-panel { position:absolute; z-index:20; top:36px; right:0; display:grid; width:250px; max-height:300px; padding:5px; overflow:auto; border:1px solid var(--scui-border-strong); border-radius:10px; background:var(--scui-bg); box-shadow:0 10px 28px rgba(0,0,0,.22) }
@@ -207,7 +208,7 @@
 .scui-harness-manage { margin-top:4px; padding-top:4px; border-top:1px solid var(--scui-border) }.scui-harness-manage > summary { padding:6px 7px; color:var(--scui-muted); cursor:pointer; font-size:9.5px }.scui-harness-manage > div { display:grid; gap:1px }.scui-harness-manage section { display:grid; grid-template-columns:auto minmax(0,1fr) auto; min-height:36px; align-items:center; gap:8px; padding:5px 7px }.scui-harness-manage section > span { display:grid; min-width:0 }.scui-harness-manage section strong,.scui-harness-manage section small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }.scui-harness-manage section strong { font-size:10.5px; font-weight:600 }.scui-harness-manage section small { color:var(--scui-muted); font-size:8.5px }.scui-harness-manage section > button { padding:4px 6px; border:1px solid var(--scui-border); border-radius:6px; background:transparent; color:var(--scui-muted); cursor:pointer; font-size:8.5px }.scui-harness-manage section > button:hover { border-color:var(--scui-border-strong); color:var(--scui-fg) }
 .scui-readiness { margin:0 0 7px; border:1px solid var(--scui-border); border-radius:7px; background:var(--scui-bg) }.scui-readiness > summary { padding:6px 8px; color:var(--scui-muted); cursor:pointer; font-size:10px }.scui-readiness > div { display:grid; border-top:1px solid var(--scui-border) }.scui-readiness section { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:7px; padding:7px 8px }.scui-readiness section + section { border-top:1px solid var(--scui-border) }.scui-readiness section > span { display:grid; min-width:0 }.scui-readiness section strong,.scui-readiness section small,.scui-readiness section em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }.scui-readiness section small { color:var(--scui-muted); font-size:9px }.scui-readiness section em { color:var(--scui-muted); font-size:8px; font-style:normal }.scui-readiness section button { padding:4px 6px; border:1px solid var(--scui-border); border-radius:6px; background:transparent; cursor:pointer; font-size:9px }
 .scui-new { display:grid; justify-items:center; gap:5px; margin:auto; padding:20px; color:var(--scui-muted); text-align:center }.scui-new > span { color:var(--scui-accent); font-size:28px }.scui-new strong { color:var(--scui-fg) }
-.scui-opening { position:absolute; z-index:30; inset:49px 0 0; display:flex; align-items:center; justify-content:center; gap:10px; padding:20px; background:var(--scui-bg) }.scui-opening > span { display:grid }.scui-opening small { color:var(--scui-muted) }.scui-opening > i { width:16px; height:16px; border:2px solid var(--scui-border); border-top-color:var(--scui-accent); border-radius:50%; animation:scui-spin .8s linear infinite }
+.scui-opening { position:absolute; z-index:30; inset:var(--scui-head-height) 0 0; display:flex; align-items:center; justify-content:center; gap:10px; padding:20px; background:var(--scui-bg) }.scui-opening > span { display:grid }.scui-opening small { color:var(--scui-muted) }.scui-opening > i { width:16px; height:16px; border:2px solid var(--scui-border); border-top-color:var(--scui-accent); border-radius:50%; animation:scui-spin .8s linear infinite }
 
 @keyframes scui-spin { to { transform:rotate(360deg) } }
 @keyframes scui-breathe { 50% { transform:scale(.72); opacity:.5 } }
@@ -216,8 +217,8 @@
 @keyframes scui-session-dots { 50% { transform:translateY(-1px); opacity:.55 } }
 @media (prefers-reduced-motion:reduce) { .scui-root * { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition:none !important } }
 @media (pointer:coarse) {
-  .scui-head > button,.scui-menu-trigger { width:40px; height:40px }
-  .scui-head { min-height:52px }
+  :where(.scui-root) { --scui-head-height:44px }
+  .scui-head > button,.scui-menu-trigger { width:36px; height:36px }
   .scui-menu-panel button,.scui-request-actions button,.scui-load { min-height:40px }
   .scui-send,.scui-stop { width:40px; height:40px }
   .scui-new-envelope-controls .scui-attach,.scui-harness-trigger { min-height:40px }