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

package/README.md

@@ -205,7 +205,10 @@ and can overlay a machine-wide session inventory, pagination state, attention, d
 errors, and owned/attached identities without reimplementing transcript or capability semantics.
 `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.
+opaque-key callback and retains the reversible locator map. Its `isWritable` capability callback
+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

@@ -554,6 +554,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -815,7 +816,9 @@ function activityDetail(activity, preview, pill) {
 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 {
@@ -839,7 +842,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) {
@@ -926,7 +930,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

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -827,7 +828,9 @@ function activityDetail(activity, preview, pill) {
 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 {
@@ -851,7 +854,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) {
@@ -1639,7 +1643,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
@@ -2299,7 +2303,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs7("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs7("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx8(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs7("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs7("span", { className: "scui-session-title", children: [

package/controller.d.ts

@@ -65,6 +65,8 @@ export interface SessionInventoryProjectionOptions {
   maxSessions?: number;
   liveWindowMs?: number;
   preserveOrder?: boolean;
+  /** Capability check performed by the trusted host; omitted rows are read-only observations. */
+  isWritable?(descriptor: SessionDescriptor): boolean;
 }
 
 export function sessionConversationUpdatedAt(descriptor: SessionDescriptor): number | null;

package/controller.mjs

@@ -72,7 +72,7 @@ function descriptorTitle(descriptor) {
     return compactTopic(nativeTitle);
   }
   if (descriptor?.locator?.harness !== 'claude-code' && descriptor?.locator?.harness !== 'codex') {
-    return compactTopic(nativeTitle || workspace || descriptor?.locator?.session_id?.slice(0, 8)) || 'Untitled chat';
+    return compactTopic(nativeTitle || workspace) || 'Untitled chat';
   }
   const openingUserMessages = (descriptor?.preview_candidates ?? []).filter(
     (candidate) => candidate?.role === undefined || candidate.role === 'user',
@@ -125,6 +125,7 @@ export function projectSessionInventory(descriptors, options) {
       active: active?.sessionId != null
         && descriptor.locator.harness === active.harness
         && descriptor.locator.session_id === active.sessionId,
+      writable: options.isWritable?.(descriptor) === true,
       live: updatedAt !== null && now - updatedAt <= liveWindowMs,
       runtimeStatus: sessionDescriptorRuntimeStatus(descriptor),
     });
@@ -378,14 +379,14 @@ function attached(snapshot) {
     harness: snapshot.activeHarness,
     name: workspaceName(snapshot.workspace),
     cwd: snapshot.workspace,
-    title: snapshot.activeSession?.model ?? snapshot.activeSessionId ?? 'Active session',
+    title: 'Untitled chat',
   } : null;
   return {
     key: session.key,
     harness: session.harness,
     name: workspaceName(session.cwd),
     cwd: session.cwd ?? '',
-    title: session.title ?? session.model ?? session.sessionId,
+    title: session.title ?? 'Untitled chat',
   };
 }
 
@@ -442,11 +443,12 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
     harness: session.harness,
     name: workspaceName(session.cwd),
     cwd: session.cwd ?? '',
-    title: session.title ?? session.model ?? session.sessionId,
+    title: session.title ?? 'Untitled chat',
     age: relativeAge(session.updatedAt, now),
     updatedAt: session.updatedAt ?? null,
     messages: session.messageCount ?? null,
     active: session.key === snapshot.activeSessionKey,
+    writable: session.key === snapshot.activeSessionKey && actions.send === true,
     live: typeof session.updatedAt === 'number' && now - session.updatedAt <= liveWindowMs,
     runtimeStatus: session.liveStatus ?? null,
   }));

package/core.mjs

@@ -562,6 +562,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === 'running' || row.runtimeStatus === 'busy' || row.runtimeStatus === 'idle' ? row.runtimeStatus : null,
     }];
@@ -896,7 +897,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 {
@@ -921,6 +927,7 @@ export function projectAgentActivity(value) {
     detail: activityDetail(activity, preview, state.pill.label),
     activity,
     unreadCount,
+    unreadTone,
   };
 }
 

package/embed.mjs

@@ -569,6 +569,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -2219,7 +2220,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs6("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [

package/index.d.ts

@@ -17,6 +17,7 @@ export interface AgentActivityModel {
   detail: string;
   activity: SessionActivity;
   unreadCount: number;
+  unreadTone: 'attention' | 'neutral';
 }
 
 export interface HarnessOption {
@@ -58,6 +59,8 @@ export interface SessionRowModel {
   updatedAt: number | null;
   messages: number | null;
   active: boolean;
+  /** This surface currently has a real send or terminal-control path for the session. */
+  writable: boolean;
   live: boolean;
   runtimeStatus: 'running' | 'busy' | 'idle' | null;
 }

package/messenger.mjs

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -2216,7 +2217,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs6("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [

package/package.json

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

package/react/activity.mjs

@@ -554,6 +554,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -815,7 +816,9 @@ function activityDetail(activity, preview, pill) {
 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 {
@@ -839,7 +842,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) {
@@ -926,7 +930,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

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -827,7 +828,9 @@ function activityDetail(activity, preview, pill) {
 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 {
@@ -851,7 +854,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) {
@@ -1639,7 +1643,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
@@ -2299,7 +2303,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs7("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs7("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx8(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs7("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs7("span", { className: "scui-session-title", children: [

package/react/messenger.mjs

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -2216,7 +2217,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs6("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [

package/react/sessions.mjs

@@ -332,7 +332,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs5("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs5("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx6(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs5("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs5("span", { className: "scui-session-title", children: [

package/sessions.mjs

@@ -332,7 +332,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs5("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs5("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx6(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs5("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs5("span", { className: "scui-session-title", children: [

package/styles.css

@@ -80,6 +80,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 } }
@@ -107,6 +108,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 }