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

package/README.md

@@ -205,7 +205,9 @@ 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: observed sessions remain neutral read-only channels until the host proves a real
+send or terminal-control path.
 
 ## 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
     }];
@@ -783,6 +784,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -800,6 +802,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -810,6 +813,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === "finished") return "Finished";
   if (activity === "unseen") return "New reply";
   if (activity === "running") return "Session is running";
+  if (activity === "observed") return "Read-only channel";
   return pill || "Agent chats";
 }
 function projectAgentActivity(value) {

package/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
     }];
@@ -795,6 +796,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -812,6 +814,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -822,6 +825,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === "finished") return "Finished";
   if (activity === "unseen") return "New reply";
   if (activity === "running") return "Session is running";
+  if (activity === "observed") return "Read-only channel";
   return pill || "Agent chats";
 }
 function projectAgentActivity(value) {
@@ -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/composer.mjs

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

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/conversation.mjs

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

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,
     }];
@@ -858,6 +859,9 @@ 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
@@ -878,6 +882,7 @@ const ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0,
 });
 
@@ -889,6 +894,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === 'finished') return 'Finished';
   if (activity === 'unseen') return 'New reply';
   if (activity === 'running') return 'Session is running';
+  if (activity === 'observed') return 'Read-only channel';
   return pill || 'Agent chats';
 }
 

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
     }];
@@ -798,6 +799,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -815,6 +817,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -2219,7 +2222,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

@@ -8,7 +8,7 @@ export type ControlStrategy = 'start' | 'resume' | 'attach' | 'branch' | 'reduce
 export type ExecutionMode = 'headless' | 'terminal';
 /** @deprecated Use ExecutionMode. */
 export type ContinuationMode = ExecutionMode;
-export type SessionActivity = 'idle' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
+export type SessionActivity = 'idle' | 'observed' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
 
 export interface AgentActivityModel {
   harness: HarnessId | '';
@@ -58,6 +58,8 @@ export interface SessionRowModel {
   updatedAt: number | null;
   messages: number | null;
   active: boolean;
+  /** This surface currently has a real send or terminal-control path for the session. */
+  writable: boolean;
   live: boolean;
   runtimeStatus: 'running' | 'busy' | 'idle' | null;
 }

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
     }];
@@ -795,6 +796,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -812,6 +814,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -2216,7 +2219,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs6("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [

package/package.json

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

package/react/activity.mjs

@@ -554,6 +554,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -783,6 +784,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -800,6 +802,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -810,6 +813,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === "finished") return "Finished";
   if (activity === "unseen") return "New reply";
   if (activity === "running") return "Session is running";
+  if (activity === "observed") return "Read-only channel";
   return pill || "Agent chats";
 }
 function projectAgentActivity(value) {

package/react/components.mjs

@@ -566,6 +566,7 @@ function readSessions(value) {
       updatedAt: nullableNumber(row.updatedAt),
       messages: nullableNumber(row.messages),
       active: row.active === true,
+      writable: row.writable === true,
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
@@ -795,6 +796,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -812,6 +814,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function activityDetail(activity, preview, pill) {
@@ -822,6 +825,7 @@ function activityDetail(activity, preview, pill) {
   if (activity === "finished") return "Finished";
   if (activity === "unseen") return "New reply";
   if (activity === "running") return "Session is running";
+  if (activity === "observed") return "Read-only channel";
   return pill || "Agent chats";
 }
 function projectAgentActivity(value) {
@@ -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/composer.mjs

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

package/react/conversation.mjs

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

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
     }];
@@ -795,6 +796,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -812,6 +814,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -2216,7 +2219,7 @@ function SessionRow({ row, state, onOpen, now = Date.now() }) {
   const unreadCount = attention?.unreadCount ?? 0;
   const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
   const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
-  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
     /* @__PURE__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
     /* @__PURE__ */ jsxs6("span", { className: "scui-session-copy", children: [
       /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [

package/react/sessions.mjs

@@ -83,6 +83,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -100,6 +101,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -332,7 +334,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/react/settings.mjs

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

package/sessions.mjs

@@ -83,6 +83,7 @@ function sessionDisplayName(session) {
   return title && title !== session.name ? title : session.name || "Untitled chat";
 }
 function sessionActivity(state, row) {
+  if (!row.writable) return "observed";
   if (state.needsInput && row.active) return "needs-input";
   if (state.busy && row.active) return "working";
   if (row.runtimeStatus === "busy") return "working";
@@ -100,6 +101,7 @@ var ACTIVITY_PRIORITY = Object.freeze({
   finished: 30,
   running: 20,
   recent: 10,
+  observed: 0,
   idle: 0
 });
 function filterSessions(rows, query) {
@@ -332,7 +334,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/settings.mjs

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

package/styles.css

@@ -73,6 +73,7 @@
 .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) }