@volter/teams 0.1.21 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter/teams",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "type": "module",
   "description": "Volter Teams, the neutral team plane: machine identity and daemon core, the local door and server link, admission from machine grants, product doors, and the Teams server's neutral routes (company RFC 0008).",
   "license": "MIT",

package/viewer/index.html

@@ -7,13 +7,14 @@
 <title>Viewer</title>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.css">
 <style>
-  :root { color-scheme: dark; --bg: #0b0d10; --panel: #13161b; --line: #262b33; --text: #e6e8eb; --muted: #8b939e; --accent: #7aa2f7; }
+  /* The page's scheme is the host's when it sets one (`--scui-color-scheme` through the theme door), else dark. */
+  :root { --scui-color-scheme: dark; color-scheme: var(--scui-color-scheme); --bg: #0b0d10; --panel: #13161b; --line: #262b33; --text: #e6e8eb; --muted: #8b939e; --accent: #7aa2f7; }
   * { box-sizing: border-box; }
   html, body { height: 100%; margin: 0; background: var(--bg); color: var(--text); font: 13px/1.4 ui-sans-serif, system-ui, -apple-system, sans-serif; }
   body { display: flex; flex-direction: column; }
-  header { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-bottom: 1px solid var(--line); background: var(--panel); min-height: 32px; }
-  header .target { font-family: ui-monospace, Menlo, monospace; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  header .scope { margin-left: auto; font-size: 11px; padding: 1px 6px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); }
+  body > header { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-bottom: 1px solid var(--line); background: var(--panel); min-height: 32px; }
+  body > header .target { font-family: ui-monospace, Menlo, monospace; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  body > header .scope { margin-left: auto; font-size: 11px; padding: 1px 6px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); }
   #status { padding: 4px 10px; color: var(--muted); font-size: 12px; border-bottom: 1px solid var(--line); }
   #status:empty { display: none; }
   main { flex: 1; min-height: 0; display: flex; }
@@ -34,11 +35,14 @@
   button.action:disabled { opacity: .5; cursor: default; }
   label.action input { display: none; }
   /* supercode-ui follows this page's dark scheme; its composer spans the page instead of its 420px default. */
-  #session { flex: 1; min-width: 0; min-height: 0; display: flex; --scui-color-scheme: dark; }
+  #session { flex: 1; min-width: 0; min-height: 0; display: flex; }
   #session .session-view { flex: 1; min-width: 0; display: flex; flex-direction: column; }
   #session .session-view > section { flex: 1; min-height: 0; overflow: auto; }
   #session .session-composer { border-top: 1px solid var(--line); padding: 8px; --scui-width: 100%; --scui-height: auto; }
   #session .session-composer > * { flex: 1; min-width: 0; }
+  /* The host's header carries the session's details when it hides this one. */
+  #session.header-hidden .scui-team-transcript > header { display: none; }
+  body:has(#session:not([hidden])) { background: var(--scui-bg, var(--volter-surface-page, var(--bg))); color: var(--scui-fg, var(--text)); }
   [hidden] { display: none !important; }
 </style>
 </head>

package/viewer/session-view-entry.mjs

@@ -10,12 +10,31 @@ import { projectSubagentTranscript } from '@volter/supercode-ui/controller';
 
 // A person's picture: the brand's person placeholder. An empty seed is its one standard anonymous face.
 const personImage = (seed = '') => `https://brand.volter.ai/runner/svg?seed=${encodeURIComponent(seed)}&size=36&radius=18`;
+// An agent's picture (this session's own, a peer session's): the brand's agent mark, a rounded square, never a face.
+const agentImage = (seed) => `https://brand.volter.ai/agent/svg?seed=${encodeURIComponent(seed)}&size=36&radius=8`;
+
+/**
+ * A message another session sent this one, as its harness delivers it: an envelope naming the sender (a
+ * `cross-session-message` tag, the innermost one when the harness wraps it in its own) around the body. Returns the
+ * sender and the body, or null for an ordinary turn.
+ */
+function peerMessage(text) {
+  const close = text.search(/<\\?\/cross-session-message>/);
+  if (close < 0) return null;
+  const opens = [...text.slice(0, close).matchAll(/<\\?cross-session-message\b([^>]*)>/g)];
+  if (!opens.length) return null;
+  const inner = opens[opens.length - 1];
+  const attributes = (tag) => Object.fromEntries([...tag.matchAll(/([\w-]+)="([^"]*)"/g)].map((m) => [m[1], m[2]]));
+  const own = attributes(inner[1]), outer = attributes(opens[0][1]);
+  const body = text.slice(inner.index + inner[0].length, close).trim();
+  return { name: own['from-name'] || outer['from-name'] || own.from || outer.from || 'Another session', address: own.from || outer.from || '', body };
+}
 
 /**
  * Who wrote each user turn, from the message's own annotations (source_name / source_principal_id, recorded when a
  * Room member typed it): their name and face, or, for anyone unnamed, the standard anonymous face. Never an agent mark.
  */
-function withPeople(transcript, messages) {
+function withPeople(transcript, messages, { agentName = null, sessionId = '' } = {}) {
   const byTime = new Map();
   for (const message of messages) {
     if (message?.role !== 'user') continue;
@@ -23,7 +42,13 @@ function withPeople(transcript, messages) {
     if (Number.isFinite(at)) byTime.set(at, message.metadata);
   }
   return transcript.map((entry) => {
+    // This session's own turns: named as the Room knows its agent, with the agent mark.
+    if (entry.role === 'assistant') return { ...entry, actor: { ...(agentName ? { name: agentName } : {}), image: agentImage(sessionId) } };
     if (entry.role !== 'user') return entry;
+    // A harness's delivery notice about a message is a compact system line, not a person's turn.
+    if (/^\s*\[Cross-session [a-z ]*notice\]/i.test(entry.text)) return { ...entry, role: 'notice', text: entry.text.trim().split('\n')[0] };
+    const peer = peerMessage(entry.text);
+    if (peer) return { ...entry, text: peer.body, actor: { name: peer.name, image: agentImage(peer.address.startsWith('sc:') ? peer.address : peer.name) }, context: [{ id: `${entry.id}:envelope`, kind: 'envelope', label: 'Delivered by supercode', detail: entry.text }] };
     const metadata = byTime.get(entry.ts) ?? {};
     const name = metadata.source_name || null;
     return { ...entry, actor: { name: name ?? 'Someone in the session', image: personImage(name ? (metadata.source_principal_id || name) : '') } };
@@ -55,7 +80,7 @@ function normalizedSession(descriptor, messages) {
  * and machines); `control` (the token's scope) shows the composer; `onSend(text)` is called with a turn the
  * member typed, and resolves once it was delivered or refused.
  */
-export function mountSessionView(element, { onSend, control = false }) {
+export function mountSessionView(element, { onSend, control = false, agentName = null }) {
   // One badge, following the token's scope: fixed when mounted (the team view reads its labels once).
   const labels = { readOnly: control ? 'Control' : 'Read-only' };
   let current = { descriptor: null, messages: [], members: [], machines: [], live: false, status: 'loading', error: null, canSend: control, sending: false };
@@ -65,7 +90,7 @@ export function mountSessionView(element, { onSend, control = false }) {
   };
   const draw = () => {
     const { descriptor, messages, members, machines, live, status, error, canSend, sending } = current;
-    const transcript = descriptor ? withPeople(projectSubagentTranscript(normalizedSession(descriptor, messages), { prefix: descriptor.id, maxEntries: 500 }), messages) : [];
+    const transcript = descriptor ? withPeople(projectSubagentTranscript(normalizedSession(descriptor, messages), { prefix: descriptor.id, maxEntries: 500 }), messages, { agentName, sessionId: descriptor.id }) : [];
     const composerState = normalizeUiState({ ...EMPTY_UI_STATE, startup: 'ready', harness: descriptor?.harness ?? '', canSend: canSend && !sending, busy: sending, transcript });
     render(h('div', { class: 'session-view' },
       h(TeamTranscript, { session: descriptor, transcript, members, machines, live, status, error, adapter, labels }),