@danieltmn/tamnora 0.6.2 → 0.7.1

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

@@ -33,7 +33,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.6.2</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.7.1</span></div>
       <nav class="tabs">
         <button class="tab active" data-tab="chat">chat</button>
         <button class="tab" data-tab="providers">proveedores</button>
@@ -116,8 +116,21 @@
                 </div>
               </div>
             </div>
+            <div id="scroll-nav" class="scroll-nav" hidden>
+              <button id="scroll-top" type="button" class="scroll-btn" title="ir al inicio" aria-label="ir al inicio de la conversació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="m18 15-6-6-6 6" />
+                </svg>
+              </button>
+              <button id="scroll-down" type="button" class="scroll-btn" title="ir al final" aria-label="ir al final de la conversació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="m6 9 6 6 6-6" />
+                </svg>
+              </button>
+            </div>
           </div>
           <form id="chat-form" class="composer">
+            <div id="slash-menu" class="slash-menu" hidden></div>
             <div id="attach-preview" class="attach-preview" hidden></div>
             <div class="composer-row">
               <span class="prompt-mark">❯</span>
@@ -134,13 +147,14 @@
               <button class="btn" type="button" id="stop-btn" title="Detener la respuesta" hidden>parar</button>
             </div>
           </form>
-          <div class="statusbar">
+          <div id="statusbar" class="statusbar" title="cambiar modo, proveedor y modelo" role="button" tabindex="0">
             <span id="sb-mode">agent</span>
             <span class="dot">·</span>
             <span id="sb-provider">—</span>
             <span class="dot">·</span>
             <span id="sb-model">—</span>
             <span class="dot">·</span>
+            <span id="sb-activity" class="sb-activity" hidden></span>
             <span id="sb-rounds">listo</span>
             <span class="spacer"></span>
             <span id="sb-context" class="ctx muted" title="uso del contexto del modelo">
@@ -343,7 +357,62 @@
       </section>
 
       <section id="view-ajustes" class="view">
-        <div class="panel">
+        <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="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="limites" role="tab">Límites</button>
+          </nav>
+
+        <div class="panel ajustes-panel active" data-panel="agente">
+          <div class="row between">
+            <h2>Agente</h2>
+          </div>
+          <p class="muted verify-line">
+            Modo, proveedor, modelo y aprobación automática del agente.
+          </p>
+          <div id="agent-controls-slot">
+            <div id="agent-settings-controls">
+              <label for="mode">Modo</label>
+              <select id="mode" title="modo de agente"></select>
+              <label for="provider">Proveedor</label>
+              <select id="provider" title="proveedor"></select>
+              <label for="model">Modelo</label>
+              <select id="model" title="modelo"></select>
+              <label class="check" title="aprobar automáticamente tools con permiso ask">
+                <input id="yes" type="checkbox" /> Aprobar automáticamente las tools (auto)
+              </label>
+            </div>
+          </div>
+          <div class="row">
+            <button type="button" id="agent-settings-open" class="btn">abrir en ventana</button>
+            <button type="button" id="agent-providers" class="btn">gestionar proveedores</button>
+          </div>
+        </div>
+
+        <div class="panel ajustes-panel" data-panel="sesiones">
+          <div class="row between">
+            <h2>Sesiones</h2>
+          </div>
+          <p class="muted verify-line">
+            Carpeta donde se abre el selector de carpetas y <code>/new</code> cuando no hay sesión.
+          </p>
+          <label for="default-cwd">Carpeta predeterminada para nuevas sesiones</label>
+          <div class="row default-cwd-row">
+            <input id="default-cwd" type="text" readonly placeholder="(la casa del usuario)" title="carpeta donde se abre el selector y /new sin sesión" />
+            <button type="button" id="default-cwd-pick" class="btn">elegir</button>
+            <button type="button" id="default-cwd-clear" class="btn icon" title="quitar la carpeta predeterminada" aria-label="quitar la carpeta predeterminada">
+              <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="M18 6 6 18M6 6l12 12" />
+              </svg>
+            </button>
+          </div>
+        </div>
+
+        <div class="panel ajustes-panel" data-panel="mcp">
           <div class="row between">
             <h2>Servidores MCP</h2>
             <div class="row">
@@ -362,7 +431,7 @@
           <ul id="mcp-list" class="providers"></ul>
         </div>
 
-        <div class="panel">
+        <div class="panel ajustes-panel" data-panel="skills">
           <div class="row between">
             <h2>Skills</h2>
             <button id="skill-new" class="btn">+ nueva</button>
@@ -378,7 +447,7 @@
           <ul id="skill-list" class="providers"></ul>
         </div>
 
-        <div class="panel">
+        <div class="panel ajustes-panel" data-panel="telegram">
           <div class="row between">
             <h2>Telegram</h2>
             <span id="tg-status" class="summary">cargando…</span>
@@ -416,6 +485,30 @@
             <span id="tg-msg" class="summary"></span>
           </div>
         </div>
+
+        <div class="panel ajustes-panel" data-panel="limites">
+          <div class="row between">
+            <h2>Límites del agente</h2>
+          </div>
+          <p class="muted verify-line">
+            El agente trabaja hasta terminar solo (<code>end_turn</code>). Estos topes son
+            opcionales: <code>0</code> = sin límite. Al cortarse, cierra con un resumen.
+          </p>
+          <label class="field"><span>máximo de rondas de herramientas (0 = sin límite)</span>
+            <input id="limits-rounds" type="number" min="0" step="1" placeholder="0" />
+          </label>
+          <label class="field"><span>presupuesto de tokens (0 = sin límite)</span>
+            <input id="limits-tokens" type="number" min="0" step="1000" placeholder="0" />
+          </label>
+          <label class="field"><span>presupuesto de tiempo en segundos (0 = sin límite)</span>
+            <input id="limits-duration" type="number" min="0" step="1" placeholder="0" />
+          </label>
+          <div class="row">
+            <button id="limits-save" class="btn primary" type="button">guardar</button>
+            <span id="limits-msg" class="summary"></span>
+          </div>
+        </div>
+        </div>
       </section>
 
       <dialog id="folder-modal" class="modal folder-modal">
@@ -485,25 +578,7 @@
             </svg>
           </button>
         </div>
-        <label for="mode">Modo</label>
-        <select id="mode" title="modo de agente"></select>
-        <label for="provider">Proveedor</label>
-        <select id="provider" title="proveedor"></select>
-        <label for="model">Modelo</label>
-        <select id="model" title="modelo"></select>
-        <label for="default-cwd">Carpeta predeterminada para nuevas sesiones</label>
-        <div class="row default-cwd-row">
-          <input id="default-cwd" type="text" readonly placeholder="(la casa del usuario)" title="carpeta donde se abre el selector y /new sin sesión" />
-          <button type="button" id="default-cwd-pick" class="btn">elegir</button>
-          <button type="button" id="default-cwd-clear" class="btn icon" title="quitar la carpeta predeterminada" aria-label="quitar la carpeta predeterminada">
-            <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="M18 6 6 18M6 6l12 12" />
-            </svg>
-          </button>
-        </div>
-        <label class="check" title="aprobar automáticamente tools con permiso ask">
-          <input id="yes" type="checkbox" /> Aprobar automáticamente las tools (auto)
-        </label>
+        <div id="settings-controls-slot"></div>
         <div class="row between settings-actions">
           <button type="button" id="settings-providers" class="btn">gestionar proveedores</button>
           <button type="button" id="settings-done" class="btn primary">listo</button>
@@ -538,9 +613,10 @@
         <div class="row">
           <label class="field grow" id="mf-args-field"><span>args (separados por espacio)</span><input id="mf-args" spellcheck="false" placeholder="harness/scripts/mcp-echo-server.mjs" /></label>
         </div>
-        <label class="field"><span>env (KEY=valor por línea)</span>
-          <textarea id="mf-env" rows="3" spellcheck="false" placeholder="API_KEY=..."></textarea>
+        <label class="field" id="mf-env-field"><span>env (KEY=valor por línea · usá <code>env:VAR</code> para no hardcodear secretos)</span>
+          <textarea id="mf-env" rows="3" spellcheck="false" placeholder="API_KEY=env:MY_API_KEY"></textarea>
         </label>
+        <label class="check" id="mf-inherit-field"><input id="mf-inherit-env" type="checkbox" /> heredar todo el entorno (<code>inheritEnv</code>, solo MCPs de confianza)</label>
         <label class="check"><input id="mf-enabled" type="checkbox" checked /> habilitado</label>
         <div class="row between settings-actions">
           <button type="button" id="mf-cancel" class="btn">cancelar</button>

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

@@ -73,6 +73,27 @@ function inline(text) {
   return out.replace(/\uE000(\d+)\uE000/g, (_, idx) => `<code>${codes[Number(idx)]}</code>`);
 }
 
+const CELL_PIPE = '';
+
+function splitRow(line) {
+  const masked = line.trim().replace(/\\\|/g, CELL_PIPE);
+  const inner = masked.replace(/^\s*\|/, '').replace(/\|\s*$/, '');
+  return inner.split('|').map((cell) => cell.trim().split(CELL_PIPE).join('|'));
+}
+
+function isDelimiterRow(line) {
+  if (!line.includes('|')) return false;
+  const cells = splitRow(line);
+  return cells.length > 0 && cells.every((cell) => /^:?-+:?$/.test(cell));
+}
+
+function cellAlign(cell) {
+  if (cell.startsWith(':') && cell.endsWith(':')) return 'center';
+  if (cell.endsWith(':')) return 'right';
+  if (cell.startsWith(':')) return 'left';
+  return '';
+}
+
 /** Render a Markdown string to safe HTML. */
 export function renderMarkdown(text) {
   const lines = String(text ?? '').replace(/\r\n?/g, '\n').split('\n');
@@ -133,6 +154,28 @@ export function renderMarkdown(text) {
       continue;
     }
 
+    if (line.includes('|') && i + 1 < lines.length && isDelimiterRow(lines[i + 1])) {
+      flush();
+      const header = splitRow(line);
+      const aligns = splitRow(lines[i + 1]).map(cellAlign);
+      i += 2;
+      const rows = [];
+      while (i < lines.length && lines[i].trim() && lines[i].includes('|')) {
+        rows.push(splitRow(lines[i]));
+        i += 1;
+      }
+      const cols = Math.max(header.length, aligns.length);
+      const attr = (idx) => (aligns[idx] ? ` style="text-align:${aligns[idx]}"` : '');
+      const cells = (row, tag) =>
+        Array.from({ length: cols }, (_, idx) => `<${tag}${attr(idx)}>${inline(row[idx] ?? '')}</${tag}>`).join('');
+      out.push(
+        `<div class="table-wrap"><table><thead><tr>${cells(header, 'th')}</tr></thead><tbody>` +
+          rows.map((row) => `<tr>${cells(row, 'td')}</tr>`).join('') +
+          '</tbody></table></div>'
+      );
+      continue;
+    }
+
     if (/^\s*>/.test(line)) {
       flush();
       const quote = [];

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

@@ -1,27 +1,28 @@
 /* tamnora console — paper / aguada theme (opencode/codex-like) */
 :root {
-  --bg: #161712;
-  --panel: rgba(28, 29, 23, 0.82);
-  --rail: rgba(24, 25, 19, 0.78);
-  --theirs: #24251d;
+  --bg: #101107;
+  --panel: rgba(21, 22, 16, 0.86);
+  --rail: rgba(17, 18, 12, 0.82);
+  --theirs: #1c1d15;
   --mine: #d9704a;
   --mine-soft: rgba(217, 112, 74, 0.12);
   --text: #e9e4d6;
   --muted: #9c9789;
-  --border: rgba(240, 234, 219, 0.14);
+  --border: rgba(240, 234, 219, 0.13);
   --danger: #e0705c;
   --accent: #d9704a;
   --accent-dark: #b8542f;
   --accent-soft: rgba(217, 112, 74, 0.18);
   --ok: #8fae7f;
   --warn: #d9a441;
-  --solid: #1b1c16;
+  --solid: #12130b;
   --primary-fg: #fff7ef;
   --sans: Manrope, system-ui, "Segoe UI", Arial, sans-serif;
   --serif: "Libre Baskerville", Georgia, "Times New Roman", serif;
   --mono: "DM Mono", ui-monospace, "Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, monospace;
   --font: var(--sans);
-  --page-bg: linear-gradient(rgba(22, 23, 15, 0.94), rgba(22, 23, 15, 0.94)), url("/img/fondo-agentes.webp") center/cover fixed no-repeat;
+  --chat-font: 14.5px;
+  --page-bg: linear-gradient(rgba(11, 12, 8, 0.96), rgba(11, 12, 8, 0.96)), url("/img/fondo-agentes.webp") center/cover fixed no-repeat;
   color-scheme: dark;
 }
 
@@ -214,6 +215,7 @@ main { flex: 1; min-height: 0; min-width: 0; display: flex; }
 /* chat -------------------------------------------------------------------- */
 .sidebar {
   width: 260px;
+  flex: 0 0 auto;
   border-right: 1px solid var(--border);
   background: var(--rail);
   backdrop-filter: blur(14px);
@@ -300,10 +302,9 @@ main { flex: 1; min-height: 0; min-width: 0; display: flex; }
 }
 .rail-exit:hover { color: var(--accent); }
 
-.conversation { flex: 1; display: flex; flex-direction: column; min-width: 0; }
-.panes { flex: 1; min-height: 0; display: flex; min-width: 0; }
+.conversation { flex: 1; display: flex; flex-direction: column; min-width: 0; }.panes { flex: 1; min-height: 0; display: flex; min-width: 0; position: relative; }
 .panes > .messages { flex: 1; min-height: 0; min-width: 0; }
-.messages { flex: 1; overflow-y: auto; overflow-x: hidden; min-width: 0; padding: 20px 24px 28px; display: flex; flex-direction: column; gap: 20px; }
+.messages { flex: 1; overflow-y: auto; overflow-x: hidden; min-width: 0; padding: 20px 24px 28px; display: flex; flex-direction: column; gap: 20px; font-size: var(--chat-font); }
 
 /* resizable gutters -------------------------------------------------------- */
 .resizer {
@@ -317,6 +318,36 @@ main { flex: 1; min-height: 0; min-width: 0; display: flex; }
 body.resizing { cursor: col-resize; user-select: none; }
 body.resizing * { cursor: col-resize !important; }
 
+/* scroll rápido de la conversación ---------------------------------------- */
+.scroll-nav {
+  position: absolute;
+  right: 16px;
+  bottom: 16px;
+  z-index: 25;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.scroll-nav[hidden] { display: none; }
+.scroll-btn {
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--solid, var(--panel));
+  color: var(--muted);
+  cursor: pointer;
+  backdrop-filter: blur(14px);
+  box-shadow: 0 6px 18px rgb(20 18 12 / 0.22);
+  transition: color 0.12s ease, border-color 0.12s ease, opacity 0.12s ease;
+}
+.scroll-btn svg { width: 16px; height: 16px; display: block; }
+.scroll-btn:hover { color: var(--accent); border-color: var(--accent); }
+.scroll-btn:disabled { opacity: 0.35; cursor: default; border-color: var(--border); color: var(--muted); }
+
 /* session tabs ------------------------------------------------------------- */
 .tabbar {
   display: flex;
@@ -402,7 +433,6 @@ body.resizing * { cursor: col-resize !important; }
 }
 .msg-mode[data-mode='plan'] { color: var(--warn); }
 .bubble {
-  max-width: 900px;
   min-width: 0;
   padding-left: 12px;
   border-left: 2px solid var(--border);
@@ -411,21 +441,58 @@ body.resizing * { cursor: col-resize !important; }
   overflow-wrap: anywhere;
 }
 .msg.user .bubble { border-left-color: var(--mine); color: var(--text); }
-.msg-actions { display: flex; gap: 6px; margin-top: 7px; opacity: 0.45; transition: opacity 0.12s ease; }
-.msg:hover .msg-actions,
-.msg:focus-within .msg-actions { opacity: 1; }
-.msg-actions button.msg-act {
+.msg-actions { position: relative; display: flex; gap: 6px; margin-top: 7px; }
+.msg-menu-btn {
+  display: inline-grid;
+  place-items: center;
+  width: auto;
+  min-height: 24px;
+  padding: 2px 9px;
   background: transparent;
   border: 1px solid var(--border);
   border-radius: 7px;
   color: var(--muted);
+  cursor: pointer;
+  font: 500 11px var(--mono);
+  opacity: 0.45;
+  transition: opacity 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 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 60;
+  min-width: 170px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 5px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--panel);
+  box-shadow: 0 12px 30px rgb(0 0 0 / 0.22);
+}
+.msg-menu[hidden] { display: none; }
+.msg-actions button.msg-act {
+  width: 100%;
+  text-align: left;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 7px;
+  color: var(--muted);
   font: 500 11px var(--mono);
-  padding: 2px 8px;
+  padding: 5px 8px;
   cursor: pointer;
 }
-.msg-actions button.msg-act:hover { color: var(--text); border-color: var(--accent); }
-.msg-actions button.msg-act.danger:hover { color: var(--danger); border-color: var(--danger); }
-.bubble .tools { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
+.msg-actions button.msg-act:hover { color: var(--text); background: var(--theirs); }
+.msg-actions button.msg-act.danger { color: var(--danger); }
+.msg-actions button.msg-act.danger:hover { background: var(--theirs); }
+.bubble .tools { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; font-weight: 700; }
 
 .tools-actions { display: flex; align-items: center; gap: 8px; }
 .tools-actions[hidden] { display: none; }
@@ -573,6 +640,11 @@ body.resizing * { cursor: col-resize !important; }
 .activity .loader { color: var(--accent); }
 .activity-label { color: var(--muted); }
 #sb-rounds.running { color: var(--accent); }
+.sb-activity { display: inline-flex; align-items: center; gap: 6px; }
+.sb-activity .loader { color: var(--accent); }
+.sb-activity .loader-thinking { width: 24px; height: 6px; }
+.sb-activity .loader-working { width: 13px; height: 13px; }
+.sb-activity .activity-label { color: var(--muted); }
 
 .loader-thinking {
   width: 32px;
@@ -621,7 +693,7 @@ details.reasoning .body { color: var(--muted); white-space: pre-wrap; margin-top
 
 @keyframes pulse { 50% { opacity: 0.35; } }
 
-.composer { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--border); background: var(--panel); backdrop-filter: blur(14px); }
+.composer { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--border); background: var(--panel); backdrop-filter: blur(14px); }
 .composer.dragging { outline: 1px dashed var(--accent); outline-offset: -4px; }
 .composer-row { display: flex; align-items: flex-end; gap: 8px; }
 .prompt-mark { color: var(--mine); font-weight: 700; padding-bottom: 8px; }
@@ -671,6 +743,16 @@ details.reasoning .body { color: var(--muted); white-space: pre-wrap; margin-top
 .text blockquote { margin: 0 0 10px; padding-left: 12px; border-left: 2px solid var(--border); color: var(--muted); }
 .text a { color: var(--accent); }
 .text hr { border: 0; border-top: 1px solid var(--border); margin: 14px 0; }
+.text .table-wrap, .agent-text .table-wrap { overflow-x: auto; margin: 0 0 10px; }
+.text table, .agent-text table { border-collapse: collapse; width: 100%; font-size: 0.95em; }
+.text th, .text td, .agent-text th, .agent-text td {
+  border: 1px solid var(--border);
+  padding: 5px 10px;
+  text-align: left;
+  vertical-align: top;
+}
+.text th, .agent-text th { background: var(--theirs); font-weight: 600; }
+.text .table-wrap code, .agent-text .table-wrap code { white-space: nowrap; }
 .text code {
   background: var(--theirs);
   border: 1px solid var(--border);
@@ -687,7 +769,7 @@ details.reasoning .body { color: var(--muted); white-space: pre-wrap; margin-top
 .code-copy { background: transparent; border: 0; color: var(--muted); cursor: pointer; font: inherit; font-size: 11px; }
 .code-copy:hover { color: var(--text); }
 pre.code { margin: 0; padding: 10px 12px; overflow: auto; max-height: 420px; }
-pre.code code { background: none; border: 0; padding: 0; font-size: 12.5px; }
+pre.code code { background: none; border: 0; padding: 0; font-size: 0.92em; }
 .tok-comment { color: #8c8779; font-style: italic; }
 .tok-string { color: #c2a878; }
 .tok-number { color: #e0a05c; }
@@ -707,6 +789,46 @@ pre.code code { background: none; border: 0; padding: 0; font-size: 12.5px; }
 }
 .statusbar .dot { opacity: 0.5; }
 .statusbar .spacer { flex: 1; }
+.statusbar[role="button"] { cursor: pointer; }
+.statusbar[role="button"]:hover { color: var(--fg); }
+
+/* menú de comandos "/" en el composer */
+.slash-menu {
+  position: absolute;
+  left: 14px;
+  right: 14px;
+  bottom: calc(100% - 6px);
+  max-height: 260px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 6px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  background: var(--panel);
+  box-shadow: 0 12px 32px rgb(0 0 0 / 0.22);
+  z-index: 30;
+}
+.slash-menu[hidden] { display: none; }
+.slash-item {
+  display: flex;
+  align-items: baseline;
+  gap: 10px;
+  width: 100%;
+  padding: 7px 9px;
+  border: 0;
+  border-radius: 8px;
+  background: none;
+  color: var(--fg);
+  text-align: left;
+  cursor: pointer;
+  font: 500 13px var(--mono);
+}
+.slash-item.active,
+.slash-item:hover { background: var(--theirs); }
+.slash-cmd { color: var(--accent); font-weight: 700; }
+.slash-desc { color: var(--muted); font: 400 12px var(--serif); }
 .ctx { display: inline-flex; align-items: center; gap: 8px; }
 .ctx-bar { width: 76px; height: 6px; border-radius: 999px; background: var(--border); overflow: hidden; }
 .ctx-fill { display: block; height: 100%; width: 0; border-radius: 999px; background: currentColor; transition: width 0.35s ease; }
@@ -724,6 +846,26 @@ pre.code code { background: none; border: 0; padding: 0; font-size: 12.5px; }
 
 .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: 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%; }
+.ajustes-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
+.ajustes-tab {
+  appearance: none; background: none; border: 0; border-bottom: 2px solid transparent;
+  padding: 8px 14px; margin-bottom: -1px; color: var(--muted); cursor: pointer;
+  font: 600 13px var(--serif); letter-spacing: 0.01em;
+}
+.ajustes-tab:hover { color: var(--fg); }
+.ajustes-tab.active { color: var(--fg); border-bottom-color: var(--accent); }
+.ajustes-panel { display: none; }
+.ajustes-panel.active { display: flex; }
+.ajustes-panel.panel { flex: none; max-width: none; overflow: visible; padding: 6px 2px 18px; }
+.ajustes-panel .verify-line code { font-size: 11px; }
+#agent-settings-controls { display: flex; flex-direction: column; gap: 7px; }
+#agent-settings-controls label { color: var(--muted); font-size: 12px; }
+#agent-settings-controls select { width: 100%; }
+#agent-controls-slot:empty { display: none; }
+
 .providers { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
 .providers li {
   display: flex;
@@ -999,6 +1141,14 @@ dialog.file-modal.preview-maximized {
 }
 
 
+/* desktop: los laterales conservan su ancho mínimo (igual que el resizer) */
+@media (min-width: 821px) {
+  .sidebar { min-width: 180px; }
+}
+@media (min-width: 901px) {
+  .explorer { min-width: 200px; }
+}
+
 @media (max-width: 900px) {
   .explorer {
     position: fixed;

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

@@ -42,6 +42,8 @@ const DEFINITIONS = [
       transport: { type: 'string', enum: ['stdio', 'http'] },
       command: { type: 'string', description: 'Para stdio, ej. "node" o "npx"' },
       args: { type: 'array', items: { type: 'string' } },
+      env: { type: 'object', description: 'Variables para el MCP (usá "env:VAR" para no hardcodear secretos)' },
+      inheritEnv: { type: 'boolean', description: 'Heredar process.env (solo MCPs de confianza; default false)' },
       url: { type: 'string', description: 'Para http' },
       enabled: { type: 'boolean' },
     },
@@ -133,7 +135,7 @@ export function createAgentTools(ctx) {
             command: cfg.command ?? null,
             url: cfg.url ?? null,
             enabled: true,
-            config: { args: cfg.args ?? [], env: cfg.env ?? null },
+            config: { args: cfg.args ?? [], env: cfg.env ?? null, inheritEnv: cfg.inheritEnv === true },
           });
           await ctx.reloadMcp();
           const required = (cfg.requiredEnv ?? []).length ? ` Requiere env: ${cfg.requiredEnv.join(', ')}.` : '';
@@ -154,7 +156,7 @@ export function createAgentTools(ctx) {
             command: cfg.command ?? null,
             url: cfg.url ?? null,
             enabled: cfg.enabled !== false,
-            config: { args: cfg.args ?? [], env: cfg.env ?? null },
+            config: { args: cfg.args ?? [], env: cfg.env ?? null, inheritEnv: cfg.inheritEnv === true },
           });
           await ctx.reloadMcp();
           return `MCP "${cfg.id}" importado.`;
@@ -174,7 +176,11 @@ export function createAgentTools(ctx) {
           command: transport === 'stdio' ? command : null,
           url: transport === 'http' ? url : null,
           enabled: args.enabled !== false,
-          config: { args: Array.isArray(args.args) ? args.args : [], env: args.env ?? null },
+          config: {
+            args: Array.isArray(args.args) ? args.args : [],
+            env: args.env ?? null,
+            inheritEnv: args.inheritEnv === true,
+          },
         });
         await ctx.reloadMcp();
         return `MCP "${id}" registrado (${transport}).`;

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

@@ -75,8 +75,8 @@ export function completionFooter(stopReason, rounds, toolCalls, durationMs) {
   const parts = [`${rounds ?? '?'} ronda${rounds === 1 ? '' : 's'}`];
   if (toolCalls) parts.push(`${toolCalls} herramienta${toolCalls === 1 ? '' : 's'}`);
   if (durationMs > 0) parts.push(durationMs >= 1000 ? `${(durationMs / 1000).toFixed(1)}s` : `${durationMs}ms`);
-  const maxed = stopReason === 'max_rounds';
-  return `${maxed ? '⚠ máximo de rondas' : '✓ terminado'} · ${parts.join(' · ')}`;
+  const maxed = ['max_rounds', 'no_progress', 'budget'].includes(stopReason);
+  return `${maxed ? '⚠ corte de seguridad' : '✓ terminado'} · ${parts.join(' · ')}`;
 }
 
 /**
@@ -249,7 +249,9 @@ export function startTelegramChannel(
         tools: definitions,
         execute,
         signal: controller.signal,
-        maxRounds: ctx.config.maxRounds,
+        maxRounds: ctx.effectiveMaxRounds?.() ?? ctx.config.maxRounds,
+        maxTokens: ctx.effectiveMaxTokens?.() ?? 0,
+        maxDurationMs: ctx.effectiveMaxDurationMs?.() ?? 0,
         onEvent(event) {
           if (event.type === 'text') {
             full = event.full;
@@ -272,10 +274,14 @@ export function startTelegramChannel(
       const durationMs = Date.now() - startedAt;
       let body = result.content?.trim() || full.trim();
       if (!body) {
-        if (result.stopReason === 'max_rounds') {
+        if (result.stopReason === 'no_progress') {
+          body = '⚠ El agente se quedó repitiendo las mismas herramientas sin avanzar.';
+        } else if (result.stopReason === 'budget') {
+          body = '⚠ El agente alcanzó el presupuesto de tokens/tiempo sin respuesta final.';
+        } else if (result.stopReason === 'max_rounds') {
           body = `⚠ El agente alcanzó el máximo de rondas (${result.rounds}) sin respuesta final.${
             toolCalls ? ` Hizo ${toolCalls} herramientas.` : ''
-          } Pedile que continúe o subí maxRounds.`;
+          }`;
         } else if (toolCalls) {
           body = '✓ El agente terminó sus herramientas, pero no devolvió un mensaje final.';
         } else {