@volter/teams 0.1.28 → 0.1.29

package/viewer/viewer.mjs

@@ -34,6 +34,14 @@ function showHeader(shown) { $('session').classList.toggle('header-hidden', !sho
 // The host's presentation of the transcript: supercode-ui's own (the default), or `rows`, a chat's rows (every
 // message left-aligned under its author's avatar and name, one author's run grouped) in the brand's type.
 let themed = false;
+// The host's words for the composer (its placeholder and the hint under it), e.g. "Message #Work".
+let labels = {};
+let applyLabels = () => {};
+function useLabels(value) {
+  if (!value || typeof value !== 'object') return;
+  for (const key of ['composerPlaceholder', 'composerHint']) if (typeof value[key] === 'string' && value[key].length <= 200) labels[key] = value[key];
+  applyLabels();
+}
 function useLayout(layout) {
   const rows = layout === 'rows';
   $('session').classList.toggle('layout-rows', rows);
@@ -44,14 +52,23 @@ function useLayout(layout) {
     if (!themed) document.documentElement.style.setProperty('--scui-color-scheme', 'light');
   }
 }
-try { applyTheme(JSON.parse(atob((fragment.get('theme') ?? '').replaceAll('-', '+').replaceAll('_', '/')) || 'null')); } catch { /* no theme */ }
+// A fragment value that is base64url JSON (UTF-8), or null.
+function fragmentJson(name) {
+  try {
+    const bytes = Uint8Array.from(atob((fragment.get(name) ?? '').replaceAll('-', '+').replaceAll('_', '/')), (c) => c.charCodeAt(0));
+    return bytes.length ? JSON.parse(decoder.decode(bytes)) : null;
+  } catch { return null; }
+}
+applyTheme(fragmentJson('theme'));
 showHeader(fragment.has('header') ? fragment.get('header') !== 'hidden' : !embedded);
 useLayout(fragment.get('layout'));
+useLabels(fragmentJson('labels'));
 
 window.addEventListener('message', (event) => {
   if (event.data?.type === 'viewer-theme') { applyTheme(event.data.properties); return; }
   if (event.data?.type === 'viewer-header') { showHeader(!event.data.hidden); return; }
   if (event.data?.type === 'viewer-layout') { useLayout(event.data.layout); return; }
+  if (event.data?.type === 'viewer-labels') { useLabels(event.data); return; }
   if (event.data?.type !== 'delegated-token' || typeof event.data.token !== 'string') return;
   token = event.data.token;
   if (waiting) { const resume = waiting; waiting = null; resume(); }
@@ -124,6 +141,8 @@ async function showSession(session, control) {
     },
   });
   const headers = async () => ({ Authorization: `Bearer ${await freshToken()}` });
+  applyLabels = () => view.update({ ...labels });
+  applyLabels();
   const HARNESSES = { 'claude-code': 'Claude Code', codex: 'Codex', gemini: 'Gemini CLI', goose: 'Goose', opencode: 'OpenCode', pi: 'Pi', grok: 'Grok' };
   const apply = (body) => {
     view.update({ descriptor: body.descriptor, messages: body.messages.map((message) => message.value), members: body.names?.members ?? [], machines: body.names?.machines ?? [], status: 'ready', error: null });