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

package/sessions.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,
@@ -160,7 +164,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];
@@ -175,6 +183,12 @@ markdown.renderer.rules.link_open = (tokens, index, options, env, self) => {
 
 // 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);
@@ -264,6 +278,7 @@ function LoadingStatus({ state, compact = false }) {
     /* @__PURE__ */ jsx4("span", { className: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx4("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
   ] });
 }
+var conversationMemory = uiMemory();
 
 // src/logo.jsx
 import { useEffect as useEffect4 } from "preact/hooks";
@@ -331,7 +346,7 @@ function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
 
 // src/sessions.jsx
 import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
-var sessionListMemory = /* @__PURE__ */ new Map();
+var sessionListMemory = uiMemory();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
   const boundary = complete.lastIndexOf("/");
@@ -353,11 +368,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__ */ jsxs5("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__ */ jsxs5("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__ */ jsxs5("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__ */ jsx6("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__ */ jsxs5("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__ */ jsxs5("small", { className: "scui-session-noun", "data-noun": "workspace", "data-kind": "channel", children: [
+        "#",
+        row.workspaceRef.value ?? "channel"
+      ] }, "workspace")
+    );
+  }
+  return /* @__PURE__ */ jsxs5("article", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-workspace-kind": row.workspaceRef?.kind, children: [
     /* @__PURE__ */ jsxs5("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__ */ jsx6(HarnessLogo, { id: row.harness, activity, size: 34 }),
       /* @__PURE__ */ jsxs5("span", { className: "scui-session-copy", children: [
         /* @__PURE__ */ jsx6("span", { className: "scui-session-title", children: /* @__PURE__ */ jsx6("strong", { children: title }) }),
+        nounBadges.length ? /* @__PURE__ */ jsx6("span", { className: "scui-session-nouns", children: nounBadges }) : null,
         path.complete ? /* @__PURE__ */ jsxs5("small", { className: "scui-session-path", title: row.cwd, children: [
           /* @__PURE__ */ jsx6("span", { className: "scui-session-path-leading", children: path.leading }),
           path.separator ? /* @__PURE__ */ jsx6("span", { className: "scui-session-path-separator", children: path.separator }) : null,

package/settings.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,

package/styles.css

@@ -145,7 +145,8 @@
 .scui-pending[data-status="failed"] { border-color:color-mix(in srgb,var(--scui-danger) 45%,var(--scui-border)); background:color-mix(in srgb,var(--scui-danger) 7%,var(--scui-fill)); opacity:1 }
 .scui-pending > footer { display:flex; align-items:center; gap:8px; margin-top:5px }.scui-pending > footer small { color:var(--scui-muted) }.scui-pending[data-status="failed"] > footer small { color:var(--scui-danger) }
 .scui-pending > footer > span { display:flex; gap:4px; margin-left:auto }.scui-pending > footer button { padding:2px 6px; border:1px solid var(--scui-border-strong); border-radius:5px; background:transparent; color:var(--scui-fg); cursor:pointer; font:inherit; font-size:9.5px }
-.scui-pending { opacity:.7 }.scui-pending > small { display:block; margin-top:3px; color:var(--scui-muted); font-size:9.5px }
+/* Muted color, not opacity: opacity crushed the footer text below the 4.5:1 contrast floor (axe color-contrast). */
+.scui-pending { color:var(--scui-muted) }.scui-pending > small { display:block; margin-top:3px; color:var(--scui-muted); font-size:9.5px }
 .scui-markdown { min-width:0; font-size:12.5px; line-height:1.55 }.scui-markdown > :first-child { margin-top:0 }.scui-markdown > :last-child { margin-bottom:0 }
 .scui-markdown p { margin:0 0 8px }.scui-markdown h1,.scui-markdown h2,.scui-markdown h3 { margin:12px 0 5px; line-height:1.25 }.scui-markdown h1 { font-size:17px }.scui-markdown h2 { font-size:15px }.scui-markdown h3 { font-size:13px }
 .scui-markdown ul,.scui-markdown ol { margin:5px 0 9px; padding-left:20px }.scui-markdown blockquote { margin:8px 0; padding-left:9px; border-left:2px solid var(--scui-border-strong); color:var(--scui-muted) }
@@ -163,6 +164,15 @@
 .scui-context p,.scui-details p { display:grid; margin:0 }.scui-context strong,.scui-details strong { color:var(--scui-fg) }
 .scui-truncated { display:block; margin-top:5px; color:var(--scui-warning) }
 .scui-notice { align-self:center; max-width:90%; padding:5px 8px; border-radius:7px; background:var(--scui-bg-raised); color:var(--scui-muted); font-size:10.5px; text-align:center }
+.scui-noun-banners { display:grid; gap:4px; padding:6px 8px 0 }
+.scui-noun-banner { display:flex; align-items:center; justify-content:center; gap:8px; align-self:center; max-width:92%; margin:0 auto }
+.scui-noun-banner strong { color:var(--scui-fg) }
+.scui-noun-banner button { flex:none; padding:3px 8px; border:1px solid var(--scui-border-strong); border-radius:6px; background:var(--scui-bg); color:var(--scui-fg); cursor:pointer; font-size:10.5px }
+.scui-noun-banner button:hover { background:var(--scui-fill) }
+.scui-session-nouns { display:flex; flex-wrap:wrap; gap:4px }
+.scui-session-noun { padding:0 5px; border:1px solid var(--scui-border); border-radius:5px; color:var(--scui-muted); font-size:9.5px; line-height:15px; white-space:nowrap }
+.scui-session-noun[data-noun="trigger"][data-status="failed"] { border-color:color-mix(in srgb,var(--scui-danger) 48%,var(--scui-border)); color:var(--scui-danger) }
+.scui-session-noun[data-noun="mirror"] { font-style:italic }
 .scui-unread-divider { display:flex; align-items:center; gap:7px; color:var(--scui-accent); font-size:9.5px; font-weight:650 }.scui-unread-divider::before,.scui-unread-divider::after { content:""; flex:1; height:1px; background:color-mix(in srgb,var(--scui-accent) 45%,var(--scui-border)) }.scui-unread-divider span { flex:none }
 
 .scui-activity { min-width:0; color:var(--scui-muted) }

package/subagents.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,
@@ -542,7 +546,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];
@@ -600,6 +608,12 @@ function Markdown({ value, copyText }) {
 
 // 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);
@@ -1103,6 +1117,26 @@ function TechnicalDetails({ entry }) {
   ] });
 }
 function TranscriptEntry({ entry, state, adapter }) {
+  if (entry.role === "opaque") {
+    return /* @__PURE__ */ jsxs3("article", { className: "scui-message scui-opaque", "data-role": "opaque", "data-kind": entry.kind, "aria-label": "Unrecognized entry", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "scui-notice", "data-code": "opaque-entry", children: [
+        "Unrecognized entry kind ",
+        /* @__PURE__ */ jsx4("code", { children: entry.kind }),
+        " \u2014 kept as-is, nothing dropped"
+      ] }),
+      entry.text ? /* @__PURE__ */ jsx4(Markdown, { value: entry.text, copyText: adapter?.copyText }) : null,
+      entry.raw ? /* @__PURE__ */ jsxs3("details", { className: "scui-tool-technical", children: [
+        /* @__PURE__ */ jsx4("summary", { children: "Technical details" }),
+        /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsxs3("section", { children: [
+          /* @__PURE__ */ jsx4("strong", { children: "Raw entry" }),
+          /* @__PURE__ */ jsxs3("pre", { children: [
+            entry.raw,
+            entry.truncated ? "\n[truncated]" : ""
+          ] })
+        ] }) })
+      ] }) : null
+    ] });
+  }
   if (entry.role === "request") return /* @__PURE__ */ jsx4(RequestCard, { entry, adapter, canRespond: state.canRespond });
   if (entry.role === "reasoning") {
     return /* @__PURE__ */ jsxs3("details", { className: "scui-reasoning", open: entry.streaming, children: [
@@ -1232,7 +1266,7 @@ function SessionDetails({ semantics }) {
     ] })
   ] });
 }
-var conversationMemory = /* @__PURE__ */ new Map();
+var conversationMemory = uiMemory();
 function ConversationAnnouncements({ state }) {
   const previousBusy = useRef3(state.busy);
   const [announcement, setAnnouncement] = useState2("");