@volter-ai-dev/supercode-ui 0.1.67 → 0.1.68

package/index.d.ts

@@ -90,6 +90,66 @@ export interface HarnessOption {
   preferredLaunchMode?: ExecutionMode | null;
 }
 
+/** UNI-8: whose conversation a session is. */
+export interface ParticipantModel {
+  kind: 'local-user' | 'foreign' | 'unknown';
+  /** The human ("@jane"), when known. */
+  label: string | null;
+  /** The surface the participant reached the agent through ("slack", "acp", ...). */
+  origin: string | null;
+}
+
+/** UNI-9: a typed workspace. `none` is a first-class value, not an empty path. */
+export interface WorkspaceRefModel {
+  kind: 'repo' | 'none' | 'channel';
+  /** Path for `repo`, channel label for `channel`, null for `none`. */
+  value: string | null;
+}
+
+/** UNI-10: a bounded/truncated mirror of a session canonical in another store. */
+export interface MirrorModel {
+  canonicalHarness: HarnessId;
+  /** Session key to cross-link to, when the host can resolve it. */
+  canonicalKey: string | null;
+  bounded: boolean;
+  truncated: boolean;
+  origin: string | null;
+}
+
+/** UNI-11: which surface holds this session now; take-over is the transition. */
+export interface HolderModel {
+  /** 'supercode' = held here; any other string = that surface; null = unheld. */
+  surface: string | null;
+  /** Take-over offered (flows through confirmIntent with action 'take_over'). */
+  canTakeOver: boolean;
+}
+
+/** UNI-12/ORCH-6: why a session exists — the server's own `Trigger` enum.
+ * `manual` is the pre-ORCH-6 spelling of `human`, accepted on input and
+ * normalized to `human`. */
+export type TriggerKind = 'human' | 'channel' | 'cron' | 'heartbeat' | 'webhook' | 'parent' | 'api' | 'unknown';
+export interface TriggerModel {
+  kind: TriggerKind;
+  label: string | null;
+  /** ORCH-6: the compact surface key this conversation is reached on
+   * (`telegram:dm:123456`), when it has one. */
+  surface?: string | null;
+}
+
+/** ORCH-6: a conversation that moved to another surface (Hermes `handoff_*`). */
+export interface CrossSurfaceModel {
+  state: string;
+  platform: string | null;
+  error: string | null;
+}
+
+/** UNI-12: one row representing N runs of a recurring trigger. */
+export interface RecurringModel {
+  groupKey: string;
+  runs: number;
+  lastStatus: 'ok' | 'failed' | 'mixed' | null;
+}
+
 export interface SessionRowModel {
   key: string;
   harness: HarnessId;
@@ -112,6 +172,18 @@ export interface SessionRowModel {
   subagentCount?: number;
   /** Explicit activity used for child rows in the on-demand inspector. */
   activity?: SessionActivity;
+  /** UNI-8: whose conversation this is (absent = local user). */
+  participant?: ParticipantModel;
+  /** UNI-9: typed workspace (derived from `cwd` when a host omits it). */
+  workspaceRef?: WorkspaceRefModel;
+  /** UNI-10: canonical-elsewhere provenance. */
+  mirror?: MirrorModel;
+  /** UNI-12: trigger provenance. */
+  trigger?: TriggerModel;
+  /** UNI-12: recurring-run grouping. */
+  recurring?: RecurringModel;
+  /** ORCH-6: moved-to-another-surface state, when the harness publishes one. */
+  crossSurface?: CrossSurfaceModel;
 }
 
 export interface SubagentInspectorModel {
@@ -360,6 +432,14 @@ export interface SupercodeUiState {
   canConfigureSettings: boolean;
   messaging: 'live_peer' | null;
   workspace: string;
+  /** UNI-9: typed workspace for the attached conversation (always present after normalization). */
+  workspaceRef?: WorkspaceRefModel;
+  /** UNI-8: whose conversation the attached session is (defaults to local-user). */
+  participant?: ParticipantModel;
+  /** UNI-10: set when the attached session is a mirror. */
+  mirror?: MirrorModel | null;
+  /** UNI-11: which surface holds the attached session now. */
+  holder?: HolderModel | null;
   taskPlan: TaskPlanModel;
   semantics: SessionSemanticsModel;
   terminalHandoff: { program: string; arguments: string[]; cwd: string } | null;
@@ -619,6 +699,29 @@ export function selectContributions(
 ): AgentContributionModel[];
 export function harnessDisplayName(id: string): string;
 export function sessionDisplayName(session: Pick<SessionRowModel, 'name' | 'title'>): string;
+/** ORCH-6: one `harness.v1.sessions.discover` / `sessions.load` row, as the
+ * service publishes it. Structurally the SDK's `SessionDescriptor`; declared
+ * here so the UI package stays dependency-free. */
+export interface HarnessSessionDescriptorModel {
+  locator: { harness: string; session_id: string; storage?: unknown };
+  cwd?: string | null;
+  title?: string | null;
+  updated_at_ms?: number | null;
+  message_count?: number | null;
+  model?: string | null;
+  child_session_count?: number;
+  trigger?: TriggerKind | 'manual';
+  surface?: { key?: string; platform?: string; kind?: string; chat_id?: string; thread_id?: string; participant_id?: string };
+  profile?: string;
+  recurrence?: { job_id: string; kind: string };
+  cross_surface?: { state: string; platform?: string; error?: string };
+  workspace?: WorkspaceRefModel | { kind: 'repo' | 'channel' | 'none'; value?: string };
+}
+/** ORCH-6: `telegram:dm:123456` — the compact surface key a person reads. */
+export function surfaceLabel(surface: unknown): string;
+/** ORCH-6: project service rows into list rows. The conversation nouns are
+ * read off the server's derivation, never re-derived on the client. */
+export function sessionRowsFromDescriptors(descriptors: readonly HarnessSessionDescriptorModel[] | unknown): SessionRowModel[];
 export function relativeAge(updatedAt: number | null | undefined, now?: number): string;
 export function sessionActivity(state: SupercodeUiState, row: SessionRowModel): SessionActivity;
 export function projectAgentActivity(state: SupercodeUiState | unknown): AgentActivityModel;

package/messenger.mjs

@@ -32,6 +32,10 @@ var EMPTY_UI_STATE = Object.freeze({
   harness: "",
   mode: "none",
   strategy: null,
+  participant: Object.freeze({ kind: "local-user", label: null, origin: null }),
+  workspaceRef: Object.freeze({ kind: "none", value: null }),
+  mirror: null,
+  holder: null,
   canSend: false,
   canSteer: false,
   canResume: false,
@@ -641,12 +645,40 @@ function readToolPresentation(value, entry) {
     matches: nullableNumber(item.matches) ?? generated.matches
   };
 }
+var OPAQUE_RAW_CHARS = 4e3;
+function opaqueEntry(item) {
+  const previouslyOpaque = item.role === "opaque";
+  let raw;
+  if (previouslyOpaque && typeof item.raw === "string") {
+    raw = item.raw;
+  } else {
+    try {
+      raw = JSON.stringify(item, null, 2) ?? "";
+    } catch {
+      raw = "[unserializable entry payload]";
+    }
+  }
+  const kind = previouslyOpaque && typeof item.kind === "string" ? item.kind : typeof item.role === "string" ? item.role : "";
+  return {
+    id: item.id,
+    role: "opaque",
+    kind: boundedString(kind, 120) || "unknown",
+    text: typeof item.text === "string" ? boundedString(item.text, OPAQUE_RAW_CHARS) : "",
+    ts: nullableNumber(item.ts),
+    truncated: item.truncated === true || raw.length > OPAQUE_RAW_CHARS,
+    raw: boundedString(raw, OPAQUE_RAW_CHARS)
+  };
+}
 function readTranscript(value) {
   if (!Array.isArray(value)) return [];
   const result = [];
   for (const candidate of value) {
     const item = record(candidate);
-    if (!item || typeof item.id !== "string" || typeof item.text !== "string" || !ROLES.has(item.role)) continue;
+    if (!item || typeof item.id !== "string") continue;
+    if (typeof item.text !== "string" || !ROLES.has(item.role)) {
+      result.push(opaqueEntry(item));
+      continue;
+    }
     const entry = {
       id: item.id,
       role: item.role,
@@ -704,6 +736,75 @@ function readTranscript(value) {
   }
   return result;
 }
+function readParticipant(value) {
+  const participant = record(value);
+  if (!participant) return { kind: "local-user", label: null, origin: null };
+  return {
+    kind: ["local-user", "foreign", "unknown"].includes(participant.kind) ? participant.kind : "unknown",
+    label: typeof participant.label === "string" && participant.label ? boundedString(participant.label, 200) : null,
+    origin: typeof participant.origin === "string" && participant.origin ? boundedString(participant.origin, 100) : null
+  };
+}
+function readWorkspaceRef(value, fallbackPath = "") {
+  const ref = record(value);
+  if (ref && ["repo", "none", "channel"].includes(ref.kind)) {
+    return {
+      kind: ref.kind,
+      value: ref.kind === "none" ? null : typeof ref.value === "string" && ref.value ? boundedString(ref.value, 500) : null
+    };
+  }
+  return fallbackPath ? { kind: "repo", value: boundedString(fallbackPath, 500) } : { kind: "none", value: null };
+}
+function readMirror(value) {
+  const mirror = record(value);
+  if (!mirror || typeof mirror.canonicalHarness !== "string" || !mirror.canonicalHarness) return null;
+  return {
+    canonicalHarness: boundedString(mirror.canonicalHarness, 100),
+    canonicalKey: typeof mirror.canonicalKey === "string" && mirror.canonicalKey ? boundedString(mirror.canonicalKey, 300) : null,
+    bounded: mirror.bounded === true,
+    truncated: mirror.truncated === true,
+    origin: typeof mirror.origin === "string" && mirror.origin ? boundedString(mirror.origin, 200) : null
+  };
+}
+function readHolder(value) {
+  const holder = record(value);
+  if (!holder) return null;
+  const surface = typeof holder.surface === "string" && holder.surface ? boundedString(holder.surface, 100) : null;
+  return {
+    surface,
+    canTakeOver: holder.canTakeOver === true && surface !== null && surface !== "supercode"
+  };
+}
+var TRIGGER_KINDS = ["human", "channel", "cron", "heartbeat", "webhook", "parent", "api", "unknown"];
+function readTrigger(value) {
+  const trigger = record(value);
+  if (!trigger) return null;
+  const kind = trigger.kind === "manual" ? "human" : trigger.kind;
+  return {
+    kind: TRIGGER_KINDS.includes(kind) ? kind : "unknown",
+    label: typeof trigger.label === "string" && trigger.label ? boundedString(trigger.label, 200) : null,
+    surface: typeof trigger.surface === "string" && trigger.surface ? boundedString(trigger.surface, 300) : null
+  };
+}
+function readCrossSurface(value) {
+  const moved = record(value);
+  if (!moved || typeof moved.state !== "string" || !moved.state) return null;
+  return {
+    state: boundedString(moved.state, 100),
+    platform: typeof moved.platform === "string" && moved.platform ? boundedString(moved.platform, 100) : null,
+    error: typeof moved.error === "string" && moved.error ? boundedString(moved.error, 500) : null
+  };
+}
+function readRecurring(value) {
+  const recurring = record(value);
+  if (!recurring || typeof recurring.groupKey !== "string" || !recurring.groupKey) return null;
+  const runs = Number.isSafeInteger(recurring.runs) && recurring.runs > 0 ? recurring.runs : 1;
+  return {
+    groupKey: boundedString(recurring.groupKey, 300),
+    runs,
+    lastStatus: ["ok", "failed", "mixed"].includes(recurring.lastStatus) ? recurring.lastStatus : null
+  };
+}
 function readSessions(value) {
   if (!Array.isArray(value)) return [];
   return value.flatMap((raw) => {
@@ -725,7 +826,13 @@ function readSessions(value) {
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null,
       ...Number.isSafeInteger(row.subagentCount) && row.subagentCount > 0 ? { subagentCount: row.subagentCount } : {},
-      activity: ACTIVITY_PRIORITY[row.activity] !== void 0 ? row.activity : void 0
+      activity: ACTIVITY_PRIORITY[row.activity] !== void 0 ? row.activity : void 0,
+      ...row.participant !== void 0 ? { participant: readParticipant(row.participant) } : {},
+      workspaceRef: readWorkspaceRef(row.workspaceRef, string(row.cwd)),
+      ...readMirror(row.mirror) ? { mirror: readMirror(row.mirror) } : {},
+      ...readTrigger(row.trigger) ? { trigger: readTrigger(row.trigger) } : {},
+      ...readRecurring(row.recurring) ? { recurring: readRecurring(row.recurring) } : {},
+      ...readCrossSurface(row.crossSurface) ? { crossSurface: readCrossSurface(row.crossSurface) } : {}
     }];
   });
 }
@@ -909,6 +1016,10 @@ function normalizeUiState(value) {
     canConfigureSettings: raw.canConfigureSettings === true,
     messaging: raw.messaging === "live_peer" ? "live_peer" : null,
     workspace: string(raw.workspace),
+    workspaceRef: readWorkspaceRef(raw.workspaceRef, string(raw.workspace)),
+    participant: readParticipant(raw.participant),
+    mirror: readMirror(raw.mirror),
+    holder: readHolder(raw.holder),
     taskPlan: readTaskPlan(raw.taskPlan),
     semantics: readSemantics(raw.semantics),
     terminalHandoff: readTerminalHandoff(raw.terminalHandoff),
@@ -1070,6 +1181,12 @@ import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } fro
 
 // src/memory.js
 var MEMORY_LIMIT = 100;
+var registry = /* @__PURE__ */ new Set();
+function uiMemory() {
+  const map = /* @__PURE__ */ new Map();
+  registry.add(map);
+  return map;
+}
 function boundedSet(map, key, value) {
   map.delete(key);
   map.set(key, value);
@@ -1423,7 +1540,7 @@ function MessageImages({ items, adapter }) {
 }
 
 // src/intent.js
-var CONFIRMABLE_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "branch", "reduce", "export"]);
+var CONFIRMABLE_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "branch", "reduce", "export", "take_over"]);
 async function dispatchConfirmedIntent(adapter, intent) {
   if (CONFIRMABLE_ACTIONS.has(intent.action) && adapter.confirmIntent) {
     const confirmed = await adapter.confirmIntent(intent);
@@ -1448,7 +1565,7 @@ function useAutosizeTextarea(ref, value) {
 
 // src/composer.jsx
 import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
-var composerMemory = /* @__PURE__ */ new Map();
+var composerMemory = uiMemory();
 function ExecutionModeSelect({ modes = [], value, onChange, disabled = false, label = "Run in" }) {
   if (modes.length < 2) return null;
   return /* @__PURE__ */ jsxs3("label", { className: "scui-execution-mode", title: disabled ? void 0 : `${label}: ${value}`, children: [
@@ -1744,7 +1861,11 @@ function languageLabel(info) {
 }
 function frameCode(render, tokens, index, options, env, self) {
   const label = markdown.utils.escapeHtml(languageLabel(tokens[index]?.info ?? ""));
-  return `<div class="scui-code-block"><div class="scui-code-head"><span>${label}</span><button class="scui-code-copy" type="button" aria-label="Copy code" title="Copy code">${COPY_ICON}<span>Copy</span></button></div>${render(tokens, index, options, env, self)}</div>`;
+  const body = render(tokens, index, options, env, self).replace(
+    "<pre>",
+    `<pre tabindex="0" role="region" aria-label="${label} code">`
+  );
+  return `<div class="scui-code-block"><div class="scui-code-head"><span>${label}</span><button class="scui-code-copy" type="button" aria-label="Copy code" title="Copy code">${COPY_ICON}<span>Copy</span></button></div>${body}</div>`;
 }
 for (const kind of ["fence", "code_block"]) {
   const render = markdown.renderer.rules[kind];
@@ -2081,6 +2202,26 @@ function TechnicalDetails({ entry }) {
   ] });
 }
 function TranscriptEntry({ entry, state, adapter }) {
+  if (entry.role === "opaque") {
+    return /* @__PURE__ */ jsxs4("article", { className: "scui-message scui-opaque", "data-role": "opaque", "data-kind": entry.kind, "aria-label": "Unrecognized entry", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "scui-notice", "data-code": "opaque-entry", children: [
+        "Unrecognized entry kind ",
+        /* @__PURE__ */ jsx5("code", { children: entry.kind }),
+        " \u2014 kept as-is, nothing dropped"
+      ] }),
+      entry.text ? /* @__PURE__ */ jsx5(Markdown, { value: entry.text, copyText: adapter?.copyText }) : null,
+      entry.raw ? /* @__PURE__ */ jsxs4("details", { className: "scui-tool-technical", children: [
+        /* @__PURE__ */ jsx5("summary", { children: "Technical details" }),
+        /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsxs4("section", { children: [
+          /* @__PURE__ */ jsx5("strong", { children: "Raw entry" }),
+          /* @__PURE__ */ jsxs4("pre", { children: [
+            entry.raw,
+            entry.truncated ? "\n[truncated]" : ""
+          ] })
+        ] }) })
+      ] }) : null
+    ] });
+  }
   if (entry.role === "request") return /* @__PURE__ */ jsx5(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
     return /* @__PURE__ */ jsxs4("details", { className: "scui-reasoning", open: entry.streaming, children: [
@@ -2210,7 +2351,7 @@ function SessionDetails({ semantics }) {
     ] })
   ] });
 }
-var conversationMemory = /* @__PURE__ */ new Map();
+var conversationMemory = uiMemory();
 function ConversationAnnouncements({ state }) {
   const previousBusy = useRef4(state.busy);
   const [announcement, setAnnouncement] = useState3("");
@@ -2390,7 +2531,7 @@ function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
 // src/sessions.jsx
 import { useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState4 } from "preact/hooks";
 import { jsx as jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
-var sessionListMemory = /* @__PURE__ */ new Map();
+var sessionListMemory = uiMemory();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
   const boundary = complete.lastIndexOf("/");
@@ -2412,11 +2553,55 @@ function SessionRow({ row, state, onOpen, onOpenSubagents, 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("article", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, children: [
+  const nounBadges = [];
+  if (row.trigger && row.trigger.kind !== "manual" && row.trigger.kind !== "human") {
+    const runs = row.recurring?.runs;
+    const detail = row.trigger.label || row.trigger.surface || "";
+    nounBadges.push(
+      /* @__PURE__ */ jsxs6("small", { className: "scui-session-noun", "data-noun": "trigger", "data-kind": row.trigger.kind, "data-surface": row.trigger.surface ?? void 0, "data-status": row.recurring?.lastStatus ?? void 0, children: [
+        row.trigger.kind,
+        detail ? ` \xB7 ${detail}` : "",
+        runs && runs > 1 ? ` \xB7 \xD7${runs}` : ""
+      ] }, "trigger")
+    );
+  }
+  if (row.crossSurface) {
+    nounBadges.push(
+      /* @__PURE__ */ jsxs6("small", { className: "scui-session-noun", "data-noun": "cross-surface", "data-state": row.crossSurface.state, title: row.crossSurface.error ?? void 0, children: [
+        "\u2192",
+        row.crossSurface.platform ?? "elsewhere",
+        " \xB7 ",
+        row.crossSurface.state
+      ] }, "cross-surface")
+    );
+  }
+  if (row.participant && row.participant.kind !== "local-user") {
+    nounBadges.push(
+      /* @__PURE__ */ jsx7("small", { className: "scui-session-noun", "data-noun": "participant", "data-kind": row.participant.kind, children: row.participant.kind === "foreign" ? `${row.participant.label ?? "someone else"}${row.participant.origin ? ` via ${row.participant.origin}` : ""}` : "unknown participant" }, "participant")
+    );
+  }
+  if (row.mirror) {
+    nounBadges.push(
+      /* @__PURE__ */ jsxs6("small", { className: "scui-session-noun", "data-noun": "mirror", "data-truncated": row.mirror.truncated, children: [
+        "mirror of ",
+        harnessDisplayName(row.mirror.canonicalHarness)
+      ] }, "mirror")
+    );
+  }
+  if (row.workspaceRef?.kind === "channel") {
+    nounBadges.push(
+      /* @__PURE__ */ jsxs6("small", { className: "scui-session-noun", "data-noun": "workspace", "data-kind": "channel", children: [
+        "#",
+        row.workspaceRef.value ?? "channel"
+      ] }, "workspace")
+    );
+  }
+  return /* @__PURE__ */ jsxs6("article", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-workspace-kind": row.workspaceRef?.kind, children: [
     /* @__PURE__ */ jsxs6("button", { className: "scui-session-main", "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__ */ jsx7("span", { className: "scui-session-title", children: /* @__PURE__ */ jsx7("strong", { children: title }) }),
+        nounBadges.length ? /* @__PURE__ */ jsx7("span", { className: "scui-session-nouns", children: nounBadges }) : null,
         path.complete ? /* @__PURE__ */ jsxs6("small", { className: "scui-session-path", title: row.cwd, children: [
           /* @__PURE__ */ jsx7("span", { className: "scui-session-path-leading", children: path.leading }),
           path.separator ? /* @__PURE__ */ jsx7("span", { className: "scui-session-path-separator", children: path.separator }) : null,
@@ -2831,10 +3016,54 @@ function HarnessPicker({ harnesses, state, value, disabled = false, adapter, onC
 
 // src/messenger.jsx
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "preact/jsx-runtime";
-var pendingMessageMemory = /* @__PURE__ */ new Map();
-var messengerViewMemory = /* @__PURE__ */ new Map();
-var newChatMemory = /* @__PURE__ */ new Map();
+var pendingMessageMemory = uiMemory();
+var messengerViewMemory = uiMemory();
+var newChatMemory = uiMemory();
 var TRACKED_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "detach", "branch", "reduce", "terminal", "export", "steer", "interrupt", "respond", "configureHarness", "refresh", "loadEarlier", "loadSessions"]);
+function UniversalNouns({ state, adapter }) {
+  const banners = [];
+  if (state.participant && state.participant.kind !== "local-user") {
+    banners.push(
+      /* @__PURE__ */ jsx10("div", { className: "scui-notice scui-noun-banner", "data-noun": "participant", "data-kind": state.participant.kind, children: state.participant.kind === "foreign" ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+        "This is ",
+        /* @__PURE__ */ jsx10("strong", { children: state.participant.label ?? "someone else's" }),
+        " conversation",
+        state.participant.origin ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          " via ",
+          state.participant.origin
+        ] }) : null,
+        "."
+      ] }) : /* @__PURE__ */ jsx10(Fragment5, { children: "Unknown participant \u2014 this conversation was not started here." }) }, "participant")
+    );
+  }
+  if (state.mirror) {
+    banners.push(
+      /* @__PURE__ */ jsxs9("div", { className: "scui-notice scui-noun-banner", "data-noun": "mirror", "data-truncated": state.mirror.truncated, children: [
+        state.mirror.bounded ? "Bounded mirror" : "Mirror",
+        " of a ",
+        /* @__PURE__ */ jsx10("strong", { children: harnessDisplayName(state.mirror.canonicalHarness) }),
+        " session \u2014 the canonical record lives in its own store",
+        state.mirror.truncated ? " (truncated here)" : "",
+        ".",
+        state.mirror.canonicalKey ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.onIntent({ action: "open_session", key: state.mirror.canonicalKey }), children: "Open canonical session" }) : null
+      ] }, "mirror")
+    );
+  }
+  if (state.holder && state.holder.surface !== "supercode") {
+    banners.push(
+      /* @__PURE__ */ jsxs9("div", { className: "scui-notice scui-noun-banner", "data-noun": "holder", "data-surface": state.holder.surface ?? "unheld", children: [
+        state.holder.surface ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          "Held by ",
+          /* @__PURE__ */ jsx10("strong", { children: state.holder.surface }),
+          " right now."
+        ] }) : /* @__PURE__ */ jsx10(Fragment5, { children: "No surface holds this session right now." }),
+        state.holder.canTakeOver ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => dispatchConfirmedIntent(adapter, { action: "take_over" }), children: "Take over" }) : null
+      ] }, "holder")
+    );
+  }
+  if (!banners.length) return null;
+  return /* @__PURE__ */ jsx10("div", { className: "scui-noun-banners", children: banners });
+}
 function Receipt({ state, adapter }) {
   const receipt = state.reductionReceipt;
   if (receipt) return /* @__PURE__ */ jsx10("div", { className: "scui-receipt", children: /* @__PURE__ */ jsxs9("span", { children: [
@@ -3098,6 +3327,7 @@ function Chat({ state, adapter, onBack, onNew, onClose, components, slots, label
       state.recoverable ? /* @__PURE__ */ jsx10("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
     ] }) : null,
     /* @__PURE__ */ jsx10(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx10(UniversalNouns, { state: actionState, adapter: trackedAdapter }),
     /* @__PURE__ */ jsx10(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
     /* @__PURE__ */ jsx10(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
     /* @__PURE__ */ jsx10(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),

package/package.json

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

package/react/activity.mjs

@@ -29,6 +29,10 @@ var EMPTY_UI_STATE = Object.freeze({
   harness: "",
   mode: "none",
   strategy: null,
+  participant: Object.freeze({ kind: "local-user", label: null, origin: null }),
+  workspaceRef: Object.freeze({ kind: "none", value: null }),
+  mirror: null,
+  holder: null,
   canSend: false,
   canSteer: false,
   canResume: false,
@@ -629,12 +633,40 @@ function readToolPresentation(value, entry) {
     matches: nullableNumber(item.matches) ?? generated.matches
   };
 }
+var OPAQUE_RAW_CHARS = 4e3;
+function opaqueEntry(item) {
+  const previouslyOpaque = item.role === "opaque";
+  let raw;
+  if (previouslyOpaque && typeof item.raw === "string") {
+    raw = item.raw;
+  } else {
+    try {
+      raw = JSON.stringify(item, null, 2) ?? "";
+    } catch {
+      raw = "[unserializable entry payload]";
+    }
+  }
+  const kind = previouslyOpaque && typeof item.kind === "string" ? item.kind : typeof item.role === "string" ? item.role : "";
+  return {
+    id: item.id,
+    role: "opaque",
+    kind: boundedString(kind, 120) || "unknown",
+    text: typeof item.text === "string" ? boundedString(item.text, OPAQUE_RAW_CHARS) : "",
+    ts: nullableNumber(item.ts),
+    truncated: item.truncated === true || raw.length > OPAQUE_RAW_CHARS,
+    raw: boundedString(raw, OPAQUE_RAW_CHARS)
+  };
+}
 function readTranscript(value) {
   if (!Array.isArray(value)) return [];
   const result = [];
   for (const candidate of value) {
     const item = record(candidate);
-    if (!item || typeof item.id !== "string" || typeof item.text !== "string" || !ROLES.has(item.role)) continue;
+    if (!item || typeof item.id !== "string") continue;
+    if (typeof item.text !== "string" || !ROLES.has(item.role)) {
+      result.push(opaqueEntry(item));
+      continue;
+    }
     const entry = {
       id: item.id,
       role: item.role,
@@ -692,6 +724,75 @@ function readTranscript(value) {
   }
   return result;
 }
+function readParticipant(value) {
+  const participant = record(value);
+  if (!participant) return { kind: "local-user", label: null, origin: null };
+  return {
+    kind: ["local-user", "foreign", "unknown"].includes(participant.kind) ? participant.kind : "unknown",
+    label: typeof participant.label === "string" && participant.label ? boundedString(participant.label, 200) : null,
+    origin: typeof participant.origin === "string" && participant.origin ? boundedString(participant.origin, 100) : null
+  };
+}
+function readWorkspaceRef(value, fallbackPath = "") {
+  const ref = record(value);
+  if (ref && ["repo", "none", "channel"].includes(ref.kind)) {
+    return {
+      kind: ref.kind,
+      value: ref.kind === "none" ? null : typeof ref.value === "string" && ref.value ? boundedString(ref.value, 500) : null
+    };
+  }
+  return fallbackPath ? { kind: "repo", value: boundedString(fallbackPath, 500) } : { kind: "none", value: null };
+}
+function readMirror(value) {
+  const mirror = record(value);
+  if (!mirror || typeof mirror.canonicalHarness !== "string" || !mirror.canonicalHarness) return null;
+  return {
+    canonicalHarness: boundedString(mirror.canonicalHarness, 100),
+    canonicalKey: typeof mirror.canonicalKey === "string" && mirror.canonicalKey ? boundedString(mirror.canonicalKey, 300) : null,
+    bounded: mirror.bounded === true,
+    truncated: mirror.truncated === true,
+    origin: typeof mirror.origin === "string" && mirror.origin ? boundedString(mirror.origin, 200) : null
+  };
+}
+function readHolder(value) {
+  const holder = record(value);
+  if (!holder) return null;
+  const surface = typeof holder.surface === "string" && holder.surface ? boundedString(holder.surface, 100) : null;
+  return {
+    surface,
+    canTakeOver: holder.canTakeOver === true && surface !== null && surface !== "supercode"
+  };
+}
+var TRIGGER_KINDS = ["human", "channel", "cron", "heartbeat", "webhook", "parent", "api", "unknown"];
+function readTrigger(value) {
+  const trigger = record(value);
+  if (!trigger) return null;
+  const kind = trigger.kind === "manual" ? "human" : trigger.kind;
+  return {
+    kind: TRIGGER_KINDS.includes(kind) ? kind : "unknown",
+    label: typeof trigger.label === "string" && trigger.label ? boundedString(trigger.label, 200) : null,
+    surface: typeof trigger.surface === "string" && trigger.surface ? boundedString(trigger.surface, 300) : null
+  };
+}
+function readCrossSurface(value) {
+  const moved = record(value);
+  if (!moved || typeof moved.state !== "string" || !moved.state) return null;
+  return {
+    state: boundedString(moved.state, 100),
+    platform: typeof moved.platform === "string" && moved.platform ? boundedString(moved.platform, 100) : null,
+    error: typeof moved.error === "string" && moved.error ? boundedString(moved.error, 500) : null
+  };
+}
+function readRecurring(value) {
+  const recurring = record(value);
+  if (!recurring || typeof recurring.groupKey !== "string" || !recurring.groupKey) return null;
+  const runs = Number.isSafeInteger(recurring.runs) && recurring.runs > 0 ? recurring.runs : 1;
+  return {
+    groupKey: boundedString(recurring.groupKey, 300),
+    runs,
+    lastStatus: ["ok", "failed", "mixed"].includes(recurring.lastStatus) ? recurring.lastStatus : null
+  };
+}
 function readSessions(value) {
   if (!Array.isArray(value)) return [];
   return value.flatMap((raw) => {
@@ -713,7 +814,13 @@ function readSessions(value) {
       live: row.live === true,
       runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null,
       ...Number.isSafeInteger(row.subagentCount) && row.subagentCount > 0 ? { subagentCount: row.subagentCount } : {},
-      activity: ACTIVITY_PRIORITY[row.activity] !== void 0 ? row.activity : void 0
+      activity: ACTIVITY_PRIORITY[row.activity] !== void 0 ? row.activity : void 0,
+      ...row.participant !== void 0 ? { participant: readParticipant(row.participant) } : {},
+      workspaceRef: readWorkspaceRef(row.workspaceRef, string(row.cwd)),
+      ...readMirror(row.mirror) ? { mirror: readMirror(row.mirror) } : {},
+      ...readTrigger(row.trigger) ? { trigger: readTrigger(row.trigger) } : {},
+      ...readRecurring(row.recurring) ? { recurring: readRecurring(row.recurring) } : {},
+      ...readCrossSurface(row.crossSurface) ? { crossSurface: readCrossSurface(row.crossSurface) } : {}
     }];
   });
 }
@@ -897,6 +1004,10 @@ function normalizeUiState(value) {
     canConfigureSettings: raw.canConfigureSettings === true,
     messaging: raw.messaging === "live_peer" ? "live_peer" : null,
     workspace: string(raw.workspace),
+    workspaceRef: readWorkspaceRef(raw.workspaceRef, string(raw.workspace)),
+    participant: readParticipant(raw.participant),
+    mirror: readMirror(raw.mirror),
+    holder: readHolder(raw.holder),
     taskPlan: readTaskPlan(raw.taskPlan),
     semantics: readSemantics(raw.semantics),
     terminalHandoff: readTerminalHandoff(raw.terminalHandoff),