@volter/teams 0.1.19 → 0.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter/teams",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "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/session-view-entry.mjs

@@ -8,6 +8,28 @@ import { Composer } from '@volter/supercode-ui/preact/composer';
 import { EMPTY_UI_STATE, normalizeUiState } from '@volter/supercode-ui';
 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`;
+
+/**
+ * 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) {
+  const byTime = new Map();
+  for (const message of messages) {
+    if (message?.role !== 'user') continue;
+    const at = Date.parse(message.metadata?.timestamp ?? '');
+    if (Number.isFinite(at)) byTime.set(at, message.metadata);
+  }
+  return transcript.map((entry) => {
+    if (entry.role !== 'user') return entry;
+    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) : '') } };
+  });
+}
+
 const SOURCES = { 'claude-code': 'claude_code', codex: 'codex', gemini: 'gemini', goose: 'goose', grok: 'grok', opencode: 'opencode', pi: 'pi' };
 
 /** A team session's captured messages as the harness SDK's normalized session, for supercode-ui's projection. */
@@ -40,10 +62,11 @@ export function mountSessionView(element, { onSend }) {
   };
   const draw = () => {
     const { descriptor, messages, live, status, error, canSend, sending } = current;
-    const transcript = descriptor ? projectSubagentTranscript(normalizedSession(descriptor, messages), { prefix: descriptor.id, maxEntries: 500 }) : [];
+    const transcript = descriptor ? withPeople(projectSubagentTranscript(normalizedSession(descriptor, messages), { prefix: descriptor.id, maxEntries: 500 }), messages) : [];
     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, live, status, error, adapter }),
+      // The header says what this viewer may do: type into the session (a control token) or only read it.
+      h(TeamTranscript, { session: descriptor, transcript, live, status, error, adapter, labels: { readOnly: canSend ? 'Control' : 'Read-only' } }),
       canSend ? h('div', { class: 'session-composer scui-root' }, h(Composer, { state: composerState, adapter })) : null,
     ), element);
   };

package/viewer/session-view.css

@@ -379,6 +379,7 @@
   .scui-message-actor { display:var(--scui-message-actor-display, none); grid-row:1 / span 9; grid-template-columns:var(--scui-message-actor-columns, auto auto); gap:calc(10px * var(--scui-scaling)); align-items:baseline; color:var(--scui-muted); font:var(--scui-text-xs) var(--scui-font-mono) }
   .scui-message-actor-time { white-space:nowrap }
   .scui-message-actor-name { display:inline-flex; align-items:center; gap:calc(8px * var(--scui-scaling)); color:var(--scui-fg); white-space:nowrap }
+  .scui-message-actor-image { width:18px; height:18px; border-radius:50%; flex:none; object-fit:cover }
   .scui-message-actor-name::before { content:''; width:var(--scui-message-actor-dot, 0); height:var(--scui-message-actor-dot, 0); border-radius:50%; background:var(--scui-message-actor-dot-bg, var(--scui-muted)) }
   .scui-message-actor-name[data-role="user"]::before { background:var(--scui-message-actor-user-dot-bg, var(--scui-fg)) }
   /* Muted color, not opacity: opacity crushed the footer text below the 4.5:1 contrast floor (axe color-contrast).