@danieltmn/tamnora 0.9.4 → 0.9.5

package/harness/packages/server/public/app.js

@@ -1,6 +1,6 @@
 // Tamnora console — dependency-free client for the harness server (terminal theme).
 
-import { renderMarkdown } from './markdown.js';
+import { renderMarkdown, speechText } from './markdown.js';
 import { streamSse, followRun } from './runStream.js';
 import { diffState, pollDelayMs, localState, summarizeArgs } from './reconcile.js';
 import { installRelayTransport, showRelayTokenGate } from './relayClient.js';
@@ -217,7 +217,7 @@ function activateTab(name) {
   hideMoreMenu();
   if (name === 'runs') refreshRuns();
   if (name === 'providers') refreshProviders();
-  if (name === 'ajustes') { refreshMcp(); refreshSkills(); refreshChannels(); refreshLimits(); refreshVoz(); refreshTranscribe(); refreshProfile(); }
+  if (name === 'ajustes') { refreshMcp(); refreshSkills(); refreshChannels(); refreshLimits(); refreshVoz(); refreshAsesor(); refreshTranscribe(); refreshProfile(); }
 }
 
 document.querySelectorAll('.tab[data-tab]').forEach((t) =>
@@ -1464,8 +1464,35 @@ function userImages(content) {
     .filter(Boolean);
 }
 
+function advisorGlyph(kind) {
+  if (kind === 'code') return '⚠';
+  if (kind === 'explain') return 'ℹ';
+  return '✦';
+}
+
+/** Tarjeta del asesor: una capa de comentario, no un mensaje del agente. */
+function addAdvisorCard(container, { text, kind } = {}) {
+  const clean = String(text ?? '').trim();
+  if (!clean || !container) return null;
+  const exists = [...container.querySelectorAll('.advisor-text')].some((node) => node.textContent === clean);
+  if (exists) return null;
+  const card = el('div', `advisor-card${kind ? ` advisor-${kind}` : ''}`);
+  const head = el('div', 'advisor-head');
+  head.append(el('span', 'advisor-glyph', advisorGlyph(kind)), el('span', 'advisor-title', 'asesor'));
+  card.append(head, el('div', 'advisor-text', clean));
+  container.appendChild(card);
+  return card;
+}
+
 function renderStored(message, pane) {
   if (message.agent_id) return;
+  if (message.role === 'assistant' && message.name === 'advisor') {
+    addAdvisorCard(pane, {
+      text: typeof message.content === 'string' ? message.content : '',
+      kind: message.mode,
+    });
+    return;
+  }
   if (message.role === 'user') {
     const bubble = addMessage('user', userText(message.content), pane);
     if (message.id) {
@@ -2006,6 +2033,11 @@ function addContinueButton(turn, data) {
 function handleChatEvent(event, data, turn) {
   if (handleAgentEvent(event, data, turn)) return;
   narrar(event, data, turn);
+  if (event === 'advice') {
+    addAdvisorCard(turn.pane, { text: data?.text, kind: data?.kind });
+    scrollMessages(turn.pane);
+    return;
+  }
   if (event === 'agent_start') {
     turn.agents.set(data.agentId, addAgentCard(turn.assistant(), data));
   } else if (event === 'agent_end') {
@@ -3622,7 +3654,15 @@ const vozRateEl = $('#voz-rate');
 const vozAnnStartEl = $('#voz-ann-start');
 const vozAnnToolsEl = $('#voz-ann-tools');
 const vozAnnEndEl = $('#voz-ann-end');
+const vozAnnAdviceEl = $('#voz-ann-advice');
+const vozAnnAnswerEl = $('#voz-ann-answer');
 const vozFfmpegEl = $('#voz-ffmpeg');
+const asesorEnabledEl = $('#asesor-enabled');
+const asesorCodeEl = $('#asesor-code');
+const asesorExplainEl = $('#asesor-explain');
+const asesorAdviceEl = $('#asesor-advice');
+const asesorWordsEl = $('#asesor-words');
+const asesorNotesEl = $('#asesor-notes');
 const trProviderEl = $('#tr-provider');
 const trModelEl = $('#tr-model');
 
@@ -3955,7 +3995,7 @@ const voz = {
     enabled: false,
     voice: 'es-AR-ElenaNeural',
     rate: '+0%',
-    announce: { start: true, tools: true, end: true },
+    announce: { start: true, tools: true, end: true, advice: true, answer: false },
   },
 };
 
@@ -4086,10 +4126,10 @@ function reproducirVoz(frase, { voice, rate, label, maxAgeMs } = {}) {
  * Narra una frase del turno. Si el turno tarda y la frase quedó vieja en la
  * cola, se descarta al llegar su turno (`maxAgeMs`): narrar el pasado no informa.
  */
-function hablar(texto) {
+function hablar(texto, { label = 'narrando', maxAgeMs = 45000 } = {}) {
   const frase = String(texto ?? '').trim();
   if (!frase || !voz.settings.enabled) return;
-  reproducirVoz(frase, { label: 'narrando', maxAgeMs: 45000 }).catch(() => {});
+  reproducirVoz(frase, { label, maxAgeMs }).catch(() => {});
 }
 
 /** Habla el progreso de un turno EN VIVO: el replay de una reconexion no habla. */
@@ -4099,7 +4139,15 @@ function narrar(event, data, turn) {
   if (!enabled) return;
   if (event === 'start' && announce.start) hablar(data?.say);
   else if (event === 'tool_call' && announce.tools) hablar(data?.say);
-  else if ((event === 'done' || event === 'aborted' || event === 'error') && announce.end) hablar(data?.say);
+  // El asesor y la respuesta final son el cierre del turno: si quedan en cola
+  // detras de un audio largo, igual hay que leerlos (sin vencimiento).
+  else if (event === 'advice' && announce.advice) hablar(data?.say, { label: 'asesor', maxAgeMs: 0 });
+  else if (event === 'done' && announce.answer) {
+    // Lee la respuesta final limpia; si era solo codigo, cae al cierre.
+    const spoken = speechText(data?.content);
+    if (spoken) hablar(spoken, { label: 'respuesta', maxAgeMs: 0 });
+    else if (announce.end) hablar(data?.say);
+  } else if ((event === 'done' || event === 'aborted' || event === 'error') && announce.end) hablar(data?.say);
 }
 
 async function cargarVoces() {
@@ -4125,6 +4173,8 @@ async function aplicarVoz(data) {
       start: data.announce?.start !== false,
       tools: data.announce?.tools !== false,
       end: data.announce?.end !== false,
+      advice: data.announce?.advice !== false,
+      answer: data.announce?.answer === true,
     },
   };
   if (vozEnabledEl) vozEnabledEl.checked = voz.settings.enabled;
@@ -4142,6 +4192,8 @@ async function aplicarVoz(data) {
   if (vozAnnStartEl) vozAnnStartEl.checked = voz.settings.announce.start;
   if (vozAnnToolsEl) vozAnnToolsEl.checked = voz.settings.announce.tools;
   if (vozAnnEndEl) vozAnnEndEl.checked = voz.settings.announce.end;
+  if (vozAnnAdviceEl) vozAnnAdviceEl.checked = voz.settings.announce.advice;
+  if (vozAnnAnswerEl) vozAnnAnswerEl.checked = voz.settings.announce.answer;
   const estado = $('#voz-status');
   if (estado) {
     estado.className = `summary${voz.settings.enabled ? ' ok' : ''}`;
@@ -4165,6 +4217,8 @@ async function submitVoz() {
       start: vozAnnStartEl?.checked !== false,
       tools: vozAnnToolsEl?.checked !== false,
       end: vozAnnEndEl?.checked !== false,
+      advice: vozAnnAdviceEl?.checked !== false,
+      answer: vozAnnAnswerEl?.checked === true,
     },
   };
   const data = await api('/api/tts/settings', { method: 'PUT', body }).catch((e) => ({ error: e.message }));
@@ -4342,6 +4396,57 @@ async function testVoz() {
   }
 }
 
+/* --- ajustes: asesor ------------------------------------------------------- */
+
+function aplicarAsesor(data) {
+  if (!data) return;
+  if (asesorEnabledEl) asesorEnabledEl.checked = data.enabled === true;
+  if (asesorCodeEl) asesorCodeEl.checked = data.code !== false;
+  if (asesorExplainEl) asesorExplainEl.checked = data.explain !== false;
+  if (asesorAdviceEl) asesorAdviceEl.checked = data.advice !== false;
+  if (asesorWordsEl) asesorWordsEl.value = data.maxWords ?? 40;
+  if (asesorNotesEl) asesorNotesEl.value = data.notes ?? '';
+  const estado = $('#asesor-status');
+  if (estado) {
+    estado.className = `summary${data.enabled ? ' ok' : ''}`;
+    estado.textContent = data.enabled ? 'activo' : 'apagado';
+  }
+}
+
+async function refreshAsesor() {
+  if (!asesorEnabledEl) return;
+  const data = await api('/api/advisor/settings').catch(() => null);
+  if (data) aplicarAsesor(data);
+}
+
+function asesorBody() {
+  return {
+    enabled: asesorEnabledEl?.checked === true,
+    code: asesorCodeEl?.checked !== false,
+    explain: asesorExplainEl?.checked !== false,
+    advice: asesorAdviceEl?.checked !== false,
+    maxWords: Number(asesorWordsEl?.value) || 40,
+    notes: asesorNotesEl?.value ?? '',
+  };
+}
+
+async function submitAsesor() {
+  setStatus('#asesor-msg', 'guardando…');
+  const data = await api('/api/advisor/settings', { method: 'PUT', body: asesorBody() }).catch((e) => ({
+    error: e.message,
+  }));
+  if (data?.error) return setStatus('#asesor-msg', data.error, 'err');
+  aplicarAsesor(data);
+  setStatus('#asesor-msg', 'guardado', 'ok');
+}
+
+async function testAsesor() {
+  setStatus('#asesor-msg', 'consultando…');
+  const data = await api('/api/advisor/test', { method: 'POST' }).catch((e) => ({ error: e.message }));
+  if (data?.error) return setStatus('#asesor-msg', data.error, 'err');
+  setStatus('#asesor-msg', data.speak ? data.text : '(no diría nada en este caso)', 'ok');
+}
+
 /* --- ajustes: perfil del usuario ------------------------------------------ */
 
 const perfil = {
@@ -4474,8 +4579,10 @@ if (mcpListEl) {
   $('#mcp-reload').addEventListener('click', () => refreshMcp({ connect: true }));
   $('#tg-save')?.addEventListener('click', submitChannel);
   $('#tg-test')?.addEventListener('click', testChannel);
-  $('#voz-save')?.addEventListener('click', submitVoz);
-  $('#voz-test')?.addEventListener('click', testVoz);
+$('#voz-save')?.addEventListener('click', submitVoz);
+$('#voz-test')?.addEventListener('click', testVoz);
+$('#asesor-save')?.addEventListener('click', submitAsesor);
+$('#asesor-test')?.addEventListener('click', testAsesor);
   $('#mcp-close').addEventListener('click', closeMcpForm);
   $('#mf-cancel').addEventListener('click', closeMcpForm);
   $('#mf-transport').addEventListener('change', syncMcpFormFields);
@@ -5436,6 +5543,105 @@ function watchLifecycle() {
   window.addEventListener('pageshow', wake);
   window.addEventListener('online', wake);
   window.addEventListener('focus', wake);
+  // La cache del server dura 10 min: revisar al volver a la pestaña es barato.
+  refreshUpdate();
+}
+
+/* --- actualizacion de version --------------------------------------------- */
+
+const UPDATE_DISMISS_KEY = 'tamnora-update-dismissed';
+const updateBanner = $('#update-banner');
+const updateBannerText = $('#update-banner-text');
+let updateInfo = null;
+
+function showUpdateBanner(info, { force = false } = {}) {
+  if (!updateBanner || !info?.updateAvailable) return;
+  if (!force && storage.get(UPDATE_DISMISS_KEY) === String(info.latest)) return;
+  updateInfo = info;
+  updateBannerText.textContent = `Hay una versión nueva (v${info.latest}); tenés la v${info.current}.`;
+  updateBanner.hidden = false;
+  const ver = document.querySelector('.brand .ver');
+  if (ver) {
+    ver.classList.add('has-update');
+    ver.title = `Actualización disponible: v${info.latest}`;
+  }
+}
+
+async function refreshUpdate() {
+  if (!updateBanner) return;
+  const info = await api('/api/update').catch(() => null);
+  if (info?.updateAvailable) showUpdateBanner(info);
+}
+
+function dismissUpdate() {
+  if (updateInfo?.latest) storage.set(UPDATE_DISMISS_KEY, String(updateInfo.latest));
+  if (updateBanner) updateBanner.hidden = true;
+}
+
+/** Chequeo manual (click en la version): fuerza la consulta y avisa el resultado. */
+async function forceUpdateCheck() {
+  const ver = document.querySelector('.brand .ver');
+  const original = ver?.textContent;
+  if (ver) ver.textContent = '…';
+  const info = await api('/api/update?force=1').catch(() => null);
+  if (ver) ver.textContent = info?.current ? `v${info.current}` : original;
+  if (!info) return toast('No pude consultar la versión.');
+  if (info.updateAvailable) {
+    showUpdateBanner(info, { force: true });
+    toast(`Hay una versión nueva: v${info.latest}`);
+  } else if (info.error) {
+    toast(`No pude consultar npm: ${info.error}`);
+  } else {
+    toast(`Estás al día (v${info.current}).`);
+  }
+}
+
+/** Espera a que el server reiniciado vuelva a responder `/api/health`. */
+async function waitServerVersion(tries = 45) {
+  for (let i = 0; i < tries; i++) {
+    await new Promise((r) => setTimeout(r, 2000));
+    const health = await fetch('/api/health', { cache: 'no-store' })
+      .then((r) => (r.ok ? r.json() : null))
+      .catch(() => null);
+    if (health?.version) return health.version;
+  }
+  return '';
+}
+
+async function runUpdate() {
+  if (!updateInfo) return;
+  if (!confirm(`¿Actualizar a la v${updateInfo.latest}? La consola se reinicia sola.`)) return;
+  const runBtn = $('#update-run');
+  const laterBtn = $('#update-later');
+  if (runBtn) runBtn.disabled = true;
+  if (laterBtn) laterBtn.disabled = true;
+  updateBannerText.textContent = `Actualizando a v${updateInfo.latest}…`;
+  const res = await api('/api/update', { method: 'POST' }).catch((error) => ({ error: error.message }));
+  if (res?.error) {
+    updateBannerText.textContent = `No se pudo actualizar: ${res.error}`;
+    if (runBtn) runBtn.disabled = false;
+    if (laterBtn) laterBtn.disabled = false;
+    return;
+  }
+  updateBannerText.textContent = 'Instalando la versión nueva… la consola se va a reconectar.';
+  const version = await waitServerVersion();
+  if (version) {
+    updateBannerText.textContent = `Actualizado a v${version}. Recargando…`;
+    setTimeout(() => location.reload(), 900);
+  } else {
+    updateBannerText.textContent = 'No pude confirmar el reinicio. Recargá la página en unos segundos.';
+    if (runBtn) runBtn.disabled = false;
+    if (laterBtn) laterBtn.disabled = false;
+  }
+}
+
+$('#update-run')?.addEventListener('click', runUpdate);
+$('#update-later')?.addEventListener('click', dismissUpdate);
+const brandVerEl = document.querySelector('.brand .ver');
+if (brandVerEl) {
+  brandVerEl.title = 'buscar actualización';
+  brandVerEl.classList.add('ver-action');
+  brandVerEl.addEventListener('click', forceUpdateCheck);
 }
 
 /* --- boot ---------------------------------------------------------------- */
@@ -5459,6 +5665,7 @@ async function boot() {
     const ver = document.querySelector('.brand .ver');
     if (ver) ver.textContent = `v${health.version}`;
   }
+  refreshUpdate();
   await refreshProviders();
   await loadModes();
   await loadModels();

package/harness/packages/server/public/index.html

@@ -34,7 +34,7 @@
   </head>
   <body>
     <header class="topbar">
-      <div class="brand"><span class="logo"><span class="logo-t">T</span><span class="logo-h">H</span></span> <span class="ver">v0.9.4</span></div>
+      <div class="brand"><span class="logo"><span class="logo-t">T</span><span class="logo-h">H</span></span> <span class="ver">v0.9.5</span></div>
       <nav class="tabs">
         <button class="tab active" data-tab="chat">chat</button>
         <button class="tab" data-tab="providers">proveedores</button>
@@ -88,6 +88,15 @@
       </div>
     </header>
 
+    <div id="update-banner" class="update-banner" hidden>
+      <span class="update-banner-icon" aria-hidden="true">⬆</span>
+      <span id="update-banner-text" class="update-banner-text"></span>
+      <div class="update-banner-actions">
+        <button id="update-run" type="button" class="btn primary">actualizar</button>
+        <button id="update-later" type="button" class="btn">más tarde</button>
+      </div>
+    </div>
+
     <main>
       <section id="view-chat" class="view active">
         <aside id="sidebar" class="sidebar">
@@ -415,8 +424,9 @@
             <button type="button" class="ajustes-tab" data-panel="mcp" role="tab">MCP</button>
             <button type="button" class="ajustes-tab" data-panel="skills" role="tab">Skills</button>
             <button type="button" class="ajustes-tab" data-panel="telegram" role="tab">Telegram</button>
-            <button type="button" class="ajustes-tab" data-panel="voz" role="tab">Voz</button>
-            <button type="button" class="ajustes-tab" data-panel="transcripcion" role="tab">Transcripción</button>
+          <button type="button" class="ajustes-tab" data-panel="voz" role="tab">Voz</button>
+          <button type="button" class="ajustes-tab" data-panel="asesor" role="tab">Asesor</button>
+          <button type="button" class="ajustes-tab" data-panel="transcripcion" role="tab">Transcripción</button>
             <button type="button" class="ajustes-tab" data-panel="limites" role="tab">Límites</button>
           </nav>
 
@@ -626,6 +636,12 @@
             <label class="check" title="avisar al terminar">
               <input id="voz-ann-end" type="checkbox" /> el cierre
             </label>
+            <label class="check" title="leer los consejos del asesor">
+              <input id="voz-ann-advice" type="checkbox" /> los consejos del asesor
+            </label>
+            <label class="check" title="leer la respuesta final del agente, sin bloques de código ni tablas">
+              <input id="voz-ann-answer" type="checkbox" /> la respuesta final (sin código)
+            </label>
           </div>
           <p id="voz-ffmpeg" class="muted" hidden>
             Sin <code>ffmpeg</code> en el PATH, en Telegram llega como audio MP3 en vez de nota
@@ -638,6 +654,44 @@
           </div>
         </div>
 
+        <div class="panel ajustes-panel" data-panel="asesor">
+          <div class="row between">
+            <h2>Asesor</h2>
+            <span id="asesor-status" class="summary">cargando…</span>
+          </div>
+          <p class="muted verify-line">
+            Un asesor que observa lo que el agente hace, lo interpreta y solo habla cuando tiene
+            algo que aportar: te alerta de un problema en el código, te explica un proceso o te da
+            un consejo. No lee la respuesta del agente. Usa el proveedor y modelo activos.
+          </p>
+          <label class="check" title="tener un asesor que interprete y comente el turno">
+            <input id="asesor-enabled" type="checkbox" /> Habilitar el asesor
+          </label>
+          <div class="voz-announce">
+            <span class="muted">qué aporta:</span>
+            <label class="check" title="alertar de problemas reales en el código">
+              <input id="asesor-code" type="checkbox" /> problemas en el código
+            </label>
+            <label class="check" title="explicar procesos o decisiones">
+              <input id="asesor-explain" type="checkbox" /> explicar procesos
+            </label>
+            <label class="check" title="dar consejos concretos">
+              <input id="asesor-advice" type="checkbox" /> consejos
+            </label>
+          </div>
+          <label class="field"><span>largo de cada consejo (palabras)</span>
+            <input id="asesor-words" type="number" min="10" max="120" step="5" value="40" />
+          </label>
+          <label class="field"><span>instrucciones para el asesor (opcional)</span>
+            <textarea id="asesor-notes" rows="3" placeholder="Ej: avisame siempre si toco secretos o config de producción."></textarea>
+          </label>
+          <div class="row">
+            <button id="asesor-save" class="btn primary" type="button">guardar</button>
+            <button id="asesor-test" class="btn" type="button">probar asesor</button>
+            <span id="asesor-msg" class="summary"></span>
+          </div>
+        </div>
+
         <div class="panel ajustes-panel" data-panel="transcripcion">
           <div class="row between">
             <h2>Transcripción</h2>

package/harness/packages/server/public/markdown.js

@@ -215,3 +215,57 @@ export function renderMarkdown(text) {
   flush();
   return out.join('\n');
 }
+
+function cleanSpeechLine(line) {
+  return line
+    .replace(/^\s*#{1,6}\s+/, '')
+    .replace(/^\s*>\s?/, '')
+    .replace(/^\s*([-*+]|\d+[.)])\s+/, '')
+    .replace(/!\[([^\]]*)\]\([^)]*\)/g, '$1')
+    .replace(/\[([^\]]+)\]\([^)]*\)/g, '$1')
+    .replace(/`([^`]+)`/g, '$1')
+    .replace(/\*\*([^*]+)\*\*/g, '$1')
+    .replace(/__([^_]+)__/g, '$1')
+    .replace(/(^|[^*\w])\*([^*\n]+)\*/g, '$1$2')
+    .replace(/(^|[^_\w])_([^_\n]+)_/g, '$1$2');
+}
+
+/**
+ * Version hablada de una respuesta: deja el texto corrido y saca lo que no se
+ * lee bien (bloques de codigo, tablas, marcas de markdown). Recorta a `maxChars`
+ * cortando en un limite de oracion, para no mandar una sintesis gigante al TTS.
+ */
+export function speechText(text, { maxChars = 1500 } = {}) {
+  const stripped = String(text ?? '')
+    .replace(/```[\s\S]*?```/g, ' ')
+    .replace(/~~~[\s\S]*?~~~/g, ' ');
+  const lines = stripped.replace(/\r\n?/g, '\n').split('\n');
+  const kept = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (line.includes('|') && i + 1 < lines.length && isDelimiterRow(lines[i + 1])) {
+      i += 2;
+      while (i < lines.length && lines[i].trim() && lines[i].includes('|')) i += 1;
+      continue;
+    }
+    if (/^\s*([-*_])(\s*\1){2,}\s*$/.test(line)) {
+      i += 1;
+      continue;
+    }
+    kept.push(cleanSpeechLine(line));
+    i += 1;
+  }
+  let out = kept.join('\n').replace(/\s+/g, ' ').trim();
+  if (out.length > maxChars) {
+    const slice = out.slice(0, maxChars);
+    const cut = Math.max(
+      slice.lastIndexOf('. '),
+      slice.lastIndexOf('! '),
+      slice.lastIndexOf('? '),
+      slice.lastIndexOf('; ')
+    );
+    out = `${(cut > maxChars * 0.5 ? slice.slice(0, cut + 1) : slice).trim()}…`;
+  }
+  return out;
+}

package/harness/packages/server/public/styles.css

@@ -1631,3 +1631,40 @@ dialog.modal::backdrop { background: rgba(24, 22, 16, 0.55); backdrop-filter: bl
 .modal-card { display: flex; flex-direction: column; gap: 12px; padding: 20px; }
 .modal-card h3 { margin: 0; font: 700 17px var(--serif); letter-spacing: -0.02em; }
 .row .spacer { flex: 1; }
+
+/* update banner ----------------------------------------------------------- */
+.update-banner {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 16px;
+  background: var(--accent-soft);
+  border-bottom: 1px solid var(--border);
+  color: var(--text);
+  font: 500 13px var(--sans, inherit);
+}
+.update-banner[hidden] { display: none; }
+.update-banner-icon { color: var(--accent); flex: 0 0 auto; }
+.update-banner-text { flex: 1; min-width: 0; }
+.update-banner-actions { display: flex; gap: 8px; flex: 0 0 auto; }
+.update-banner .btn { padding: 4px 12px; font-size: 12px; }
+.brand .ver.has-update { color: var(--accent); cursor: help; }
+.brand .ver.has-update::after { content: " ⬆"; }
+
+/* advisor card ------------------------------------------------------------ */
+.advisor-card {
+  margin: 10px 0;
+  padding: 10px 14px;
+  border-left: 3px solid var(--accent);
+  border-radius: 8px;
+  background: var(--accent-soft);
+}
+.advisor-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
+.advisor-glyph { color: var(--accent); font-size: 13px; line-height: 1; }
+.advisor-title { font: 600 10px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
+.advisor-text { color: var(--text); line-height: 1.5; }
+.advisor-code { border-left-color: var(--warn); }
+.advisor-code .advisor-glyph { color: var(--warn); }
+
+.brand .ver.ver-action { cursor: pointer; }
+.brand .ver.ver-action:hover { color: var(--accent); }