@danieltmn/tamnora 0.9.0 → 0.9.2

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.0</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.2</span></div>
       <nav class="tabs">
         <button class="tab active" data-tab="chat">chat</button>
         <button class="tab" data-tab="providers">proveedores</button>
@@ -139,7 +139,6 @@
           <form id="chat-form" class="composer">
 <div id="slash-menu" class="slash-menu" hidden></div>
         <div id="toasts" class="toasts" aria-live="polite"></div>
-        <div id="perm-banner" class="perm-banner" role="alert" aria-live="assertive" hidden></div>
         <div id="attach-preview" class="attach-preview" hidden></div>
             <div id="chat-queue" class="chat-queue" hidden></div>
             <div class="composer-row">
@@ -151,6 +150,14 @@
                   <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
                 </svg>
               </button>
+              <button type="button" id="mic-btn" class="btn icon" title="Dictar por voz (tocá para grabar y parar)" aria-label="dictar por voz">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                  <path d="M12 19v3" />
+                  <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+                  <path d="M12 15a3 3 0 0 0 3-3V6a3 3 0 0 0-6 0v6a3 3 0 0 0 3 3Z" />
+                </svg>
+                <span class="mic-count" hidden></span>
+              </button>
               <input id="image-input" type="file" accept="image/*" multiple hidden />
               <textarea id="chat-input" rows="1" placeholder="escribí un mensaje…" title="Enter envía · Shift+Enter salto" spellcheck="false"></textarea>
               <button class="btn primary" type="submit">enviar</button>
@@ -402,11 +409,13 @@
         <div class="ajustes-wrap">
           <nav class="ajustes-tabs" role="tablist" aria-label="secciones de ajustes">
             <button type="button" class="ajustes-tab active" data-panel="agente" role="tab">Agente</button>
+            <button type="button" class="ajustes-tab" data-panel="perfil" role="tab">Perfil</button>
             <button type="button" class="ajustes-tab" data-panel="sesiones" role="tab">Sesiones</button>
             <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="limites" role="tab">Límites</button>
           </nav>
 
@@ -436,6 +445,38 @@
           </div>
         </div>
 
+        <div class="panel ajustes-panel" data-panel="perfil">
+          <div class="row between">
+            <h2>Perfil</h2>
+            <span id="perfil-status" class="summary">cargando…</span>
+          </div>
+          <p class="muted verify-line">
+            Datos que el agente conoce de vos. Viven en <code>app.json</code> (la casa) y se
+            inyectan en el prompt de todas las corridas.
+          </p>
+          <label class="field"><span>cómo querés que te llame</span>
+            <input id="perfil-address" spellcheck="false" placeholder="Señor · Amo · Amigo · Compañero · Daniel…" />
+          </label>
+          <label class="field"><span>nombre</span>
+            <input id="perfil-name" spellcheck="false" placeholder="Daniel" />
+          </label>
+          <label class="field"><span>idioma preferido</span>
+            <input id="perfil-language" spellcheck="false" placeholder="es" />
+          </label>
+          <label class="field"><span>notas</span>
+            <textarea id="perfil-notes" rows="3" placeholder="Preferencias, contexto, cómo te gusta trabajar…"></textarea>
+          </label>
+          <div class="row between">
+            <span class="muted">datos extra</span>
+            <button type="button" id="perfil-add-field" class="btn">+ agregar</button>
+          </div>
+          <div id="perfil-fields" class="perfil-fields"></div>
+          <div class="row">
+            <button id="perfil-save" class="btn primary" type="button">guardar</button>
+            <span id="perfil-msg" class="summary"></span>
+          </div>
+        </div>
+
         <div class="panel ajustes-panel" data-panel="sesiones">
           <div class="row between">
             <h2>Sesiones</h2>
@@ -513,6 +554,27 @@
           <label class="field"><span>modelo de transcripción (voz)</span>
             <input id="tg-transcribe" spellcheck="false" placeholder="whisper-1" />
           </label>
+          <label class="check" title="avisar y pedir permisos por Telegram de los proyectos abiertos en la consola">
+            <input id="tg-notify" type="checkbox" /> Avisar por Telegram (proyectos abiertos en la consola)
+          </label>
+          <div class="voz-announce">
+            <span class="muted">qué avisa (siempre con el nombre del proyecto):</span>
+            <label class="check" title="resumen al terminar un turno">
+              <input id="tg-notify-done" type="checkbox" /> el fin de turno
+            </label>
+            <label class="check" title="cuando un run falla">
+              <input id="tg-notify-error" type="checkbox" /> los errores
+            </label>
+            <label class="check" title="cuando el agente pide una aprobación">
+              <input id="tg-notify-permission" type="checkbox" /> los permisos
+            </label>
+            <label class="check" title="resultado de subagentes (tool task)">
+              <input id="tg-notify-agent" type="checkbox" /> los subagentes
+            </label>
+          </div>
+          <p class="muted verify-line">
+            Solo avisa de los proyectos que tengas <b>abiertos como pestañas</b> en la consola.
+          </p>
           <details class="tg-help">
             <summary>¿Cómo habilito mi chat?</summary>
             <ol>
@@ -575,6 +637,62 @@
           </div>
         </div>
 
+        <div class="panel ajustes-panel" data-panel="transcripcion">
+          <div class="row between">
+            <h2>Transcripción</h2>
+            <span id="tr-status" class="summary">cargando…</span>
+          </div>
+          <p class="muted verify-line">
+            Audio → texto para el <b>dictado del chat</b> (micrófono del input) y las notas de voz
+            de Telegram.
+          </p>
+          <label class="field"><span>motor</span>
+            <select id="tr-mode" title="cómo se transcribe el dictado del chat">
+              <option value="server">Servidor · proveedor de transcripción</option>
+              <option value="google">Servidor · Google (sin API key)</option>
+              <option value="browser">Navegador · nativo (Web Speech API)</option>
+            </select>
+          </label>
+          <label class="field"><span>idioma del dictado (se le indica al motor para no confundirse)</span>
+            <input id="tr-language" spellcheck="false" placeholder="es-AR" />
+          </label>
+          <div id="tr-server-fields">
+            <label class="field"><span>proveedor de transcripción (vacío = proveedor activo)</span>
+              <input id="tr-provider" spellcheck="false" placeholder="groq · openai" />
+            </label>
+            <label class="field"><span>modelo</span>
+              <input id="tr-model" spellcheck="false" placeholder="whisper-large-v3-turbo" />
+            </label>
+            <p class="muted verify-line">
+              El proveedor activo no siempre sabe transcribir (p. ej. DeepSeek), así que conviene
+              apuntar a uno con <code>/audio/transcriptions</code> (Groq, OpenAI…). Si lo dejás
+              vacío se usa lo configurado en <b>Telegram</b> y, si tampoco hay, el proveedor activo
+              con <code>whisper-1</code>.
+            </p>
+          </div>
+          <p class="muted verify-line" id="tr-google-note" hidden>
+            Usa el servicio de voz de Chromium/Google <b>desde el servidor</b>, sin API key ni
+            depender del navegador (servicio no oficial, como el TTS de Edge). Configurá el idioma.
+          </p>
+          <p class="muted verify-line" id="tr-browser-note" hidden>
+            El navegador transcribe en vivo (Chrome/Edge) sin usar el servidor. Necesita el
+            servicio de voz de Google; en Brave o sin internet suele fallar (error «network»).
+          </p>
+          <div class="row">
+            <button id="tr-save" class="btn primary" type="button">guardar</button>
+            <button id="tr-test" class="btn icon" type="button" title="grabar y ver qué devuelve la transcripción" aria-label="probar transcripción">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path d="M12 19v3" />
+                <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+                <path d="M12 15a3 3 0 0 0 3-3V6a3 3 0 0 0-6 0v6a3 3 0 0 0 3 3Z" />
+              </svg>
+              <span class="mic-count" hidden></span>
+            </button>
+            <span id="tr-msg" class="summary"></span>
+          </div>
+          <p id="tr-test-result" class="summary"></p>
+        </div>
+
         <div class="panel ajustes-panel" data-panel="limites">
           <div class="row between">
             <h2>Límites del agente</h2>

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

@@ -762,9 +762,28 @@ details.reasoning .body { color: var(--muted); white-space: pre-wrap; margin-top
   place-items: center;
   flex: 0 0 auto;
   line-height: 1;
+  position: relative;
 }
 .btn.icon svg { width: 18px; height: 18px; display: block; }
 .btn.icon:hover { color: var(--accent); }
+/* Dictado activo: verde titilando (cuenta regresiva y grabación). */
+.btn.icon.recording { color: #2eb872; border-color: currentColor; animation: live-pulse 1s ease-in-out infinite; }
+.btn.icon.busy { opacity: 0.55; }
+.btn.icon.mic-counting > svg { visibility: hidden; }
+.mic-count {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  font: 700 13px var(--mono);
+  color: #2eb872;
+}
+.mic-count[hidden] { display: none; }
+
+.perfil-fields { display: flex; flex-direction: column; gap: 6px; }
+.perfil-field { display: flex; gap: 6px; align-items: center; }
+.perfil-field .pf-key { flex: 0 0 34%; }
+.perfil-field .pf-value { flex: 1; }
 
 .chat-queue { display: flex; flex-direction: column; gap: 4px; padding: 8px 10px; border: 1px dashed var(--border); border-radius: 9px; background: var(--theirs); }
 .chat-queue[hidden] { display: none; }

package/harness/packages/server/src/lib/channels/index.js

@@ -19,6 +19,16 @@ function parseAllowed(raw) {
     .filter(Boolean);
 }
 
+const NOTIFY_EVENTS = ['done', 'error', 'permission', 'agent'];
+
+/** Avisos por Telegram: interruptor global + que eventos llegan. */
+export function sanitizeNotify(raw) {
+  const value = raw && typeof raw === 'object' ? raw : {};
+  const notify = { enabled: value.enabled === true };
+  for (const key of NOTIFY_EVENTS) notify[key] = value[key] !== false;
+  return notify;
+}
+
 /**
  * Crea el manager de canales. `load()` arranca (o reinicia) los canales segun
  * la config efectiva (app.json + tamnora.json + entorno), `status()` la resume
@@ -37,6 +47,7 @@ export function createChannelsManager(ctx, { log = () => {}, enabled = true } =
     if (Array.isArray(cfg.allowedChatIds) && cfg.allowedChatIds.length) tg.allowedChatIds = cfg.allowedChatIds;
     if (cfg.transcribeModel) tg.transcribeModel = cfg.transcribeModel;
     if (cfg.transcribeProvider) tg.transcribeProvider = cfg.transcribeProvider;
+    if (cfg.notify) tg.notify = cfg.notify;
     return tg;
   };
 
@@ -49,6 +60,7 @@ export function createChannelsManager(ctx, { log = () => {}, enabled = true } =
       allowedChatIds,
       transcribeModel: tg.transcribeModel,
       transcribeProvider: tg.transcribeProvider,
+      notify: sanitizeNotify(tg.notify),
     };
   }
 
@@ -62,9 +74,16 @@ export function createChannelsManager(ctx, { log = () => {}, enabled = true } =
   function load() {
     stop();
     if (!enabled) return { enabled: false, channels: [] };
-    const { token, allowedChatIds, transcribeModel, transcribeProvider } = effective();
+    const { token, allowedChatIds, transcribeModel, transcribeProvider, notify } = effective();
     const channels = [];
-    const telegram = startTelegramChannel(ctx, { token, allowedChatIds, transcribeModel, transcribeProvider, log });
+    const telegram = startTelegramChannel(ctx, {
+      token,
+      allowedChatIds,
+      transcribeModel,
+      transcribeProvider,
+      notify,
+      log,
+    });
     if (telegram) channels.push(telegram);
     const unsubscribe = ctx.runs?.subscribeAll?.((sessionId, event) => {
       for (const channel of channels) {
@@ -81,13 +100,14 @@ export function createChannelsManager(ctx, { log = () => {}, enabled = true } =
   }
 
   function status() {
-    const { token, allowedChatIds, transcribeModel, transcribeProvider } = effective();
+    const { token, allowedChatIds, transcribeModel, transcribeProvider, notify } = effective();
     return {
       tokenSet: Boolean(token),
       tokenHint: tokenHint(token),
       allowedChatIds,
       transcribeModel: transcribeModel || 'whisper-1',
       transcribeProvider: transcribeProvider || '',
+      notify,
       running: Boolean(active && active.channels.length),
     };
   }