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

package/README.md

@@ -206,8 +206,9 @@ errors, and owned/attached identities without reimplementing transcript or capab
 `projectSessionInventory` performs the corresponding title, latest-preview, activity, path, age,
 sorting, and row projection for raw machine-wide descriptors; the trusted host supplies only its
 opaque-key callback and retains the reversible locator map. Its `isWritable` capability callback
-is fail-closed: observed sessions remain neutral read-only channels until the host proves a real
-send or terminal-control path.
+is fail-closed: unread badges remain neutral until the host proves a real send or terminal-control
+path. Runtime activity remains independent, so a read-only channel can still truthfully show that
+its external agent is working or needs input.
 
 ## Modularity contract
 

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,
@@ -784,7 +790,6 @@ 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";
@@ -802,7 +807,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -813,13 +817,14 @@ 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) {
   const state = normalizeUiState(value);
   const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const sessionsByKey = new Map(state.sessions.map((row) => [row.key, row]));
   const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const unreadTone = state.attention.length > 0 && state.attention.every((item) => sessionsByKey.get(item.key)?.writable) ? "attention" : "neutral";
   const ranked = state.sessions.map((row, index) => {
     const activity2 = sessionActivity(state, row);
     return {
@@ -843,7 +848,8 @@ function projectAgentActivity(value) {
     title: selected ? sessionDisplayName(selected.row) : fallback ? sessionDisplayName(fallback) : "Agent chats",
     detail: activityDetail(activity, preview, state.pill.label),
     activity,
-    unreadCount
+    unreadCount,
+    unreadTone
   };
 }
 function toolTarget(argumentsText) {
@@ -930,7 +936,7 @@ function AgentActivityLauncher({ state, onOpen, class: className = "", showSumma
   const Logo = components.HarnessLogo ?? HarnessLogo;
   const badge = value.unreadCount > 99 ? "99+" : String(value.unreadCount);
   const label = [value.title, value.detail, value.unreadCount ? `${value.unreadCount} unread` : ""].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs2("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
+  return /* @__PURE__ */ jsxs2("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, "data-unread-tone": value.unreadTone, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
     /* @__PURE__ */ jsxs2("span", { className: "scui-launcher-logo", children: [
       /* @__PURE__ */ jsx2(Logo, { id: value.harness || "supercode", activity: value.activity, size: 36 }),
       value.unreadCount ? /* @__PURE__ */ jsx2("b", { "aria-hidden": "true", children: badge }) : null

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,
@@ -796,7 +802,6 @@ 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";
@@ -814,7 +819,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -825,13 +829,14 @@ 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) {
   const state = normalizeUiState(value);
   const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const sessionsByKey = new Map(state.sessions.map((row) => [row.key, row]));
   const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const unreadTone = state.attention.length > 0 && state.attention.every((item) => sessionsByKey.get(item.key)?.writable) ? "attention" : "neutral";
   const ranked = state.sessions.map((row, index) => {
     const activity2 = sessionActivity(state, row);
     return {
@@ -855,7 +860,8 @@ function projectAgentActivity(value) {
     title: selected ? sessionDisplayName(selected.row) : fallback ? sessionDisplayName(fallback) : "Agent chats",
     detail: activityDetail(activity, preview, state.pill.label),
     activity,
-    unreadCount
+    unreadCount,
+    unreadTone
   };
 }
 function filterSessions(rows, query) {
@@ -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 })
     ] })
   ] });
 }
@@ -1643,7 +1653,7 @@ function AgentActivityLauncher({ state, onOpen, class: className = "", showSumma
   const Logo = components.HarnessLogo ?? HarnessLogo;
   const badge = value.unreadCount > 99 ? "99+" : String(value.unreadCount);
   const label = [value.title, value.detail, value.unreadCount ? `${value.unreadCount} unread` : ""].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs5("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
+  return /* @__PURE__ */ jsxs5("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, "data-unread-tone": value.unreadTone, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
     /* @__PURE__ */ jsxs5("span", { className: "scui-launcher-logo", children: [
       /* @__PURE__ */ jsx5(Logo, { id: value.harness || "supercode", activity: value.activity, size: 36 }),
       value.unreadCount ? /* @__PURE__ */ jsx5("b", { "aria-hidden": "true", children: badge }) : null
@@ -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,
@@ -77,7 +80,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function canContinueHere(state) {
@@ -312,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,
@@ -439,7 +442,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function groupConversation(entries) {

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,
@@ -859,9 +865,6 @@ export function sessionDisplayName(session) {
 }
 
 export function sessionActivity(state, row) {
-  // Runtime activity and interaction authority are deliberately independent. A process may be
-  // busy in another terminal, but presenting it as this surface's active agent is misleading.
-  if (!row.writable) return 'observed';
   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
@@ -882,7 +885,6 @@ const ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0,
 });
 
@@ -894,7 +896,6 @@ 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';
 }
 
@@ -902,7 +903,12 @@ function activityDetail(activity, preview, pill) {
 export function projectAgentActivity(value) {
   const state = normalizeUiState(value);
   const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const sessionsByKey = new Map(state.sessions.map((row) => [row.key, row]));
   const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const unreadTone = state.attention.length > 0
+    && state.attention.every((item) => sessionsByKey.get(item.key)?.writable)
+    ? 'attention'
+    : 'neutral';
   const ranked = state.sessions.map((row, index) => {
     const activity = sessionActivity(state, row);
     return {
@@ -927,6 +933,7 @@ export function projectAgentActivity(value) {
     detail: activityDetail(activity, preview, state.pill.label),
     activity,
     unreadCount,
+    unreadTone,
   };
 }
 

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,
@@ -799,7 +805,6 @@ 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";
@@ -817,7 +822,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -1279,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 })
     ] })
   ] });
 }
@@ -2635,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

@@ -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' | 'observed' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
+export type SessionActivity = 'idle' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
 
 export interface AgentActivityModel {
   harness: HarnessId | '';
@@ -17,6 +17,7 @@ export interface AgentActivityModel {
   detail: string;
   activity: SessionActivity;
   unreadCount: number;
+  unreadTone: 'attention' | 'neutral';
 }
 
 export interface HarnessOption {
@@ -266,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,
@@ -796,7 +802,6 @@ 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";
@@ -814,7 +819,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -1276,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 })
     ] })
   ] });
 }
@@ -2632,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.46",
+  "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,
@@ -784,7 +790,6 @@ 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";
@@ -802,7 +807,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -813,13 +817,14 @@ 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) {
   const state = normalizeUiState(value);
   const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const sessionsByKey = new Map(state.sessions.map((row) => [row.key, row]));
   const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const unreadTone = state.attention.length > 0 && state.attention.every((item) => sessionsByKey.get(item.key)?.writable) ? "attention" : "neutral";
   const ranked = state.sessions.map((row, index) => {
     const activity2 = sessionActivity(state, row);
     return {
@@ -843,7 +848,8 @@ function projectAgentActivity(value) {
     title: selected ? sessionDisplayName(selected.row) : fallback ? sessionDisplayName(fallback) : "Agent chats",
     detail: activityDetail(activity, preview, state.pill.label),
     activity,
-    unreadCount
+    unreadCount,
+    unreadTone
   };
 }
 function toolTarget(argumentsText) {
@@ -930,7 +936,7 @@ function AgentActivityLauncher({ state, onOpen, class: className = "", showSumma
   const Logo = components.HarnessLogo ?? HarnessLogo;
   const badge = value.unreadCount > 99 ? "99+" : String(value.unreadCount);
   const label = [value.title, value.detail, value.unreadCount ? `${value.unreadCount} unread` : ""].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs2("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
+  return /* @__PURE__ */ jsxs2("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, "data-unread-tone": value.unreadTone, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
     /* @__PURE__ */ jsxs2("span", { className: "scui-launcher-logo", children: [
       /* @__PURE__ */ jsx2(Logo, { id: value.harness || "supercode", activity: value.activity, size: 36 }),
       value.unreadCount ? /* @__PURE__ */ jsx2("b", { "aria-hidden": "true", children: badge }) : null

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,
@@ -796,7 +802,6 @@ 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";
@@ -814,7 +819,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -825,13 +829,14 @@ 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) {
   const state = normalizeUiState(value);
   const attentionByKey = new Map(state.attention.map((item) => [item.key, item]));
+  const sessionsByKey = new Map(state.sessions.map((row) => [row.key, row]));
   const unreadCount = state.attention.reduce((total, item) => total + (item.unreadCount ?? 1), 0);
+  const unreadTone = state.attention.length > 0 && state.attention.every((item) => sessionsByKey.get(item.key)?.writable) ? "attention" : "neutral";
   const ranked = state.sessions.map((row, index) => {
     const activity2 = sessionActivity(state, row);
     return {
@@ -855,7 +860,8 @@ function projectAgentActivity(value) {
     title: selected ? sessionDisplayName(selected.row) : fallback ? sessionDisplayName(fallback) : "Agent chats",
     detail: activityDetail(activity, preview, state.pill.label),
     activity,
-    unreadCount
+    unreadCount,
+    unreadTone
   };
 }
 function filterSessions(rows, query) {
@@ -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 })
     ] })
   ] });
 }
@@ -1643,7 +1653,7 @@ function AgentActivityLauncher({ state, onOpen, class: className = "", showSumma
   const Logo = components.HarnessLogo ?? HarnessLogo;
   const badge = value.unreadCount > 99 ? "99+" : String(value.unreadCount);
   const label = [value.title, value.detail, value.unreadCount ? `${value.unreadCount} unread` : ""].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs5("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
+  return /* @__PURE__ */ jsxs5("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, "data-unread-tone": value.unreadTone, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
     /* @__PURE__ */ jsxs5("span", { className: "scui-launcher-logo", children: [
       /* @__PURE__ */ jsx5(Logo, { id: value.harness || "supercode", activity: value.activity, size: 36 }),
       value.unreadCount ? /* @__PURE__ */ jsx5("b", { "aria-hidden": "true", children: badge }) : null
@@ -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,
@@ -77,7 +80,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function canContinueHere(state) {
@@ -312,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,
@@ -439,7 +442,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function groupConversation(entries) {

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,
@@ -796,7 +802,6 @@ 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";
@@ -814,7 +819,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -1276,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 })
     ] })
   ] });
 }
@@ -2632,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,
@@ -83,7 +86,6 @@ 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";
@@ -101,7 +103,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {

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,
@@ -77,7 +80,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 

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,
@@ -83,7 +86,6 @@ 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";
@@ -101,7 +103,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {

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,
@@ -77,7 +80,6 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
-  observed: 0,
   idle: 0
 });
 

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) }
@@ -73,7 +74,6 @@
 .scui-logo[data-harness="pi"] { color:#111; background:#efefeb }
 .scui-logo[data-harness="supercode"] { background:#111923 }
 .scui-logo > i { position:absolute; right:-5%; bottom:-5%; width:32%; height:32%; border:2px solid var(--scui-bg); border-radius:50%; background:var(--scui-muted) }
-.scui-logo[data-activity="observed"] > i { background:var(--scui-muted) }
 .scui-logo[data-activity="working"] > i,.scui-logo[data-activity="running"] > i { background:var(--scui-positive) }
 .scui-logo[data-activity="needs-input"] > i { background:var(--scui-warning) }
 .scui-logo[data-activity="failed"] > i { background:var(--scui-danger) }
@@ -81,6 +81,7 @@
 
 .scui-launcher { --scui-bg:#fff; --scui-fg:#191918; --scui-muted:#5f5f5a; --scui-border:#deded9; --scui-positive:#22863a; --scui-warning:#b26a00; --scui-danger:#b4232e; display:inline-flex; min-width:44px; min-height:44px; align-items:center; gap:8px; padding:4px; overflow:visible; border:1px solid var(--scui-border); border-radius:999px; background:color-mix(in srgb,var(--scui-bg) 88%,transparent); color:var(--scui-fg); box-shadow:0 5px 18px rgba(0,0,0,.14); cursor:pointer; font:12px/1.25 var(--scui-font,Inter,ui-sans-serif,system-ui,sans-serif); backdrop-filter:blur(10px) }
 .scui-launcher-logo { position:relative; display:grid; flex:none; place-items:center }.scui-launcher-logo > b { position:absolute; z-index:1; top:-6px; right:-8px; display:grid; min-width:18px; height:18px; padding:0 4px; place-items:center; border:2px solid var(--scui-bg); border-radius:999px; background:var(--scui-danger); color:#fff; font-size:9px; line-height:1 }
+.scui-launcher[data-unread-tone="neutral"] .scui-launcher-logo > b { background:var(--scui-muted) }
 .scui-launcher-copy { display:grid; min-width:0; max-width:220px; padding-right:8px; text-align:left }.scui-launcher-copy strong,.scui-launcher-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }.scui-launcher-copy small { color:var(--scui-muted); font-size:10px }
 .scui-launcher:hover { border-color:color-mix(in srgb,var(--scui-fg) 28%,var(--scui-border)); box-shadow:0 7px 22px rgba(0,0,0,.18) }.scui-launcher:focus-visible { outline:2px solid currentColor; outline-offset:2px }
 @media (prefers-color-scheme:dark) { .scui-launcher { --scui-bg:#151515; --scui-fg:#f3f3ef; --scui-muted:#a3a39d; --scui-border:#353532; --scui-positive:#57c26e; --scui-warning:#e8a23a; --scui-danger:#ff747d } }
@@ -108,6 +109,7 @@
 .scui-session-path { display:flex; min-width:0; overflow:hidden; color:var(--scui-muted); font-size:9.5px; white-space:nowrap }
 .scui-session-path-leading { flex:0 1 auto; overflow:hidden; text-overflow:ellipsis }.scui-session-path-separator { flex:none }.scui-session-path-trailing { flex:none; max-width:58%; overflow:hidden; direction:rtl; text-align:left; text-overflow:ellipsis; unicode-bidi:plaintext }
 .scui-session-preview small { flex:1; min-width:0; color:var(--scui-muted); font-size:10.5px }.scui-session-preview b { display:grid; flex:none; min-width:16px; height:16px; padding:0 4px; place-items:center; border-radius:8px; background:var(--scui-accent); color:var(--scui-bg); font-size:9px; line-height:16px }
+.scui-session[data-writable="false"] .scui-session-preview b { background:var(--scui-muted) }
 .scui-session-copy em { overflow:hidden; color:var(--scui-danger); font-size:10px; font-style:normal; text-overflow:ellipsis; white-space:nowrap }
 .scui-load { display:block; margin:7px auto; padding:5px 10px; border:1px solid var(--scui-border); border-radius:8px; background:var(--scui-bg-raised); color:var(--scui-muted); cursor:pointer }.scui-load:disabled { opacity:.65; cursor:default }
 
@@ -206,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 } }
@@ -215,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 }