@volter/teams 0.1.28 → 0.1.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter/teams",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "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

@@ -40,6 +40,7 @@
   #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; }
+  #session .session-hint { margin: 4px 16px 10px; font-size: 11px; color: var(--volter-text-faint, var(--scui-muted, var(--muted))); }
   /* The host's header carries the session's details when it hides this one. */
   #session.header-hidden .scui-team-transcript > header { display: none; }
   /* A Room's transcript says who wrote each message: its name and face (a person) or mark (an agent). */
@@ -58,8 +59,6 @@
   #session.layout-rows .scui-message:hover { background: var(--volter-surface-subtle, var(--scui-fill)); }
   #session.layout-rows .scui-message-actor { display: flex; align-items: baseline; gap: 8px; margin: 0 0 1px; }
   #session.layout-rows .scui-message-actor-image { position: absolute; left: 20px; top: 10px; width: 36px; height: 36px; }
-  /* A person's face is round; an agent's mark is a rounded square, so an agent never reads as a person. */
-  #session.layout-rows .scui-message[data-actor-kind="agent"] .scui-message-actor-image { border-radius: 8px; }
   #session.layout-rows .scui-message-actor-name { order: 1; font-size: 14.5px; font-weight: 650; color: var(--volter-text-primary, var(--scui-fg)); font-family: var(--volter-font-ui, "Geist", system-ui, sans-serif); letter-spacing: 0; text-transform: none; }
   #session.layout-rows .scui-message-actor-name::before { display: none; }
   #session.layout-rows .scui-message-actor-time { order: 2; font-size: 11.5px; color: var(--volter-text-muted, var(--scui-muted)); font-family: var(--volter-font-ui, inherit); }

package/viewer/session-view-entry.mjs

@@ -11,7 +11,7 @@ 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`;
+const agentImage = (seed) => `https://brand.volter.ai/agent/svg?seed=${encodeURIComponent(seed)}&size=36&radius=7`;
 
 /**
  * A message another session sent this one, as its harness delivers it: an envelope naming the sender (a
@@ -114,7 +114,8 @@ export function mountSessionView(element, { onSend, control = false, agentName =
     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, pending: current.pending }),
-      canSend ? h('div', { class: 'session-composer scui-root' }, h(Composer, { state: composerState, adapter })) : null,
+      canSend ? h('div', { class: 'session-composer scui-root' }, h(Composer, { state: composerState, adapter, labels: current.composerPlaceholder ? { askAgent: current.composerPlaceholder } : undefined })) : null,
+      canSend && current.composerHint ? h('p', { class: 'session-hint' }, current.composerHint) : null,
     ), element);
   };
   draw();

package/viewer/session-view.css

@@ -379,7 +379,8 @@
   .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 }
+  /* A host's picture carries its own shape (a brand face is round, an agent's mark a rounded square): never cropped. */
+  .scui-message-actor-image { width:18px; height:18px; 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).