npm - lampson - Versions diffs - 0.1.4 → 0.2.0 - Mend

lampson 0.1.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "lampson",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "A coding agent written in Synsema: terminal + web, tools confined to the mounted project, lamps (your own tool plugins), LSP, MCP, sub-agents.",
   "license": "MIT",
   "repository": {
@@ -21,6 +21,8 @@
     "lamps/",
     "chat.syn",
     "web.syn",
+    "hub.tpl.syn",
+    "cli.syn",
     "lampson.ps1",
     "lampson.sh",
     "lampson.cmd",

package/public/css/hub.css ADDED Viewed

@@ -0,0 +1,12 @@
+/* hub: la pantalla de workspaces (public/hub.html) — solo cabecera y zona central, sin paneles laterales */
+body.hub { grid-template-columns:1fr; grid-template-areas:"top" "main"; }
+body.hub main { grid-template-rows:1fr; }
+body.hub #stage { display:flex; align-items:center; padding:20px 40px; }
+.wsgrid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:14px; margin-top:8px; }
+.card.ws { display:block; text-decoration:none; color:inherit; cursor:pointer; transition:border-color .12s; }
+.card.ws:hover { border-color:var(--ink-3); }
+.card.ws.on { border-color:var(--accent); }
+.card.ws.new { border-style:dashed; }
+.card.ws .nm { font:600 16px/1.3 var(--serif); color:var(--ink); margin:0 0 4px; }
+.card.ws .pth { font:400 11px/1.4 var(--mono); color:var(--ink-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 6px; }
+.card.ws .meta { font:400 11px/1.4 var(--mono); color:var(--ink-3); margin:0; }

package/public/hub.html ADDED Viewed

@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="es">
+<head>
+<meta charset="utf-8">
+<title>Lampson · workspaces</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="/css/tokens.css">
+<link rel="stylesheet" href="/css/layout.css">
+<link rel="stylesheet" href="/css/chat.css">
+<link rel="stylesheet" href="/css/panel.css">
+<link rel="stylesheet" href="/css/hub.css">
+<script>(function(){try{var t=localStorage.getItem('lampson.theme');if(t!=='light'&&t!=='dark'){t='dark';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
+</head>
+<body class="hub">
+<header>
+  <div class="hrow">
+    <span class="brand">lampson<span class="proj">workspaces</span></span>
+    <span class="spacer"></span>
+    <button class="theme-toggle" id="theme" type="button" title="cambiar tema"></button>
+  </div>
+</header>
+<main>
+  <div id="stage">
+    <div class="empty">
+      <p class="eyebrow">workspaces</p>
+      <h1>¿En qué proyecto trabajamos?</h1>
+      <p class="lead">Cada workspace es una carpeta de tu disco con su propio agente: sesiones, tareas programadas, lámparas, MCP. Corren en procesos separados, así podés tener varios abiertos a la vez. Los que tienen tareas encendidas siguen vivos aunque cierres todo.</p>
+      <div class="wsgrid" id="wsGrid"></div>
+      <p class="lead" style="margin-top:22px">Desde una terminal: <code>cd mi-proyecto &amp;&amp; lampson</code> (terminal) o <code>lampson --web</code> (esta web, en ese workspace).</p>
+    </div>
+  </div>
+</main>
+<script src="/js/panel.js"></script>
+<script src="/js/hub.js"></script>
+</body>
+</html>

package/public/index.html CHANGED Viewed

@@ -31,6 +31,7 @@
     <span class="hpath" id="hpath"></span>
     <select id="agent" title="perfil de agente: qué tools puede usar"></select>
     <select id="perm" title="qué pasa con un comando peligroso (rm -rf, git push --force, sudo…)"><option value="ask">permisos: preguntar</option><option value="yolo">permisos: permitir todo</option><option value="strict">permisos: denegar</option></select>
+    <span class="pill on" id="wsPill" style="display:none" title="cambiar de workspace">workspace ▾</span>
     <span class="pill" id="lamps" title="lámparas: plugins de tools que vos encendés · clic para ver y activar">lámparas</span>
     <span class="pill" id="model" title="proveedor y modelo · clic para cambiarlos o cargar una API key">…</span>
   </div>
@@ -121,6 +122,7 @@
 <script src="/js/schedules.js"></script>
 <script src="/js/approvals.js"></script>
 <script src="/js/config.js"></script>
+<script src="/js/workspaces.js"></script>
 <script src="/js/update.js"></script>
 <script src="/js/sessions.js"></script>
 <script src="/js/chat.js"></script>

package/public/js/agents.js CHANGED Viewed

@@ -1,7 +1,7 @@
 // agents.js — subagentes (tool delegate): lista + log vivo por hijo
 let agentOpen = null, agentTimer = null, agentPaint = null;
 async function loadAgents() {
-  let r; try { r = await (await fetch('/api/agents')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/agents')).json(); } catch (e) { return; }
   const box = $('#agentsBox'); box.innerHTML = '';
   const list = (r.agents || []).slice().reverse(); const act = list.filter(a => a.status === 'running').length;
   $('#agentCount').textContent = list.length ? (act ? `${act} ● · ${list.length}` : `${list.length}`) : ''; autoSec('agents', act > 0);
@@ -11,14 +11,14 @@ async function loadAgents() {
     const d = document.createElement('div'); d.className = 'p' + (run ? ' run' : '') + (agentOpen === a.id ? ' active' : ''); d.title = `${a.status} · ${a.steps} pasos · ${a.tokens} tokens\n${a.brief}`;
     d.innerHTML = `<span class="st"></span><span class="nm">${esc(a.id)}</span><span class="cm">${esc(String(a.brief || '').split('\n')[0].slice(0, 90))}</span>` + (run ? '<button title="parar: devuelve el informe parcial">■</button>' : '');
     d.onclick = () => openAgent(a.id);
-    const b = d.querySelector('button'); if (b) b.onclick = async (ev) => { ev.stopPropagation(); await api('/api/agents/stop', { id: a.id }); setTimeout(loadAgents, 1500); };
+    const b = d.querySelector('button'); if (b) b.onclick = async (ev) => { ev.stopPropagation(); await api(BASE + '/api/agents/stop', { id: a.id }); setTimeout(loadAgents, 1500); };
     box.appendChild(d);
   }
 }
 async function openAgent(id) {
   agentOpen = id; procOpen = null; document.querySelectorAll('.row.active').forEach(x => x.classList.remove('active'));
   const paint = async () => {
-    let r; try { r = await (await fetch('/api/agents/log?id=' + encodeURIComponent(id))).json(); } catch (e) { return false; }
+    let r; try { r = await (await fetch(BASE + '/api/agents/log?id=' + encodeURIComponent(id))).json(); } catch (e) { return false; }
     const meta = (r.agent || {});
     $('#vpath').textContent = 'subagente ' + id; $('#vmeta').textContent = meta.status === 'running' ? `● corriendo · ${meta.steps} pasos · log en vivo` : `○ ${meta.status || 'terminado'} · ${meta.steps ?? '?'} pasos · ${meta.tokens ?? '?'} tokens`;
     const pre = $('#vbody'); pre.className = 'log'; pre.textContent = (r.log || '(sin salida todavía)') + (meta.status && meta.status !== 'running' && meta.text ? '\n\n── informe ──\n' + meta.text : '');

package/public/js/app.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // app.js — arranque: config de la cabecera y primera carga de cada sección (se carga último)
 async function loadCfg() {
-  try { cfg = await (await fetch('/api/config')).json(); } catch (e) { cfg = {}; }
+  try { cfg = await (await fetch(BASE + '/api/config')).json(); } catch (e) { cfg = {}; }
   const ws = cfg.workspace || '';
   $('#proj').textContent = ws.split(/[\\/]/).filter(Boolean).pop() || 'workspace'; $('#proj').title = ws;
   $('#hpath').textContent = ws; $('#hpath').title = ws;

package/public/js/approvals.js CHANGED Viewed

@@ -3,7 +3,7 @@
 // configurados). Las del chat de esta pestaña ya tienen su tarjeta en la conversación; igual aparecen en la lista.
 const apprSeen = new Set();
 async function loadApprovals() {
-  let r; try { r = await (await fetch('/api/approvals')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/approvals')).json(); } catch (e) { return; }
   const list = r.approvals || [], pend = list.filter(a => a.status === 'pending');
   const box = $('#apprBox'); box.innerHTML = '';
   $('#apprCount').textContent = pend.length ? `${pend.length} ●` : ''; autoSec('approvals', pend.length > 0);
@@ -12,7 +12,7 @@ async function loadApprovals() {
     const d = document.createElement('div'); d.className = 'p appr'; const src = a.source === 'chat' ? 'chat' : ('⏰ ' + a.source.replace(/^schedule:?/, ''));
     d.innerHTML = `<span class="st ${a.status === 'pending' ? 'busy' : ''}"></span><span class="nm">${esc(src)}</span><span class="cm">${a.status === 'pending' ? 'vence ' + esc(fmtWhen(a.expires_at)) : esc(a.status)}</span><span class="msg">${esc(a.message)}</span><span class="why">${esc(a.why)}</span>`
       + (a.status === 'pending' ? `<span class="btns"><button class="primary" data-ok="1">Permitir</button><button data-ok="0">Denegar</button></span>` : '');
-    d.querySelectorAll('button').forEach(b => b.onclick = async () => { d.querySelectorAll('button').forEach(x => x.disabled = true); await api('/api/approve', { id: a.id, decision: b.dataset.ok === '1' }); setTimeout(loadApprovals, 600); });
+    d.querySelectorAll('button').forEach(b => b.onclick = async () => { d.querySelectorAll('button').forEach(x => x.disabled = true); await api(BASE + '/api/approve', { id: a.id, decision: b.dataset.ok === '1' }); setTimeout(loadApprovals, 600); });
     box.appendChild(d);
   }
   if (r.public_url === '' && pend.length) { const n = document.createElement('div'); n.className = 'daemon'; n.textContent = 'para aprobar desde el móvil: URL pública + webhook en ⚙'; box.appendChild(n); }
@@ -20,7 +20,7 @@ async function loadApprovals() {
   for (const a of pend) {
     if (a.source === 'chat' || apprSeen.has(a.id)) continue; apprSeen.add(a.id);
     const el = add('approval', `<div class="card"><div class="why">⚠ ${esc(a.why)} · ${esc(a.source.replace(/^schedule:?/, 'tarea programada '))}</div><code>${esc(a.message)}</code><div class="btns"><button class="primary" data-ok="1">Permitir</button><button data-ok="0">Denegar</button></div></div>`);
-    el.dataset.id = a.id; el.querySelectorAll('button').forEach(b => b.onclick = async () => { el.querySelectorAll('button').forEach(x => x.disabled = true); await api('/api/approve', { id: a.id, decision: b.dataset.ok === '1' }); });
+    el.dataset.id = a.id; el.querySelectorAll('button').forEach(b => b.onclick = async () => { el.querySelectorAll('button').forEach(x => x.disabled = true); await api(BASE + '/api/approve', { id: a.id, decision: b.dataset.ok === '1' }); });
   }
   for (const a of list) { if (a.status === 'pending') continue; const el = [...log.querySelectorAll('.approval')].find(x => x.dataset.id === a.id); if (el && el.querySelector('.btns button')) el.querySelector('.btns').innerHTML = a.status === 'approved' ? '<span style="color:var(--str)">✓ permitido</span>' : (a.status === 'expired' ? '<span class="denied">✗ sin respuesta, denegado</span>' : '<span class="denied">✗ denegado</span>'); }
 }

package/public/js/chat.js CHANGED Viewed

@@ -48,7 +48,7 @@ async function send(message) {
   add('user', esc(message) + imagesHtml(images));
   const thinking = add('working', '<span class="dot"></span><span>pensando…</span>');
   try {
-    const res = await fetch('/api/chat', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ session, message, agent: $('#agent').value || 'build', permission: $('#perm').value || 'ask', images }), signal: aborter.signal });
+    const res = await fetch(BASE + '/api/chat', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ session, message, agent: $('#agent').value || 'build', permission: $('#perm').value || 'ask', images }), signal: aborter.signal });
     if (!res.ok || !res.body) { add('denied', 'error HTTP ' + res.status + ' ' + esc(await res.text())); }
     else {
       const reader = res.body.getReader(); const dec = new TextDecoder(); let buf = '';
@@ -77,7 +77,7 @@ function handle(chunk, thinking) {
     // lámpara recién creada: avisar en el chat con un acceso directo al switch (el modelo no sabe cómo se enciende en esta UI)
     if (d.call && d.call.name === 'lamp' && /^lamp '([^']+)' created/.test(out)) { const nm = out.match(/^lamp '([^']+)' created/)[1]; const m = add('meta', `☼ lámpara <b>${esc(nm)}</b> creada — está apagada: <a href="#" class="lampgo">encenderla en «lámparas»</a>`); m.querySelector('.lampgo').onclick = (ev) => { ev.preventDefault(); openLamps(nm); }; $('#lamps').classList.add('new'); setTimeout(() => $('#lamps').classList.remove('new'), 4000); }
     const el = pending || add('step', '<span class="ic">→</span>'); pending = null; thinking.querySelector('span:last-child').textContent = 'pensando…'; const ic = el.querySelector('.ic'); if (ic) { ic.textContent = bad ? '✗' : '✓'; ic.className = 'ic ' + (bad ? 'bad' : 'ok'); } el.insertAdjacentHTML('beforeend', resultHtml(out, bad)); }
-  else if (k === 'approval_request') { const el = add('approval', `<div class="card"><div class="why">⚠ ${esc(d.why)}</div><code>${esc(describe({name: d.name, args: d.args}))}</code><div class="btns"><button class="primary" data-ok="1">Permitir</button><button data-ok="0">Denegar</button></div></div>`); el.querySelectorAll('button').forEach(b => b.onclick = async () => { el.querySelectorAll('button').forEach(x => x.disabled = true); await api('/api/approve', { id: d.id, decision: b.dataset.ok === '1' }); }); el.dataset.id = d.id; }
+  else if (k === 'approval_request') { const el = add('approval', `<div class="card"><div class="why">⚠ ${esc(d.why)}</div><code>${esc(describe({name: d.name, args: d.args}))}</code><div class="btns"><button class="primary" data-ok="1">Permitir</button><button data-ok="0">Denegar</button></div></div>`); el.querySelectorAll('button').forEach(b => b.onclick = async () => { el.querySelectorAll('button').forEach(x => x.disabled = true); await api(BASE + '/api/approve', { id: d.id, decision: b.dataset.ok === '1' }); }); el.dataset.id = d.id; }
   else if (k === 'approval_result') { const el = [...log.querySelectorAll('.approval')].find(x => x.dataset.id === d.id); if (el) el.querySelector('.btns').innerHTML = d.approved ? '<span style="color:var(--str)">✓ permitido</span>' : (d.timeout ? '<span class="denied">✗ sin respuesta, denegado</span>' : '<span class="denied">✗ denegado</span>'); }
   else if (k === 'mode') { $('#agent').value = d.agent; $('#perm').value = d.permission; if (d.has_key === false) { add('denied', `‼ no hay API key para ${esc(d.provider)} — cargala en la ventana de modelo (clic en «${esc(d.provider)} · ${esc(d.model)}» arriba)`); } }
   else if (k === 'tool_denied') { const el = pending || add('step', '<span class="ic">✗</span>'); el.insertAdjacentHTML('beforeend', `<span class="denied"> ✗ ${esc(d.reason)}</span>`); }

package/public/js/config.js CHANGED Viewed

@@ -17,7 +17,7 @@ function cfgField(v, key, label, placeholder, ds, type) {
   return `<label class="col">${label}<input name="${key}" type="${type || 'text'}" spellcheck="false" autocomplete="off" placeholder="${esc(placeholder)}" value="${esc(v[key] || '')}" ${v[key + '_from_env'] ? 'disabled title="fijado en .env (LAMPSON_' + key.toUpperCase() + '): editalo ahí"' : ''}><span class="ds">${ds}</span></label>`;
 }
 async function openCfg(section, onboarding) {
-  let r; try { r = await (await fetch('/api/settings/values')).json(); } catch (e) { r = { values: {} }; }
+  let r; try { r = await (await fetch(BASE + '/api/settings/values')).json(); } catch (e) { r = { values: {} }; }
   const v = r.values || {};
   Panel.open({
     id: 'config', eyebrow: 'configuración', title: onboarding ? 'Bienvenido a Lampson' : 'Configuración', sub: 'lampson/.lampson/config.json', layout: 'browse', noClose: !!onboarding,
@@ -30,6 +30,7 @@ async function openCfg(section, onboarding) {
       detail: (s) => {
         if (s.id === 'general') return `<div class="dhead"><span class="nm serif">General</span></div><div class="dform"><p class="lead">Se guarda en <code>lampson/.lampson/config.json</code> (local). Un valor fijado en <code>.env</code> gana y se muestra bloqueado.</p>`
           + cfgField(v, 'tz', 'zona horaria', '-03:00', 'para «daily 09:00» y los horarios de las tareas programadas · vacío = la del sistema' + (typeof r.tz_detected === 'number' ? ` (ahora: ${fmtOff(r.tz_detected)})` : ''))
+            + cfgField(v, 'idle_hours', 'apagar workspaces inactivos tras', '4', 'horas sin uso tras las que el hub apaga el proceso de un workspace (vuelve a arrancar al abrirlo, en 1-2 s) - 0 = nunca - los que tienen tareas programadas encendidas o politica siempre vivo no se apagan')
           + `<div class="pfoot"><button class="primary" data-save>Guardar</button><span class="derr"></span></div></div>`;
         if (s.id === 'approvals') return `<div class="dhead"><span class="nm serif">Aprobaciones a distancia</span></div><div class="dform"><p class="lead">Cuando una tarea programada (o el chat) necesita tu permiso, además de aparecer acá puede avisarte a tu canal con <b>links de un solo uso</b> para permitir o denegar desde el teléfono.</p>`
           + cfgField(v, 'public_url', 'URL pública', 'https://lampson.midominio.com', 'por dónde se llega a este lampson desde afuera (túnel, VPS, edge con TLS); con esto cada aprobación trae links <code>/approve/&lt;id&gt;/&lt;token&gt;?d=yes|no</code>')
@@ -51,11 +52,12 @@ async function openCfg(section, onboarding) {
         const save = box.querySelector('[data-save]');
         if (save) save.onclick = async () => {
           const body = {};
-          for (const key of ['tz', 'public_url', 'webhook_url']) { const el = box.querySelector(`[name="${key}"]`); if (el && !el.disabled) body[key] = el.value.trim(); }
+          for (const key of ['tz', 'public_url', 'webhook_url', 'idle_hours']) { const el = box.querySelector(`[name="${key}"]`); if (el && !el.disabled) body[key] = el.value.trim(); }
           const sec = box.querySelector('[name="webhook_secret"]'); if (sec && sec.value.trim()) body.webhook_secret = sec.value.trim();
           if (body.tz && !/^[+-]?\d{1,2}(:?\d{2})?$/.test(body.tz)) { err('zona horaria: usá -03:00 o +0200'); return; }
+          if (body.idle_hours && !/^[0-9]+([.][0-9]+)?$/.test(body.idle_hours)) { err('inactividad: horas (0 = nunca)'); return; }
           err('guardando…');
-          const r2 = await api('/api/settings/values', body);
+          const r2 = await api(BASE + '/api/settings/values', body);
           if (!r2.ok) { err(r2.data.error || ('error ' + r2.status)); return; }
           Object.assign(v, r2.data.values || {}); err('✓ guardado'); add('meta', '⚙ configuración guardada'); loadSched(); loadApprovals();
         };
@@ -67,7 +69,7 @@ async function openCfg(section, onboarding) {
             f('model').value = setupSel === cfg.provider ? (cfg.model || p.model || '') : (p.model || ''); f('model').placeholder = p.model || '';
             // modelos válidos según la API del proveedor (evita tipear "DeepSeek-V4-Pro" cuando la API quiere "deepseek-v4-pro")
             const dl = box.querySelector('#modelList'); dl.innerHTML = ''; f('model').title = '';
-            if (p.has_key || setupSel === 'ollama') fetch('/api/models?provider=' + encodeURIComponent(setupSel)).then(r => r.json()).then(d => { if (setupSel !== p.name) return; if (d.error) { f('model').title = 'no pude listar modelos: ' + d.error; return; } dl.innerHTML = (d.models || []).map(m => `<option value="${esc(m)}">`).join(''); f('model').title = (d.models || []).length ? 'modelos disponibles: ' + d.models.join(', ') : ''; }).catch(() => {});
+            if (p.has_key || setupSel === 'ollama') fetch(BASE + '/api/models?provider=' + encodeURIComponent(setupSel)).then(r => r.json()).then(d => { if (setupSel !== p.name) return; if (d.error) { f('model').title = 'no pude listar modelos: ' + d.error; return; } dl.innerHTML = (d.models || []).map(m => `<option value="${esc(m)}">`).join(''); f('model').title = (d.models || []).length ? 'modelos disponibles: ' + d.models.join(', ') : ''; }).catch(() => {});
             f('key').value = ''; f('key').disabled = setupSel === 'ollama';
             f('key').placeholder = setupSel === 'ollama' ? 'ollama no necesita key' : (p.has_key ? 'hay una key guardada · pegá otra para reemplazarla' : 'pegala acá');
           };
@@ -80,7 +82,7 @@ async function openCfg(section, onboarding) {
             if (setupSel !== 'ollama' && !p.has_key && !body.key) { err('falta la API key'); return; }
             saveP.disabled = true;
             try {
-              const r2 = await api('/api/settings', body);
+              const r2 = await api(BASE + '/api/settings', body);
               if (!r2.ok) { err(r2.data.error || ('error ' + r2.status)); return; }
               const d = r2.data; cfg.providers = d.providers; cfg.provider = d.provider; cfg.model = d.model; cfg.vision = d.vision; cfg.configured = d.configured; paintModel(); paintAttach();
               if (onboarding) { Panel.close(); if (log.querySelector('.empty')) empty(); } else { err('✓ guardado'); Panel.detail(); }

package/public/js/core.js CHANGED Viewed

@@ -1,5 +1,8 @@
 // core.js — estado compartido y helpers que usan todos los módulos (se carga primero)
 const $ = s => document.querySelector(s);
+// detrás del hub la UI vive en /w/<slug>/ y su API en /w/<slug>/api/…; standalone (sin hub) BASE = ''
+const BASE = (location.pathname.match(/^\/w\/[^/]+/) || [''])[0];
+const WS_SLUG = BASE ? BASE.slice(3) : '';
 const log = $('#log');
 let session = new URLSearchParams(location.search).get('session') || localStorage.getItem('lampson.session') || '';
 let busy = false; let cfg = {};

package/public/js/events.js CHANGED Viewed

@@ -4,7 +4,7 @@
 // recargar por timer; los timers quedan como respaldo lento por si el stream se cae (reconexión con backoff).
 let events = null, evBackoff = 1000;
 function connectEvents() {
-  try { events = new EventSource('/api/events'); } catch (e) { events = null; return; }
+  try { events = new EventSource(BASE + '/api/events'); } catch (e) { events = null; return; }
   events.onopen = () => { evBackoff = 1000; };
   events.addEventListener('event', e => {
     let ev; try { ev = JSON.parse(e.data); } catch { return; }

package/public/js/hub.js ADDED Viewed

@@ -0,0 +1,40 @@
+// hub.js — la pantalla de workspaces (public/hub.html): tarjetas + el mismo Panel de workspaces que usa la UI de un
+// workspace (js/workspaces.js) para crear/encender/apagar. Sin core.js: acá no hay chat.
+const $ = s => document.querySelector(s);
+const BASE = '', WS_SLUG = '';
+function esc(s) { return String(s ?? '').replace(/[&<>]/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;'}[c])); }
+async function api(path, body) { const r = await fetch(path, body === undefined ? {} : { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) }); let data = {}; try { data = await r.json(); } catch (e) {} return { ok: r.ok, status: r.status, data }; }
+function fmtWhen(ts) { if (!ts) return '—'; return new Date(ts * 1000).toLocaleString(undefined, { weekday: 'short', day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' }); }
+function inlineConfirm(el, label, onYes) {
+  const prev = el.innerHTML; el.classList.add('ask');
+  el.innerHTML = `<span class="q">${esc(label)}</span> <span class="yes">sí</span> · <span class="no">no</span>`;
+  const restore = () => { el.innerHTML = prev; el.classList.remove('ask'); };
+  el.querySelector('.yes').onclick = (ev) => { ev.stopPropagation(); onYes(); };
+  el.querySelector('.no').onclick = (ev) => { ev.stopPropagation(); restore(); };
+  setTimeout(() => { if (el.classList.contains('ask')) restore(); }, 6000);
+}
+// tema
+const SUN = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="4"/><path d="M12 2.7v2.1M12 19.2v2.1M2.7 12h2.1M19.2 12h2.1M5.3 5.3l1.5 1.5M17.2 17.2l1.5 1.5M18.7 5.3l-1.5 1.5M6.8 17.2l-1.5 1.5"/></svg>';
+const MOON = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M20.2 14.6A8.6 8.6 0 0 1 9.4 3.8a8.6 8.6 0 1 0 10.8 10.8z"/></svg>';
+function paintTheme() { const light = document.documentElement.getAttribute('data-theme') === 'light'; $('#theme').innerHTML = light ? MOON : SUN; }
+$('#theme').onclick = () => { const r = document.documentElement; r.setAttribute('data-theme', r.getAttribute('data-theme') === 'light' ? 'dark' : 'light'); try { localStorage.setItem('lampson.theme', r.getAttribute('data-theme')); } catch (e) {} paintTheme(); };
+paintTheme();
+// tarjetas
+async function paintGrid() {
+  const grid = $('#wsGrid'); let r; try { r = await (await fetch(BASE + '/api/workspaces')).json(); } catch (e) { grid.innerHTML = '<div class="card"><p>el hub no responde</p></div>'; return; }
+  wsList = r.workspaces || []; wsIdle = r.idle_hours;
+  grid.innerHTML = '';
+  for (const w of wsList) {
+    const c = document.createElement('a'); c.className = 'card ws' + (w.alive ? ' on' : ''); c.href = w.url;
+    c.innerHTML = `<h3>${w.alive ? '● vivo' : '○ apagado'}${w.schedules_on ? ' · ⏰ ' + w.schedules_on : ''}</h3><p class="nm">${esc(w.name)}</p><p class="pth">${esc(w.path)}</p><p class="meta">último uso ${esc(fmtWhen(w.last_used))}</p>`;
+    grid.appendChild(c);
+  }
+  const add = document.createElement('a'); add.className = 'card ws new'; add.href = '#'; add.innerHTML = '<h3>+</h3><p class="nm">nuevo workspace</p><p class="pth">elegí una carpeta de tu disco</p>';
+  add.onclick = (e) => { e.preventDefault(); openWorkspaces('__new'); };
+  grid.appendChild(add);
+  const all = document.createElement('a'); all.className = 'card ws'; all.href = '#'; all.innerHTML = '<h3>⌕</h3><p class="nm">gestionar</p><p class="pth">encender, apagar, política de vida, quitar</p>';
+  all.onclick = (e) => { e.preventDefault(); openWorkspaces(); };
+  grid.appendChild(all);
+}
+paintGrid();
+setInterval(paintGrid, 10000);

package/public/js/lamps.js CHANGED Viewed

@@ -2,7 +2,7 @@
 // switch, tools con formulario generado del schema, correr, borrar) y la ayuda «?».
 let lampsData = [], lampsMeta = { global: 'lamps/', project: '.lampson/lamps/' };
 async function fetchLamps() {
-  let r; try { r = await (await fetch('/api/lamps')).json(); } catch (e) { return lampsData; }
+  let r; try { r = await (await fetch(BASE + '/api/lamps')).json(); } catch (e) { return lampsData; }
   lampsData = r.lamps || []; lampsMeta = { global: r.global || 'lamps/', project: r.project || '.lampson/lamps/' };
   const on = lampsData.filter(l => l.enabled).length;
   const pill = $('#lamps'); pill.textContent = lampsData.length ? `lámparas ${on}/${lampsData.length}` : 'lámparas'; pill.classList.toggle('on', on > 0);
@@ -81,7 +81,7 @@ function openLamps(selectName) {
         const errEl = box.querySelector('[data-err]');
         box.querySelector('.sw input').onchange = async (ev) => {
           errEl.textContent = '';
-          const r = await api('/api/lamps/toggle', { name: l.name, enabled: ev.target.checked });
+          const r = await api(BASE + '/api/lamps/toggle', { name: l.name, enabled: ev.target.checked });
           if (!r.ok) { errEl.textContent = r.data.error || ('error ' + r.status); ev.target.checked = !ev.target.checked; return; }
           add('meta', '☼ ' + esc(r.data.result || '')); loadLamps(); loadSched();
         };
@@ -92,7 +92,7 @@ function openLamps(selectName) {
             const st = tdiv.querySelector('.st'), out = tdiv.querySelector('.out'); const got = lampArgs(tdiv, props, required);
             if (got.error) { st.textContent = got.error; return; }
             st.textContent = 'corriendo…'; out.style.display = 'none'; b.disabled = true;
-            const r = await api('/api/lamps/run', { tool: 'lamp_' + l.name + '_' + t.name, args: got.args });
+            const r = await api(BASE + '/api/lamps/run', { tool: 'lamp_' + l.name + '_' + t.name, args: got.args });
             st.textContent = r.ok ? '' : (r.data.error || 'error ' + r.status);
             if (r.ok) { out.textContent = r.data.output; out.style.display = ''; }
             b.disabled = false;
@@ -100,7 +100,7 @@ function openLamps(selectName) {
         }
         const del = box.querySelector('.dfoot .del');
         if (del) del.onclick = () => inlineConfirm(del, `¿borrar ${l.name} del disco?`, async () => {
-          const r = await api('/api/lamps/remove', { name: l.name });
+          const r = await api(BASE + '/api/lamps/remove', { name: l.name });
           if (!r.ok) { errEl.textContent = r.data.error || ('error ' + r.status); return; }
           add('meta', '☼ ' + esc(r.data.result || '')); loadLamps();
         });

package/public/js/lsp.js CHANGED Viewed

@@ -1,7 +1,7 @@
 // lsp.js — language servers: sección del panel lateral + vista browse del Panel («+ agregar» = fila con el formulario)
 let lspServers = [], lspPresets = {}, lspGlobalFile = '.lampson/lsp.json';
 async function fetchLsp() {
-  let r; try { r = await (await fetch('/api/lsp')).json(); } catch (e) { return lspServers; }
+  let r; try { r = await (await fetch(BASE + '/api/lsp')).json(); } catch (e) { return lspServers; }
   lspServers = r.servers || []; lspPresets = r.presets || {}; lspGlobalFile = r.global || lspGlobalFile;
   return lspServers;
 }
@@ -53,14 +53,14 @@ function openLsp(selectName) {
               if (!body.name || !body.command || !Object.keys(body.languages).length) { err('falta nombre, comando o extensiones (.ext=languageId)'); return; }
             }
             err('guardando…');
-            const r = await api('/api/lsp/add', body);
+            const r = await api(BASE + '/api/lsp/add', body);
             if (!r.ok) { err(r.data.error || ('error ' + r.status)); return; }
             add('meta', '⌁ ' + esc(r.data.result || 'server agregado')); await loadLsp(); Panel.selectKey(body.name);
           };
           return;
         }
         const del = box.querySelector('.dfoot .del');
-        del.onclick = () => inlineConfirm(del, `¿quitar ${s.name}?`, async () => { const r = await api('/api/lsp/remove', { name: s.name }); if (!r.ok) { err(r.data.error || 'error'); return; } add('meta', '⌁ ' + esc(r.data.result || '')); loadLsp(); });
+        del.onclick = () => inlineConfirm(del, `¿quitar ${s.name}?`, async () => { const r = await api(BASE + '/api/lsp/remove', { name: s.name }); if (!r.ok) { err(r.data.error || 'error'); return; } add('meta', '⌁ ' + esc(r.data.result || '')); loadLsp(); });
       }
     }
   });

package/public/js/mcp.js CHANGED Viewed

@@ -2,7 +2,7 @@
 // derecha; «+ conectar» es una fila más cuyo detalle es el formulario)
 let mcpServers = [], mcpFiles = { global: '.lampson/mcp.json', project: '' };
 async function fetchMcp() {
-  let r; try { r = await (await fetch('/api/mcp')).json(); } catch (e) { return mcpServers; }
+  let r; try { r = await (await fetch(BASE + '/api/mcp')).json(); } catch (e) { return mcpServers; }
   mcpServers = r.servers || []; mcpFiles = { global: r.global || '.lampson/mcp.json', project: r.project || '' };
   return mcpServers;
 }
@@ -50,7 +50,7 @@ function openMcp(selectName) {
             const env = {};
             for (const tok of f('env').value.trim().split(/\s+/).filter(Boolean)) { const i = tok.indexOf('='); if (i > 0) env[tok.slice(0, i)] = tok.slice(i + 1); }
             err('conectando…');
-            const r = await api('/api/mcp/add', { name, command, env, scope: f('scope').value });
+            const r = await api(BASE + '/api/mcp/add', { name, command, env, scope: f('scope').value });
             if (!r.ok) { err(r.data.error || ('error ' + r.status)); return; }
             add('meta', '⌁ ' + esc(r.data.result || 'server conectado')); await loadMcp(); Panel.selectKey(name);
           };
@@ -58,7 +58,7 @@ function openMcp(selectName) {
           return;
         }
         const del = box.querySelector('.dfoot .del');
-        del.onclick = () => inlineConfirm(del, `¿quitar ${s.name}?`, async () => { const r = await api('/api/mcp/remove', { name: s.name }); if (!r.ok) { err(r.data.error || 'error'); return; } add('meta', '⌁ ' + esc(r.data.result || '')); loadMcp(); });
+        del.onclick = () => inlineConfirm(del, `¿quitar ${s.name}?`, async () => { const r = await api(BASE + '/api/mcp/remove', { name: s.name }); if (!r.ok) { err(r.data.error || 'error'); return; } add('meta', '⌁ ' + esc(r.data.result || '')); loadMcp(); });
       }
     }
   });

package/public/js/memory.js CHANGED Viewed

@@ -1,7 +1,7 @@
 // memory.js — notas que el agente guarda sobre este proyecto (tool memory)
 let memOpen = null;
 async function loadMemory() {
-  let r; try { r = await (await fetch('/api/memory')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/memory')).json(); } catch (e) { return; }
   const box = $('#memory'); box.innerHTML = '';
   const notes = r.notes || [];
   $('#memCount').textContent = notes.length || ''; autoSec('memory', notes.length > 0);
@@ -10,7 +10,7 @@ async function loadMemory() {
 }
 async function openMemory(name) {
   memOpen = name; procOpen = null; clearInterval(procTimer);
-  const r = await (await fetch('/api/memory/note?name=' + encodeURIComponent(name))).json();
+  const r = await (await fetch(BASE + '/api/memory/note?name=' + encodeURIComponent(name))).json();
   if (r.error) { add('denied', esc(r.error)); return; }
   showText('memoria · ' + name + '.md', 'notas del agente sobre este proyecto (editables a mano en lampson/memory/)', r.content || '(vacía)', false);
   loadMemory();

package/public/js/procs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 // procs.js — procesos gestionados por el agente (tool process) y puertos en escucha de la máquina
 let procOpen = null, procTimer = null;
 async function loadPorts() {
-  let r; try { r = await (await fetch('/api/ports')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/ports')).json(); } catch (e) { return; }
   const box = $('#ports'); box.innerHTML = '';
   const list = (r.ports || []).filter(p => p.port !== 8080 || p.name !== 'synsema.exe');
   $('#portCount').textContent = list.length || ''; autoSec('ports', list.length > 0);
@@ -10,13 +10,13 @@ async function loadPorts() {
     const d = document.createElement('div'); d.className = 'p'; d.style.cursor = 'default'; d.title = `pid ${p.pid}\n${p.command || '(línea de comando no disponible)'}`;
     const what = p.command ? p.command.replace(/^"?[A-Za-z]:\\[^"]*\\([^"\\]+)"?/, '$1') : p.name;
     d.innerHTML = `<a class="port" href="http://127.0.0.1:${p.port}" target="_blank" rel="noopener" title="abrir http://127.0.0.1:${p.port} en otra pestaña">:${p.port}</a><span class="cm">${esc(what)}</span><button title="matar este proceso (pid ${p.pid}; no lo gestiona lampson)">✕</button>`;
-    const kb = d.querySelector('button'); kb.onclick = () => { const holder = document.createElement('span'); holder.className = 'del'; kb.replaceWith(holder); inlineConfirm(holder, `¿matar pid ${p.pid}?`, async () => { await api('/api/ports/kill', { pid: p.pid }); loadPorts(); }); setTimeout(() => { if (!holder.classList.contains('ask')) loadPorts(); }, 6100); };
+    const kb = d.querySelector('button'); kb.onclick = () => { const holder = document.createElement('span'); holder.className = 'del'; kb.replaceWith(holder); inlineConfirm(holder, `¿matar pid ${p.pid}?`, async () => { await api(BASE + '/api/ports/kill', { pid: p.pid }); loadPorts(); }); setTimeout(() => { if (!holder.classList.contains('ask')) loadPorts(); }, 6100); };
     box.appendChild(d);
   }
 }
 async function loadProcs() {
   loadPorts();
-  let r; try { r = await (await fetch('/api/proc')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/proc')).json(); } catch (e) { return; }
   const box = $('#procs'); box.innerHTML = '';
   const list = r.processes || []; const act = list.filter(p => p.running).length;
   $('#procCount').textContent = list.length ? (act ? `${act} ● · ${list.length}` : `${list.length}`) : '';
@@ -26,20 +26,20 @@ async function loadProcs() {
     const d = document.createElement('div'); d.className = 'p' + (p.running ? ' run' : '') + (procOpen === p.name ? ' active' : ''); d.title = p.command;
     d.innerHTML = `<span class="st"></span><span class="nm">${esc(p.name)}</span><span class="cm">$ ${esc(p.command)}</span>` + (p.running ? '<button>■</button>' : '');
     d.onclick = () => openProc(p.name);
-    const b = d.querySelector('button'); if (b) b.onclick = async (ev) => { ev.stopPropagation(); await api('/api/proc/stop', { name: p.name }); loadProcs(); if (procOpen === p.name) openProc(p.name); };
+    const b = d.querySelector('button'); if (b) b.onclick = async (ev) => { ev.stopPropagation(); await api(BASE + '/api/proc/stop', { name: p.name }); loadProcs(); if (procOpen === p.name) openProc(p.name); };
     box.appendChild(d);
   }
 }
 async function openProc(name) {
   procOpen = name; document.querySelectorAll('.row.active').forEach(x => x.classList.remove('active'));
-  const r = await (await fetch('/api/proc/log?name=' + encodeURIComponent(name) + '&tail=400')).json();
+  const r = await (await fetch(BASE + '/api/proc/log?name=' + encodeURIComponent(name) + '&tail=400')).json();
   showText('proceso ' + name, r.running ? '● corriendo · log en vivo' : '○ terminado', r.log || '(sin salida todavía)', true);
   clearInterval(procTimer); if (r.running && !events) procTimer = setInterval(() => refreshProcViewer(name), 2000); // sin stream de eventos: respaldo por timer
   loadProcs();
 }
 async function refreshProcViewer(name) {
   if (procOpen !== name || $('#viewer').style.display === 'none') { clearInterval(procTimer); return; }
-  const x = await (await fetch('/api/proc/log?name=' + encodeURIComponent(name) + '&tail=400')).json();
+  const x = await (await fetch(BASE + '/api/proc/log?name=' + encodeURIComponent(name) + '&tail=400')).json();
   $('#vbody').textContent = x.log || ''; $('#vmeta').textContent = x.running ? '● corriendo · log en vivo' : '○ terminado';
   if (!x.running) { clearInterval(procTimer); loadProcs(); }
 }

package/public/js/schedules.js CHANGED Viewed

@@ -4,7 +4,7 @@
 // terminal, tick cada 30 s) o con `lampson --daemon start` con todo cerrado.
 let schedData = [], schedLamps = [], schedTick = 30, schedMountOk = true, schedLiveTimer = null;
 async function fetchSched() {
-  let r; try { r = await (await fetch('/api/schedules')).json(); } catch (e) { return schedData; }
+  let r; try { r = await (await fetch(BASE + '/api/schedules')).json(); } catch (e) { return schedData; }
   schedData = r.tasks || []; schedLamps = r.lamps || []; schedTick = r.tick || 30; schedMountOk = r.mount_ok !== false;
   return schedData;
 }
@@ -47,11 +47,11 @@ function openSched(selectId) {
       emptyHtml: 'nada coincide',
       detail: async (t) => {
         if (t === SCHED_NEW) return schedForm();
-        let r; try { r = await (await fetch('/api/schedules/log?id=' + encodeURIComponent(t.id) + '&tail=300')).json(); } catch (e) { r = {}; }
+        let r; try { r = await (await fetch(BASE + '/api/schedules/log?id=' + encodeURIComponent(t.id) + '&tail=300')).json(); } catch (e) { r = {}; }
         // r.task = el registro crudo (plan como objeto, session, history fresco); t = el resumen (plan y horarios en texto)
         const raw = r.task || t; const task = Object.assign({}, raw, t, { running: raw.running, session: raw.session, history: raw.history, enabled: raw.enabled });
         let live = '';
-        if (task.running && task.session) { try { const tr = await (await fetch('/api/trace?session=' + encodeURIComponent(task.session) + '&tail=80')).json(); live = tr.trace || '(arrancando…)'; } catch (e) { live = '(arrancando…)'; } }
+        if (task.running && task.session) { try { const tr = await (await fetch(BASE + '/api/trace?session=' + encodeURIComponent(task.session) + '&tail=80')).json(); live = tr.trace || '(arrancando…)'; } catch (e) { live = '(arrancando…)'; } }
         else if (task.running) live = task.action.type === 'prompt' ? 'arrancando el agente…' : 'corriendo ' + task.action.type + '…';
         const hist = (task.history || []).slice().reverse().map(h => `<div class="dmsg ${h.status === 'ok' ? '' : 'dm-bad'}"><span class="who">${esc(new Date(h.started * 1000).toLocaleString())} · ${esc(h.status)}${h.late ? ' · atrasada' : ''}${h.steps != null ? ' · ' + h.steps + ' pasos' : ''}${h.session ? ` · <a href="#" data-session="${esc(h.session)}">sesión ⏰</a>` : ''}</span>${esc(h.summary || '')}</div>`).join('');
         return `<div class="dhead"><span class="nm">${esc(task.name)}</span><span class="meta">${esc(task.plan)} · ${task.running ? '● corriendo' : (task.enabled ? 'próxima ' + esc(fmtWhen(task.next_run)) : 'apagada')}</span></div>
@@ -66,11 +66,11 @@ function openSched(selectId) {
       wire: (t, box) => {
         const err = (m) => { const e = box.querySelector('.derr'); if (e) e.textContent = m || ''; };
         if (t === SCHED_NEW) { schedFormWire(box, err); return; }
-        box.querySelector('[data-run]').onclick = async () => { const r = await api('/api/schedules/run', { id: t.id }); add('meta', '⏰ ' + esc(r.data.result || r.data.error || '')); setTimeout(loadSched, 1500); setTimeout(() => Panel.is('schedules') && Panel.detail(), 2500); };
-        box.querySelector('[data-toggle]').onclick = async () => { const r = await api('/api/schedules/toggle', { id: t.id, enabled: !t.enabled }); if (!r.ok) { err(r.data.error || 'error'); return; } loadSched(); };
+        box.querySelector('[data-run]').onclick = async () => { const r = await api(BASE + '/api/schedules/run', { id: t.id }); add('meta', '⏰ ' + esc(r.data.result || r.data.error || '')); setTimeout(loadSched, 1500); setTimeout(() => Panel.is('schedules') && Panel.detail(), 2500); };
+        box.querySelector('[data-toggle]').onclick = async () => { const r = await api(BASE + '/api/schedules/toggle', { id: t.id, enabled: !t.enabled }); if (!r.ok) { err(r.data.error || 'error'); return; } loadSched(); };
         box.querySelectorAll('[data-session]').forEach(a => a.onclick = (e) => { e.preventDefault(); Panel.close(); open(a.dataset.session); });
         const del = box.querySelector('.dfoot .del');
-        del.onclick = () => inlineConfirm(del, `¿quitar ${t.name}?`, async () => { await api('/api/schedules/remove', { id: t.id }); loadSched(); });
+        del.onclick = () => inlineConfirm(del, `¿quitar ${t.name}?`, async () => { await api(BASE + '/api/schedules/remove', { id: t.id }); loadSched(); });
         const live = box.querySelector('[data-live]'); if (live) live.scrollTop = live.scrollHeight;
         clearTimeout(schedLiveTimer); if (t.running) schedLiveTimer = setTimeout(() => { if (Panel.is('schedules')) Panel.refresh(); }, 3000);
       }
@@ -110,7 +110,7 @@ function schedFormWire(box, err) {
     const body = { name: f('name').value.trim(), when: f('when').value.trim(), action, permission: f('permission').value, notify: f('notify').value.trim() };
     if (!body.when) { err('falta cuándo'); return; }
     err('programando…');
-    const r = await api('/api/schedules/add', body);
+    const r = await api(BASE + '/api/schedules/add', body);
     if (!r.ok) { err(r.data.error || ('error ' + r.status)); return; }
     add('meta', '⏰ ' + esc(r.data.result || 'programada')); setSec('sched', true); await loadSched(); if (r.data.task) Panel.selectKey(r.data.task.id);
   };

package/public/js/sessions.js CHANGED Viewed

@@ -1,9 +1,9 @@
 // sessions.js — sesiones: las últimas 4 en el panel, «ver todas» abre el Panel (browse) con búsqueda en
 // títulos y contenido (GET /api/sessions/search?q=) y una previsualización de la conversación; traza.
 function forgetSession(id) { if (id === session) { session = ''; localStorage.removeItem('lampson.session'); log.innerHTML = ''; showPane('log'); empty(); } }
-async function deleteSession(id) { await api('/api/sessions/delete', { id }); forgetSession(id); loadSessions(); }
+async function deleteSession(id) { await api(BASE + '/api/sessions/delete', { id }); forgetSession(id); loadSessions(); }
 async function loadSessions() {
-  let r; try { r = await (await fetch('/api/sessions')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/sessions')).json(); } catch (e) { return; }
   const box = $('#sessions'); box.innerHTML = '';
   $('#sessCount').textContent = r.sessions.length || '';
   if (!r.sessions.length) { box.innerHTML = '<div class="s none">todavía ninguna</div>'; return; }
@@ -23,10 +23,10 @@ function openSessionsPanel() {
     browse: {
       placeholder: 'buscar en títulos y en lo que se habló… (↑↓ · Enter abre)', listWidth: '360px', nodot: true,
       key: s => s.id,
-      load: async (q) => (await (await fetch('/api/sessions/search?q=' + encodeURIComponent(q) + '&limit=300')).json()).sessions || [],
+      load: async (q) => (await (await fetch(BASE + '/api/sessions/search?q=' + encodeURIComponent(q) + '&limit=300')).json()).sessions || [],
       render: (s, q) => `<div><div class="nm serif">${hl(s.title || '(sin título)', q)}</div><div class="meta">${esc(s.id)} · ${esc(fmtIso(s.updated))}</div>` + (s.snippet ? `<div class="snip">${hl(s.snippet, q)}</div>` : '') + '</div>',
       detail: async (s, q) => {
-        const d = await (await fetch('/api/sessions/' + encodeURIComponent(s.id))).json();
+        const d = await (await fetch(BASE + '/api/sessions/' + encodeURIComponent(s.id))).json();
         const msgs = (d.messages || []).filter(m => (m.role === 'user' || m.role === 'assistant') && typeof m.content === 'string' && m.content.trim() && !/^\[harness\]|^\[Context compacted/.test(m.content)).slice(0, 14);
         const steps = (d.messages || []).filter(m => m.role === 'tool').length;
         return `<div class="dhead"><span class="nm serif">${esc(s.title || '(sin título)')}</span><span class="meta">${esc(s.id)} · ${esc(fmtIso(d.updated))} · ${(d.messages || []).length} mensajes · ${steps} tools</span></div>`
@@ -48,7 +48,7 @@ function openSessionsPanel() {
 }
 async function open(id) {
   session = id; localStorage.setItem('lampson.session', id); log.innerHTML = ''; log.classList.remove('hero'); showPane('log'); loadTodo();
-  const r = await fetch('/api/sessions/' + id); if (!r.ok) { session = ''; empty(); return loadSessions(); }
+  const r = await fetch(BASE + '/api/sessions/' + id); if (!r.ok) { session = ''; empty(); return loadSessions(); }
   const d = await r.json();
   const queue = []; // pasos sin resultado todavía, en orden (varias tool calls por turno)
   for (const m of d.messages) {
@@ -64,6 +64,6 @@ $('#new').onclick = () => { session = ''; localStorage.removeItem('lampson.sessi
 // traza legible de una sesión (.lampson/trace/<sid>.log)
 async function openTrace(id) {
   procOpen = null; agentOpen = null;
-  let r; try { r = await (await fetch('/api/trace?session=' + encodeURIComponent(id) + '&tail=600')).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/trace?session=' + encodeURIComponent(id) + '&tail=600')).json(); } catch (e) { return; }
   showText('traza ' + id, r.file || '', r.trace || '(sin traza todavía: se escribe a medida que el agente trabaja)', true);
 }

package/public/js/terminal.js CHANGED Viewed

@@ -29,7 +29,7 @@ function openTerm() {
     }
   });
   $('#tmeta').textContent = 'conectando…';
-  termWs = new WebSocket((location.protocol === 'https:' ? 'wss://' : 'ws://') + location.host + '/api/term'); termWs.binaryType = 'arraybuffer';
+  termWs = new WebSocket((location.protocol === 'https:' ? 'wss://' : 'ws://') + location.host + BASE + '/api/term'); termWs.binaryType = 'arraybuffer';
   const send = (o) => { if (termWs && termWs.readyState === 1) termWs.send(JSON.stringify(o)); };
   termWs.onopen = () => { $('#termpane').classList.add('live'); send({ type: 'resize', cols: term.cols, rows: term.rows }); term.focus(); };
   termWs.onmessage = (e) => { // "o" + salida del pty | "c" + JSON de control

package/public/js/todo.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // todo.js — lista de tareas del agente en la sesión actual (tool todo)
 async function loadTodo() {
-  let r; try { r = await (await fetch('/api/todo' + (session ? '?session=' + encodeURIComponent(session) : ''))).json(); } catch (e) { return; }
+  let r; try { r = await (await fetch(BASE + '/api/todo' + (session ? '?session=' + encodeURIComponent(session) : ''))).json(); } catch (e) { return; }
   const box = $('#todoBox'); box.innerHTML = '';
   const items = r.items || []; const open = items.filter(i => i.status === 'pending' || i.status === 'in_progress').length;
   $('#todoCount').textContent = items.length ? (open ? `${open} · ${items.length}` : `${items.length}`) : ''; autoSec('todo', open > 0);