@danieltmn/tamnora 0.7.1 → 0.9.0

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

@@ -0,0 +1,207 @@
+// Streaming SSE resumible para la consola.
+//
+// El tunel (o un proxy) puede cortar la conexion sin que el `fetch` se entere:
+// `reader.read()` queda esperando para siempre y el turno se queda "pensando..."
+// sin fin. Estos helpers agregan un watchdog de silencio, recuerdan el cursor
+// (`id:`) de cada frame para reanudar donde se quedo, y reintentan con backoff.
+
+// El server manda un comentario `: ping` cada 15 s (lib/http.js). Tres pings
+// perdidos ya no son transitorios: algo se murio.
+export const SILENCE_MS = 45000;
+
+const DEFAULT_BACKOFF = [1000, 2000, 4000, 8000, 10000];
+
+function abortError() {
+  return new DOMException('Aborted', 'AbortError');
+}
+
+/** Espera `ms` abortable: si el caller cancela, no hay que esperar al timer. */
+export function delay(ms, signal) {
+  return new Promise((resolve, reject) => {
+    if (signal?.aborted) return reject(abortError());
+    const timer = setTimeout(() => {
+      signal?.removeEventListener('abort', onAbort);
+      resolve();
+    }, ms);
+    function onAbort() {
+      clearTimeout(timer);
+      reject(abortError());
+    }
+    signal?.addEventListener('abort', onAbort, { once: true });
+  });
+}
+
+/**
+ * Combina varias senales en una. No usamos `AbortSignal.any` porque en Android
+ * Chrome viejo no existe y la consola se abre mucho desde el celular.
+ */
+export function linkSignals(signals) {
+  const list = signals.filter(Boolean);
+  if (!list.length) return { signal: undefined, abort: () => {} };
+  if (list.length === 1) return { signal: list[0], abort: () => list[0].abort() };
+  const controller = new AbortController();
+  const onAbort = (event) => controller.abort(event.target.reason);
+  for (const signal of list) {
+    if (signal.aborted) {
+      controller.abort(signal.reason);
+      break;
+    }
+    signal.addEventListener('abort', onAbort, { once: true });
+  }
+  return { signal: controller.signal, abort: () => controller.abort() };
+}
+
+async function httpError(res) {
+  let message = res.statusText;
+  try {
+    message = (await res.json())?.error ?? message;
+  } catch {
+    // nos quedamos con statusText
+  }
+  const error = new Error(message || `HTTP ${res.status}`);
+  error.status = res.status;
+  return error;
+}
+
+/** El stream quedo mudo: cortamos por nuestra cuenta, no el servidor. */
+function silentError(from) {
+  const error = new Error('La conexion quedo muda (se corto el stream).');
+  error.name = 'SilentStream';
+  error.resumable = true;
+  error.from = from;
+  return error;
+}
+
+/**
+ * Lee un stream SSE y entrega `(event, data, id)` por frame.
+ *
+ * Corta si pasan `silenceMs` sin bytes. Al hacerlo tira un error `SilentStream`
+ * con `from` = ultimo cursor recibido, para que el llamador pueda reanudar
+ * desde ahi en vez de desde cero.
+ */
+export async function streamSse(
+  url,
+  { method = 'GET', body, csrf, signal, silenceMs = SILENCE_MS, fetchImpl = fetch } = {},
+  onEvent
+) {
+  const headers = {};
+  if (body) headers['Content-Type'] = 'application/json';
+  if (method !== 'GET' && csrf) headers['x-csrf'] = csrf;
+
+  const watchdog = new AbortController();
+  let lastId = null;
+  let timer = null;
+  let silent = false;
+  const linked = linkSignals([signal, watchdog.signal]);
+  const arm = () => {
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(() => {
+      silent = true;
+      watchdog.abort();
+    }, silenceMs);
+  };
+
+  try {
+    const res = await fetchImpl(url, {
+      method,
+      headers,
+      body: body ? JSON.stringify(body) : undefined,
+      signal: linked.signal,
+    });
+    if (!res.ok) throw await httpError(res);
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+    arm();
+    for (;;) {
+      const { value, done } = await reader.read();
+      // Cualquier byte cuenta como vida: el heartbeat es un comentario SSE y
+      // nunca llega a `onEvent`.
+      arm();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      let index;
+      while ((index = buffer.indexOf('\n\n')) !== -1) {
+        const frame = buffer.slice(0, index);
+        buffer = buffer.slice(index + 2);
+        let event = null;
+        let data = '';
+        let id = null;
+        for (const line of frame.split('\n')) {
+          if (line.startsWith('event:')) event = line.slice(6).trim();
+          else if (line.startsWith('data:')) data += line.slice(5).trim();
+          else if (line.startsWith('id:')) id = line.slice(3).trim();
+        }
+        if (id !== null) lastId = id;
+        // Frame de comentario (`: ping`): el watchdog ya lo conto como vida,
+        // pero no hay nada que entregar.
+        if (!event && !data) continue;
+        let parsed = {};
+        if (data) {
+          try {
+            parsed = JSON.parse(data);
+          } catch {
+            parsed = { raw: data };
+          }
+        }
+        try {
+          onEvent(event || 'message', parsed, id);
+        } catch (error) {
+          // Un error del handler NO es una caida del transporte: si lo dejamos
+          // pasar, `followRun` reintenta en bucle y el sintoma es un
+          // "reconectando..." eterno que no dice nada. Se propaga con su tipo
+          // para que el llamador pueda distinguirlo y no reintentar.
+          error.eventHandler = true;
+          throw error;
+        }
+      }
+    }
+    if (silent) throw silentError(lastId);
+  } catch (error) {
+    // Si el watchdog fue el que corto, el AbortError obscurece la causa.
+    if (silent && error?.name === 'AbortError') throw silentError(lastId);
+    throw error;
+  } finally {
+    if (timer) clearTimeout(timer);
+  }
+}
+
+export function backoffDelay(index, backoff = DEFAULT_BACKOFF) {
+  const step = backoff[Math.min(Math.max(index, 0), backoff.length - 1)];
+  return Number(step) || 1000;
+}
+
+/**
+ * Reintenta `open()` con backoff hasta que el run termine o se agoten los
+ * intentos.
+ *
+ * `open(cursor)` hace una conexion y devuelve `{ finished, cursor }` cuando el
+ * turno acaba, o tira error si el transporte se cayo. Los `AbortError` nunca se
+ * reintentan: son el usuario cancelando o el boton `parar`. Tampoco los errores
+ * marcados con `eventHandler`: esos son un bug de la consola, y reintentarlos
+ * solo tapa el sintoma y quema el backoff.
+ *
+ * `from` es el cursor inicial: se pasa el ultimo `id:` conocido cuando ya
+ * estabamos escuchando este turno y lo que se perdio esta despues.
+ */
+export async function followRun({ open, onRetry = null, backoff = DEFAULT_BACKOFF, attempts = Infinity, signal, from = 0, sleep = delay }) {
+  let cursor = Number(from) || 0;
+  let attempt = 0;
+  for (;;) {
+    if (signal?.aborted) throw abortError();
+    try {
+      const result = await open(cursor, signal);
+      if (result?.cursor !== undefined) cursor = result.cursor;
+      return { finished: true, cursor, attempts: attempt };
+    } catch (error) {
+      if (error?.name === 'AbortError' || error?.eventHandler) throw error;
+      // El error sabe hasta donde llegamos: preferimos su cursor.
+      if (error?.from != null) cursor = Number(error.from) || cursor;
+      attempt += 1;
+      if (attempt > attempts) throw error;
+      const wait = backoffDelay(attempt - 1, backoff);
+      onRetry?.({ attempt, delay: wait, error, cursor });
+      await sleep(wait, signal);
+    }
+  }
+}

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

@@ -177,6 +177,23 @@ html[data-theme='dark'] #theme-toggle .ico-moon { display: block; }
 .menu-pop button.active { background: var(--theirs); color: var(--accent); }
 .settings { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 8px; }
 .settings select { max-width: 220px; }
+
+/* Nueva sesión en el topbar: texto en desktop, solo el icono en móvil, donde
+   el ancho es el recurso escaso. */
+.topbar-new {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  height: 34px;
+  padding: 0 13px;
+  flex: 0 0 auto;
+}
+.topbar-new svg { width: 18px; height: 18px; display: block; flex: 0 0 auto; }
+.topbar-new-label { display: none; }
+@media (min-width: 821px) {
+  .topbar-new-label { display: inline; }
+}
 .check { color: var(--muted); display: flex; align-items: center; gap: 5px; cursor: pointer; }
 
 select, input, textarea {
@@ -204,6 +221,8 @@ main { flex: 1; min-height: 0; min-width: 0; display: flex; }
   cursor: pointer;
   font: 600 12.5px var(--sans);
   transition: 0.15s ease;
+  /* Sin esto, en una fila apretada "denegar" se parte en "den egar". */
+  white-space: nowrap;
 }
 .btn:hover { border-color: var(--accent); color: var(--text); }
 .btn.primary { background: var(--accent); border-color: var(--accent); color: var(--primary-fg); font-weight: 700; }
@@ -266,6 +285,29 @@ main { flex: 1; min-height: 0; min-width: 0; display: flex; }
 .session-item.active { background: var(--theirs); color: var(--text); border-color: var(--border); }
 .session-item .sub { color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
 .session-item .session-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.session-live {
+  flex: none;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent);
+  animation: live-pulse 1.4s ease-in-out infinite;
+}
+.session-await {
+  flex: none;
+  padding: 0 5px;
+  height: 14px;
+  line-height: 14px;
+  border-radius: 7px;
+  font-size: 10px;
+  font-weight: 700;
+  color: var(--bg);
+  background: var(--warn);
+}
+@keyframes live-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.25; }
+}
 .session-del,
 .group-del {
   flex: 0 0 auto;
@@ -445,53 +487,61 @@ body.resizing * { cursor: col-resize !important; }
 .msg-menu-btn {
   display: inline-grid;
   place-items: center;
-  width: auto;
-  min-height: 24px;
-  padding: 2px 9px;
+  width: 26px;
+  height: 24px;
+  padding: 0;
   background: transparent;
-  border: 1px solid var(--border);
+  border: 1px solid transparent;
   border-radius: 7px;
   color: var(--muted);
   cursor: pointer;
-  font: 500 11px var(--mono);
-  opacity: 0.45;
-  transition: opacity 0.12s ease;
+  opacity: 0.4;
+  transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
 }
 .msg:hover .msg-menu-btn,
 .msg:focus-within .msg-menu-btn,
 .msg-menu-btn[aria-expanded='true'] { opacity: 1; }
 .msg-menu-btn:hover,
-.msg-menu-btn[aria-expanded='true'] { color: var(--text); border-color: var(--accent); }
+.msg-menu-btn[aria-expanded='true'] { color: var(--text); background: var(--theirs); }
 .msg-menu {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 60;
-  min-width: 170px;
+  min-width: 178px;
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 1px;
   padding: 5px;
   border: 1px solid var(--border);
-  border-radius: 10px;
-  background: var(--panel);
-  box-shadow: 0 12px 30px rgb(0 0 0 / 0.22);
+  border-radius: 11px;
+  background: var(--solid, var(--panel));
+  box-shadow: 0 14px 34px rgb(0 0 0 / 0.24);
+  backdrop-filter: blur(18px);
 }
 .msg-menu[hidden] { display: none; }
+.msg-menu-sep { height: 1px; margin: 4px 6px; background: var(--border); }
 .msg-actions button.msg-act {
   width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
   text-align: left;
   background: transparent;
-  border: 1px solid transparent;
+  border: 0;
   border-radius: 7px;
-  color: var(--muted);
-  font: 500 11px var(--mono);
-  padding: 5px 8px;
+  color: var(--text);
+  font: 500 12.5px var(--sans);
+  padding: 6px 8px;
   cursor: pointer;
 }
-.msg-actions button.msg-act:hover { color: var(--text); background: var(--theirs); }
+.msg-act .mi { flex: 0 0 auto; color: var(--muted); }
+.msg-act .mlabel { min-width: 0; }
+.msg-actions button.msg-act:hover { background: var(--theirs); }
+.msg-actions button.msg-act:hover .mi { color: var(--accent); }
 .msg-actions button.msg-act.danger { color: var(--danger); }
 .msg-actions button.msg-act.danger:hover { background: var(--theirs); }
+.msg-actions button.msg-act.danger:hover .mi { color: var(--danger); }
 .bubble .tools { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; font-weight: 700; }
 
 .tools-actions { display: flex; align-items: center; gap: 8px; }
@@ -550,6 +600,12 @@ body.resizing * { cursor: col-resize !important; }
   overflow: auto;
 }
 .tool-card > .tool-out:empty { display: none; }
+.tool-card > .tool-audio {
+  display: block;
+  width: calc(100% - 28px);
+  height: 32px;
+  margin: 4px 0 2px 18px;
+}
 .tool-more {
   display: inline-block;
   margin: 2px 0 2px 18px;
@@ -624,7 +680,7 @@ body.resizing * { cursor: col-resize !important; }
   background: rgba(210, 153, 34, 0.06);
 }
 .perm-card .perm-head { display: flex; gap: 7px; align-items: center; color: var(--warn); font-weight: 700; }
-.perm-card .perm-args { color: var(--muted); margin: 5px 0 9px; white-space: pre-wrap; word-break: break-word; }
+.perm-card .perm-args { color: var(--muted); margin: 5px 0 9px; white-space: pre-wrap; word-break: break-word; max-height: 7.5em; overflow: auto; }
 .perm-card .perm-actions { display: flex; align-items: center; gap: 8px; }
 .perm-card .spacer { flex: 1; }
 .perm-card.approved { border-color: var(--ok); background: rgba(63, 185, 80, 0.06); }
@@ -710,7 +766,80 @@ details.reasoning .body { color: var(--muted); white-space: pre-wrap; margin-top
 .btn.icon svg { width: 18px; height: 18px; display: block; }
 .btn.icon:hover { color: var(--accent); }
 
+.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; }
+.queue-label { color: var(--muted); font: 600 10.5px var(--mono); text-transform: uppercase; letter-spacing: 0.05em; }
+.queue-item { display: flex; align-items: center; gap: 8px; }
+.queue-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 12.5px var(--sans); }
+.queue-remove { flex: 0 0 auto; width: 20px; height: 20px; padding: 0; line-height: 1; border-radius: 50%; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
+.queue-remove:hover { color: var(--danger); background: var(--theirs); }
+.shell-out { margin: 0; padding: 8px 10px; max-height: 320px; overflow: auto; background: var(--theirs); border: 1px solid var(--border); border-radius: 8px; font: 11.5px/1.5 var(--mono); white-space: pre-wrap; word-break: break-word; }
 .attach-preview { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 2px; }
+.sb-channel {
+  font-size: 11px;
+  color: var(--warn);
+  border: 1px solid currentColor;
+  border-radius: 9px;
+  padding: 0 6px;
+  cursor: help;
+}
+.sb-channel.retrying { animation: live-pulse 1.4s ease-in-out infinite; }
+.toasts {
+  /* Encima del composer, no sobre el: al borde inferior tapaba el banner y los
+     botones, y cada toast (con `pointer-events: auto`) les robaba los clics. */
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 10px;
+  right: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  pointer-events: none;
+  z-index: 5;
+}
+.toast {
+  pointer-events: auto;
+  cursor: pointer;
+  padding: 7px 11px;
+  border: 1px solid var(--border);
+  border-left: 3px solid var(--warn);
+  border-radius: 8px;
+  background: var(--panel);
+  color: var(--text);
+  font-size: 12.5px;
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
+}
+
+/* Banner de permisos: se decide desde cualquier pestana o sesion, asi que vive
+   en el composer y no dentro del mensaje de una sesion. */
+.perm-banner { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }
+.perm-banner[hidden] { display: none; }
+.perm-banner-row {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 9px 11px;
+  border: 1px solid var(--warn);
+  border-radius: 9px;
+  background: rgba(217, 112, 74, 0.08);
+}
+.perm-banner-label { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
+.perm-banner-icon { color: var(--warn); font-weight: 700; }
+.perm-banner-title { font-weight: 700; color: var(--text); }
+.perm-banner-session { font-size: 11.5px; color: var(--muted); border: 1px solid var(--border); border-radius: 8px; padding: 0 6px; }
+.perm-banner-args {
+  color: var(--muted);
+  font-family: var(--mono, monospace);
+  font-size: 11.5px;
+  /* Recorte limpio: `overflow` a secas cortaba la linea por la mitad y se
+     leia como texto roto. */
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  word-break: break-word;
+}
+.perm-banner-row > .btn { align-self: flex-start; }
 .attach-thumb { position: relative; }
 .attach-thumb img { height: 64px; border-radius: 6px; border: 1px solid var(--border); display: block; }
 .attach-remove {
@@ -846,6 +975,9 @@ pre.code code { background: none; border: 0; padding: 0; font-size: 0.92em; }
 
 .card { border: 1px solid var(--border); background: var(--panel); backdrop-filter: blur(14px); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
 
+/* ajustes: voz (TTS) -------------------------------------------------------- */
+.voz-announce { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 8px 0; }
+
 /* ajustes: pestañas internas ---------------------------------------------- */
 #view-ajustes.active { display: block; overflow-y: auto; }
 .ajustes-wrap { width: 100%; max-width: 780px; margin: 0 auto; padding: 18px; display: flex; flex-direction: column; gap: 12px; min-height: 100%; }
@@ -1049,6 +1181,26 @@ pre.code code { background: none; border: 0; padding: 0; font-size: 0.92em; }
 #xp-preview.preview-maximized .preview-stage { border-radius: 10px; }
 #procs-list { flex: 1; min-height: 0; overflow-y: auto; }
 .procs-log { margin: 0; padding: 8px 12px; height: 150px; overflow: auto; background: var(--theirs); border-top: 1px solid var(--border); font: 500 11px var(--mono); white-space: pre-wrap; word-break: break-word; }
+.git-branch { font: 700 12px var(--mono); color: var(--accent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.git-list { list-style: none; margin: 0; padding: 0 8px 10px; overflow-y: auto; flex: 1; min-height: 0; }
+.git-group { padding: 8px 6px 3px; color: var(--muted); font: 600 11px var(--sans); text-transform: uppercase; letter-spacing: 0.04em; }
+.git-item { border-radius: 7px; }
+.git-row { display: flex; align-items: center; gap: 8px; padding: 4px 6px; border-radius: 7px; cursor: pointer; }
+.git-row:hover { background: var(--theirs); }
+.git-badge { flex: 0 0 auto; width: 16px; text-align: center; font: 700 11px var(--mono); }
+.git-badge.mod, .git-badge.ren { color: var(--accent); }
+.git-badge.add, .git-badge.new { color: var(--ok); }
+.git-badge.del, .git-badge.conf { color: var(--danger); }
+.git-badge.ign { color: var(--muted); }
+.git-path { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font: 500 12px var(--sans); }
+.git-diff { margin: 2px 0 8px; padding: 8px 10px; max-height: 320px; overflow: auto; background: var(--theirs); border-radius: 8px; font: 11px/1.5 var(--mono); white-space: pre; }
+.git-diff.err { color: var(--danger); }
+.git-diff .diff-line { display: block; }
+.git-diff .diff-add { color: var(--ok); }
+.git-diff .diff-del { color: var(--danger); }
+.git-diff .diff-eq { color: var(--muted); }
+.git-diff .diff-sep { color: var(--accent); opacity: 0.8; }
+.git-diff .diff-meta { color: var(--muted); opacity: 0.7; }
 .import-bar { display: flex; gap: 6px; margin: 4px 0 10px; }
 .import-bar input { flex: 1; min-width: 0; }
 
@@ -1166,10 +1318,13 @@ dialog.file-modal.preview-maximized {
   .topbar {
     position: relative;
     display: flex;
-    flex-wrap: wrap;
+    /* Una sola fila: con `wrap` los botones de accion caian a una segunda
+       linea y empujaban el chat hacia abajo. */
+    flex-wrap: nowrap;
     gap: 8px 10px;
     padding: 8px 12px;
   }
+  .brand { flex: 0 0 auto; }
   .brand .ver {
     display: none;
   }
@@ -1196,13 +1351,20 @@ dialog.file-modal.preview-maximized {
   .settings {
     grid-column: auto;
     margin-left: 0;
-    flex: 1 1 100%;
-    flex-wrap: wrap;
-    gap: 8px;
+    /* Antes `1 1 100%`: eso ocupaba toda la fila y mandaba los botones a una
+       segunda linea. Ahora se quedan en la misma linea que TH. */
+    flex: 0 0 auto;
+    flex-wrap: nowrap;
+    gap: 6px;
   }
   .settings .btn.icon {
     flex: 0 0 auto;
   }
+  /* Cuadrado como los demas iconos: el texto no entra en un movil angosto. */
+  .topbar-new {
+    width: 34px;
+    padding: 0;
+  }
 
   /* sidebar como drawer deslizante */
   .sidebar {
@@ -1260,6 +1422,17 @@ dialog.file-modal.preview-maximized {
 }
 
 @media (max-width: 480px) {
+  /* Cinco elementos en una fila no entran en un movil angosto: el nombre del
+     tab activo es lo unico que sobra, y el menu de puntos ya lo deja claro. */
+  .topbar {
+    gap: 8px 8px;
+  }
+  #more-tab-label {
+    display: none;
+  }
+  .settings {
+    gap: 5px;
+  }
   .settings select {
     flex: 1 1 100%;
   }

package/harness/packages/server/src/auth.js

@@ -1,5 +1,7 @@
 import { createHmac, randomBytes, timingSafeEqual } from 'node:crypto';
 import { sendError } from './lib/http.js';
+import { tunnelState } from './lib/core.js';
+import { isLoopback } from './lib/workspace.js';
 
 /**
  * Autenticacion web con cookie de sesion firmada (stateless), CSRF y bloqueo
@@ -37,14 +39,25 @@ export function parseCookies(header) {
 }
 
 // Detras del tunel el server recibe desde loopback: solo ahi confiamos en
-// X-Forwarded-Proto para marcar la cookie Secure.
+// X-Forwarded-Proto para marcar la cookie Secure. Como el cliente del tunel
+// corre en la misma maquina, un request por el tunel es indistinguible de uno
+// local por direccion: usamos el Host (localhost/127.0.0.1 = local) y el
+// estado del bridge para no mandar la cookie sin Secure por el tunel.
+function isLocalHost(req) {
+  const host = String(req.headers.host || '').split(':')[0].toLowerCase();
+  return !host || host === 'localhost' || host === '127.0.0.1' || host === '::1' || host === '[::1]';
+}
+
 function isSecure(req) {
   if (req.socket && req.socket.encrypted) return true;
   const remote = req.socket && req.socket.remoteAddress;
-  const loopback = !remote || remote === '127.0.0.1' || remote === '::1' || remote === '::ffff:127.0.0.1';
+  const loopback = !remote || isLoopback(remote);
   if (!loopback) return false;
   const proto = String(req.headers['x-forwarded-proto'] || '').split(',')[0].trim().toLowerCase();
-  return proto === 'https';
+  if (proto === 'https') return true;
+  // Peticion por el tunel (host publico + bridge activo): la URL publica es
+  // HTTPS, la cookie no tiene que poder viajar por la variante http.
+  return Boolean(tunnelState()) && !isLocalHost(req);
 }
 
 function serializeCookie(value, req, maxAge) {
@@ -112,17 +125,27 @@ export function requireCsrf(app, req, res) {
 // ---------------------------------------------------------------------------
 // Bloqueo por intentos fallidos (en memoria: el server es un proceso).
 // ---------------------------------------------------------------------------
+// La clave usa remoteAddress: X-Forwarded-For lo controla el cliente y con un
+// header falsificado se rotaba de IP y se esquivaba el bloqueo.
 const MAX_ATTEMPTS = 5;
 const WINDOW_MS = 15 * 60 * 1000;
 const LOCK_MS = 15 * 60 * 1000;
+const MAX_KEYS = 256;
 const attempts = new Map();
 
 function clientKey(req, user) {
-  const xff = String(req.headers['x-forwarded-for'] || '').split(',')[0].trim();
-  const ip = xff || (req.socket && req.socket.remoteAddress) || 'desconocido';
+  const ip = (req.socket && req.socket.remoteAddress) || 'desconocido';
   return `${ip}|${String(user || '').trim().toLowerCase()}`;
 }
 
+function sweepStale(now) {
+  if (attempts.size < MAX_KEYS) return;
+  for (const [key, st] of attempts) {
+    const expired = (!st.lockUntil || st.lockUntil < now) && now - st.first > WINDOW_MS;
+    if (expired) attempts.delete(key);
+  }
+}
+
 export function loginLockRemaining(req, user) {
   const now = Date.now();
   const st = attempts.get(clientKey(req, user));
@@ -133,6 +156,7 @@ export function loginLockRemaining(req, user) {
 
 export function loginRecordFailure(req, user) {
   const now = Date.now();
+  sweepStale(now);
   const key = clientKey(req, user);
   let st = attempts.get(key);
   if (!st || (!st.lockUntil && now - st.first > WINDOW_MS)) st = { count: 0, first: now, lockUntil: 0 };

package/harness/packages/server/src/lib/agentRun.js

@@ -0,0 +1,77 @@
+// Pedazos compartidos del scaffolding "correr un agente" (chat HTTP, Telegram,
+// subagentes). La creacion de tools y el onEvent de cada canal siguen siendo
+// propios (los canales de salida son distintos); lo combinable vive aca.
+
+import { summarizeToolCall, previewToolResult } from './core.js';
+
+const FAILED_RE = /^Error|^Permiso denegado/i;
+
+/** Payload estandar de un tool_result para eventos SSE: preview + failed. */
+export function toolResultPayload(event) {
+  const { preview, truncated } = previewToolResult(event.name, event.result);
+  return { preview, truncated, failed: FAILED_RE.test(String(event.result)) };
+}
+
+export function toolCallPayload(event) {
+  return { id: event.id, name: event.name, args: event.args, summary: summarizeToolCall(event.name, event.args) };
+}
+
+/**
+ * Combina tools locales + admin + subagentes en un toolset unificado.
+ * `approve` es el callback de aprobacion de las tools de administraación.
+ */
+export function combineToolset({ local, admin = null, tasks = null, exposeAdmin = false, approve = null }) {
+  const definitions = [
+    ...local.definitions,
+    ...(exposeAdmin && admin ? admin.definitions : []),
+    ...(tasks ? tasks.definitions : []),
+  ];
+  const execute = (name, args, context) => {
+    if (tasks?.handles(name)) return tasks.execute(name, args);
+    if (exposeAdmin && admin?.handles(name)) {
+      return admin.execute(name, args, approve ? { approve } : undefined);
+    }
+    return local.execute(name, args, context);
+  };
+  return { definitions, execute };
+}
+
+/** Resuelve proveedor + config con la API key almacenada. */
+export function resolveProviderFor(ctx, providerId, extra = {}) {
+  return ctx.resolveProvider({
+    ...ctx.providerSettings(providerId),
+    apiKey: ctx.apiKeyFor(providerId),
+    ...extra,
+  });
+}
+
+/** Mensaje del usuario, multinodal si hay imagenes (data URLs). */
+export function buildUserMessage(input, images = []) {
+  if (images.length) {
+    return {
+      role: 'user',
+      content: [
+        { type: 'text', text: input },
+        ...images.map((url) => ({ type: 'image_url', image_url: { url } })),
+      ],
+    };
+  }
+  return { role: 'user', content: input };
+}
+
+/**
+ * Arma el array de mensajes del turno: system prompt (con el del modo) +
+ * objetivo/resumen de la sesion + historial + mensaje del usuario.
+ */
+export async function composeAgentMessages({ ctx, cwd, mode, history = [], userMessage, sessionRecord = null }) {
+  const basePrompt = await ctx.systemPromptFor(cwd);
+  const goal = sessionRecord?.meta?.goal;
+  const summary = sessionRecord?.meta?.summary;
+  return [
+    { role: 'system', content: mode.systemPrompt ? `${basePrompt}\n\n${mode.systemPrompt}` : basePrompt },
+    ...(goal ? [{ role: 'system', content: `Objetivo de la sesión: ${goal}` }] : []),
+    ...(summary ? [{ role: 'system', content: `Resumen de la conversación anterior:\n${summary}` }] : []),
+    ...history,
+    userMessage,
+  ];
+}