lampson 0.2.1 → 0.2.3

package/lib/workspaces.syn

@@ -24,7 +24,8 @@ export let REGISTRY be ".lampson/workspaces.json"
 export let HUB_PORT be 8080
 export let HUB_FILE be "hub.syn"
 export let HUB_TEMPLATE be "hub.tpl.syn"
-let FIRST_PORT be 8081
+-- rango alto para no chocar con lo que usan las apps (3000, 5173, 8000, 8080-8090…): solo el hub queda en 8080
+let FIRST_PORT be 47101
 let LINKS be ["lib", "public", "skills", "lamps", "memory"]
 let COPIES be ["web.syn", "chat.syn"]
 
@@ -82,6 +83,38 @@ task load_reg()
 task save_reg(doc)
     write_file(REGISTRY, json_encode(doc))
 
+-- registros hechos con puertos 808N (antes de 0.2.3): reasignar al rango alto; los procesos viejos se paran en
+-- ensure/tick (por puerto) y el supervisor los levanta en el nuevo
+export task migrate_ports()
+    require exec
+    require time
+    require env("LAMPSON_*")
+    require env("OS")
+    require file(".lampson")
+    require file(".lampson/*")
+    require file.read("hub.tpl.syn")
+    require file("hub.syn")
+    let doc be load_reg()
+    let changed be false
+    when doc["next_port"] < FIRST_PORT
+        set doc["next_port"] to FIRST_PORT
+        set changed to true
+    each k in keys(doc["workspaces"])
+        let w be doc["workspaces"][k]
+        when w["port"] < FIRST_PORT
+            let old be w["port"]
+            each l in proc.listeners()
+                when l["port"] == old
+                    proc.kill_pid(l["pid"])
+            set w["port"] to doc["next_port"]
+            set doc["next_port"] to doc["next_port"] + 1
+            set doc["workspaces"][k] to w
+            set changed to true
+    when changed
+        save_reg(doc)
+        regen_hub()
+    give changed
+
 export task all()
     require file(".lampson")
     require file(".lampson/*")
@@ -241,6 +274,7 @@ export task ensure(path)
     require file.read("chat.syn")
     require file.read("hub.tpl.syn")
     require file("hub.syn")
+    migrate_ports()
     let existing be by_path(path)
     let w be existing
     when w == nothing
@@ -490,6 +524,8 @@ export task tick()
     require file(".lampson/*")
     require file.read("web.syn")
     require file.read("chat.syn")
+    when migrate_ports() and hub_alive()
+        restart_hub_later()
     let started be []
     let stopped be []
     each w in all()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lampson",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "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": {

package/public/css/panel.css

@@ -132,3 +132,21 @@
 .panel .bdetail .dform label.col { max-width:560px; }
 .panel .bdetail .dacts .ds { display:inline; color:var(--ink-3); }
 .panel .bdetail .dfoot { font-family:var(--mono); }
+
+/* nuevo workspace: elegir carpeta → carpeta elegida → crear */
+.panel .pickrow { display:flex; align-items:center; gap:12px; margin:6px 0 12px; }
+.panel .pickrow .ds { display:inline; margin:0; }
+.panel .pickrow a { color:var(--accent); text-decoration:none; }
+.panel .pickrow a:hover { text-decoration:underline; text-underline-offset:.18em; }
+.panel .chosen { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--rule-2); border-radius:var(--r); background:var(--paper-2); margin:0 0 6px; max-width:640px; }
+.panel .chosen .lk { font:400 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.1em; color:var(--ink-3); }
+.panel .chosen code { font:400 12.5px/1.4 var(--mono); color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
+.panel .chosen .del { color:var(--ink-3); cursor:pointer; font-size:11px; }
+.panel .chosen .del:hover { color:var(--rubric); }
+.panel .wsbrowser { border:1px solid var(--rule); border-radius:var(--r); max-width:640px; margin:0 0 10px; display:flex; flex-direction:column; }
+.panel .wsbrowser .bhead { display:flex; align-items:center; gap:10px; padding:8px 10px; border-bottom:1px solid var(--rule); }
+.panel .wsbrowser .bhead .ds { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--mono); color:var(--ink); display:inline; }
+.panel .wsbrowser .bhead input { flex:0 0 240px; height:28px; padding:0 8px; font-size:12px; background:transparent; }
+.panel .wsbrowser .bitems { max-height:30vh; overflow-y:auto; padding:4px; }
+.panel .wsbrowser .bfoot { padding:8px 10px; border-top:1px solid var(--rule); display:flex; justify-content:flex-end; }
+.panel .wsbrowser .bfoot button { font:400 12px/1 var(--mono); padding:6px 12px; }

package/public/css/sidebar.css

@@ -78,3 +78,7 @@
 .del.ask .yes { color:var(--rubric); cursor:pointer; font-weight:600; }
 .del.ask .no { color:var(--ink-2); cursor:pointer; }
 .del.ask .yes:hover, .del.ask .no:hover { text-decoration:underline; text-underline-offset:.18em; }
+
+/* puertos ocupados por lampson: visibles pero sin link ni ✕ */
+.p .port.own { color:var(--ink-3); font-weight:400; }
+.p.own .cm { color:var(--ink-3); }

package/public/js/app.js

@@ -14,7 +14,7 @@ async function loadCfg() {
   sel.onchange = () => { localStorage.setItem('lampson.agent', sel.value); hint(); }; hint();
   if (!log.children.length) empty();
 }
-loadCfg().then(() => { loadTree(); loadSessions(); loadProcs(); loadMemory(); loadAgents(); loadMcp(); loadLsp(); loadLamps(); loadTodo(); loadSched(); loadApprovals(); checkUpdate(); const pq = new URLSearchParams(location.search).get('proc'); if (pq) openProc(pq); else if (session) open(session); });
+loadCfg().then(() => { loadTree(); loadSessions(); loadProcs(); loadMemory(); loadAgents(); loadMcp(); loadLsp(); loadLamps(); loadTodo(); loadSched(); loadApprovals(); checkUpdate(); const pq = new URLSearchParams(location.search).get('proc'); if (pq) openProc(pq); else if (session) openSession(session); });
 // respaldos lentos por si el stream de eventos se cae
 setInterval(loadProcs, events ? 60000 : 10000);
 setInterval(() => { loadSched(); if (!events) loadApprovals(); }, events ? 60000 : 15000);

package/public/js/procs.js

@@ -3,12 +3,16 @@ let procOpen = null, procTimer = null;
 async function loadPorts() {
   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');
+  // los procesos de lampson (hub :8080, un workspace por puerto alto) OCUPAN el puerto: se ven, identificados,
+  // sin link (la UI se usa por el hub) y sin ✕ (un workspace se apaga desde su Panel; matarlo lo relanza el supervisor)
+  let wsByPort = {}; try { const ws = (await (await fetch('/api/workspaces')).json()).workspaces || []; for (const w of ws) wsByPort[w.port] = w; } catch (e) {}
+  const list = (r.ports || []).map(p => { const own = /\b(web|hub)\.syn\b/.test(p.command || '') || (p.port === 8080 && /synsema/.test(p.name || '')); return Object.assign({}, p, { lampson: own, wsName: own && wsByPort[p.port] ? wsByPort[p.port].name : (own && p.port === 8080 ? 'hub' : '') }); });
   $('#portCount').textContent = list.length || ''; autoSec('ports', list.length > 0);
   if (!list.length) { box.innerHTML = '<div class="p none">ninguno</div>'; return; }
   for (const p of list) {
-    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 d = document.createElement('div'); d.className = 'p' + (p.lampson ? ' own' : ''); 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;
+    if (p.lampson) { d.innerHTML = `<span class="port own" title="puerto ocupado por lampson">:${p.port}</span><span class="cm">lampson · ${esc(p.wsName ? (p.port === 8080 ? 'hub' : 'workspace ' + p.wsName) : 'proceso')}</span>`; box.appendChild(d); continue; }
     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(BASE + '/api/ports/kill', { pid: p.pid }); loadPorts(); }); setTimeout(() => { if (!holder.classList.contains('ask')) loadPorts(); }, 6100); };
     box.appendChild(d);

package/public/js/schedules.js

@@ -68,7 +68,7 @@ function openSched(selectId) {
         if (t === SCHED_NEW) { schedFormWire(box, err); return; }
         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); });
+        box.querySelectorAll('[data-session]').forEach(a => a.onclick = (e) => { e.preventDefault(); Panel.close(); openSession(a.dataset.session); });
         const del = box.querySelector('.dfoot .del');
         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;

package/public/js/sessions.js

@@ -9,7 +9,7 @@ async function loadSessions() {
   if (!r.sessions.length) { box.innerHTML = '<div class="s none">todavía ninguna</div>'; return; }
   const shown = r.sessions.slice(0, 4);
   for (const s of shown) {
-    const d = document.createElement('div'); d.className = 's' + (s.id === session ? ' active' : ''); d.innerHTML = '<span class="id">' + esc(s.id.slice(-6)) + '</span><span class="title">' + esc(s.title || '') + '</span><span class="del tr" title="traza: qué hizo el agente en esta sesión (pasos, tools, tiempos, tokens)">≡</span><span class="del" title="borrar esta sesión">✕</span>'; d.title = s.id; d.onclick = () => open(s.id);
+    const d = document.createElement('div'); d.className = 's' + (s.id === session ? ' active' : ''); d.innerHTML = '<span class="id">' + esc(s.id.slice(-6)) + '</span><span class="title">' + esc(s.title || '') + '</span><span class="del tr" title="traza: qué hizo el agente en esta sesión (pasos, tools, tiempos, tokens)">≡</span><span class="del" title="borrar esta sesión">✕</span>'; d.title = s.id; d.onclick = () => openSession(s.id);
     d.querySelector('.tr').onclick = (ev) => { ev.stopPropagation(); openTrace(s.id); };
     d.querySelector('.del:not(.tr)').onclick = (ev) => { ev.stopPropagation(); inlineConfirm(d.querySelector('.del:not(.tr)'), '¿borrar?', () => deleteSession(s.id)); };
     box.appendChild(d);
@@ -35,18 +35,18 @@ function openSessionsPanel() {
           + `<div class="dfoot"><span>.lampson/sessions/${esc(s.id)}.json</span><span class="del">borrar</span></div>`;
       },
       wire: (s, box) => {
-        box.querySelector('[data-act="open"]').onclick = () => { Panel.close(); open(s.id); };
+        box.querySelector('[data-act="open"]').onclick = () => { Panel.close(); openSession(s.id); };
         box.querySelector('[data-act="trace"]').onclick = () => { Panel.close(); openTrace(s.id); };
         const del = box.querySelector('.dfoot .del');
         del.onclick = () => inlineConfirm(del, `¿borrar ${s.id}?`, async () => { await deleteSession(s.id); Panel.refresh(); });
       },
-      onPick: (s) => open(s.id),
+      onPick: (s) => openSession(s.id),
       count: (rows, q) => q ? `${rows.length} coincidencia${rows.length === 1 ? '' : 's'}` : `${rows.length} sesión${rows.length === 1 ? '' : 'es'}`,
       emptyHtml: 'todavía no hay sesiones'
     }
   });
 }
-async function open(id) {
+async function openSession(id) {
   session = id; localStorage.setItem('lampson.session', id); log.innerHTML = ''; log.classList.remove('hero'); showPane('log'); loadTodo();
   const r = await fetch(BASE + '/api/sessions/' + id); if (!r.ok) { session = ''; empty(); return loadSessions(); }
   const d = await r.json();

package/public/js/workspaces.js

@@ -1,6 +1,9 @@
 // workspaces.js — el selector de workspace de la cabecera (dentro de un workspace) y el Panel de workspaces.
 // La API de workspaces es del HUB (raíz, sin BASE): /api/workspaces…  Sin hub (standalone) el selector se oculta.
 let wsList = [], wsIdle = 4;
+// abierto por el puerto de un proceso (:808N) las URLs de otros workspaces tienen que ir al hub (:8080), no a este proceso
+const HUB_BASE = (location.port && location.port !== '8080') ? location.protocol + '//' + location.hostname + ':8080' : '';
+function wsUrl(w) { return HUB_BASE + w.url; }
 async function fetchWorkspaces() {
   try { const r = await (await fetch('/api/workspaces')).json(); wsList = r.workspaces || []; wsIdle = r.idle_hours; return true; } catch (e) { wsList = []; return false; }
 }
@@ -31,12 +34,12 @@ function openWorkspaces(selectSlug) {
       wire: (w, box) => {
         const err = (m) => { const e = box.querySelector('.derr'); if (e) e.textContent = m || ''; };
         if (w === WS_NEW) { wsNewWire(box, err); return; }
-        box.querySelector('[data-open]').onclick = () => { if (w.slug !== WS_SLUG) location.href = w.url; else Panel.close(); };
+        box.querySelector('[data-open]').onclick = () => { if (w.slug !== WS_SLUG) location.href = wsUrl(w); else Panel.close(); };
         const st = box.querySelector('[data-start]'); if (st) st.onclick = async () => { err('arrancando…'); const r = await api('/api/workspaces/start', { slug: w.slug }); err(r.data.ok ? '' : 'no respondió a tiempo'); Panel.refresh(); };
         const sp = box.querySelector('[data-stop]'); if (sp) sp.onclick = async () => { await api('/api/workspaces/stop', { slug: w.slug }); setTimeout(() => Panel.refresh(), 800); };
         box.querySelector('[name="policy"]').onchange = async (ev) => { const r = await api('/api/workspaces/policy', { slug: w.slug, policy: ev.target.value }); if (!r.ok) err(r.data.error || 'error'); };
         const del = box.querySelector('.dfoot .del');
-        del.onclick = () => inlineConfirm(del, `¿quitar ${w.name} del registro?`, async () => { const r = await api('/api/workspaces/remove', { slug: w.slug }); if (!r.ok) { err(r.data.error || 'error'); return; } if (w.slug === WS_SLUG) location.href = '/'; else Panel.refresh(); });
+        del.onclick = () => inlineConfirm(del, `¿quitar ${w.name} del registro?`, async () => { const r = await api('/api/workspaces/remove', { slug: w.slug }); if (!r.ok) { err(r.data.error || 'error'); return; } if (w.slug === WS_SLUG) location.href = HUB_BASE + '/'; else Panel.refresh(); });
       }
     }
   });
@@ -44,40 +47,52 @@ function openWorkspaces(selectSlug) {
 function wsNewForm() {
   return `<div class="dhead"><span class="nm serif">Nuevo workspace</span></div><div class="dform">
     <p class="lead">Un workspace es una carpeta de tu disco: el agente solo puede tocar lo que hay adentro. Corre en su propio proceso, con sus sesiones, tareas programadas, MCP y lámparas.</p>
-    <div class="dacts" style="margin-top:0;align-items:center"><button class="primary" data-pick>Elegir carpeta…</button><span class="ds" data-pickhint style="margin:0">abre el diálogo de carpetas de tu sistema</span></div>
-    <label style="margin-top:14px">ruta <input name="path" spellcheck="false" autocomplete="off" placeholder="C:\\proyectos\\mi-app  ·  /home/yo/proyectos/mi-app"></label>
-    <div data-browser style="display:none"><div class="dcap" data-here></div><div class="bitems" data-dirs style="max-height:32vh;border:1px solid var(--rule);border-radius:var(--r);padding:4px"></div></div>
-    <div class="pfoot"><button class="primary" data-go>Crear y abrir</button><button data-browse>explorar en el servidor</button><span class="derr"></span></div></div>`;
+    <div class="pickrow"><button class="primary" data-pick>Elegir carpeta…</button><span class="ds">se abre el diálogo de carpetas de tu sistema · <a href="#" data-browse>o explorá desde acá</a></span></div>
+    <div class="chosen" data-chosen style="display:none"><span class="lk">carpeta</span><code data-chosen-path></code><span class="del" data-clear title="elegir otra">✕</span></div>
+    <div data-browser class="wsbrowser" style="display:none">
+      <div class="bhead"><span class="ds" data-here></span><input name="path" spellcheck="false" autocomplete="off" placeholder="o pegá una ruta y Enter"></div>
+      <div class="bitems" data-dirs></div>
+      <div class="bfoot"><button data-use>Usar esta carpeta</button></div>
+    </div>
+    <div class="pfoot" data-go-row style="display:none;justify-content:flex-end"><span class="derr" style="margin:0 auto 0 0"></span><button class="primary" data-go>Crear y abrir</button></div>
+    <div class="derr" data-err2></div></div>`;
 }
-function wsNewWire(box, err) {
+function wsNewWire(box, err0) {
+  const chosenBox = box.querySelector('[data-chosen]'), goRow = box.querySelector('[data-go-row]'), browser = box.querySelector('[data-browser]');
   const f = n => box.querySelector(`[name="${n}"]`);
-  const browser = box.querySelector('[data-browser]');
+  const err = (m) => { const e = goRow.style.display === 'none' ? box.querySelector('[data-err2]') : goRow.querySelector('.derr'); box.querySelectorAll('.derr').forEach(x => x.textContent = ''); if (e) e.textContent = m || ''; };
+  let chosen = '';
+  const choose = (p) => { chosen = (p || '').trim(); chosenBox.style.display = chosen ? '' : 'none'; goRow.style.display = chosen ? 'flex' : 'none'; box.querySelector('[data-chosen-path]').textContent = chosen; if (chosen) { browser.style.display = 'none'; err(''); } };
+  let here = '';
   const showDir = async (p) => {
+    err('');
     const r = await (await fetch('/api/workspaces/browse?path=' + encodeURIComponent(p || ''))).json();
     browser.style.display = '';
-    box.querySelector('[data-here]').textContent = r.path + (r.error ? ' — ' + r.error : '');
-    f('path').value = r.path || '';
+    here = r.path || ''; box.querySelector('[data-here]').textContent = here + (r.error ? ' — ' + r.error : ''); f('path').value = '';
     const list = box.querySelector('[data-dirs]'); list.innerHTML = '';
-    const up = document.createElement('div'); up.className = 'li nodot'; up.innerHTML = '<div><div class="nm">..</div></div>'; up.onclick = () => showDir(r.parent); list.appendChild(up);
-    for (const d of (r.dirs || [])) { const it = document.createElement('div'); it.className = 'li nodot'; it.innerHTML = `<div><div class="nm" style="font-weight:400">${esc(d)}/</div></div>`; it.onclick = () => showDir(r.path.replace(/[\\/]$/, '') + (r.path.includes('\\') ? '\\' : '/') + d); list.appendChild(it); }
+    const up = document.createElement('div'); up.className = 'li nodot'; up.innerHTML = '<div><div class="nm">..</div><div class="meta">subir un nivel</div></div>'; up.onclick = () => showDir(r.parent); list.appendChild(up);
+    for (const d of (r.dirs || [])) { const it = document.createElement('div'); it.className = 'li nodot'; it.innerHTML = `<div><div class="nm" style="font-weight:400">${esc(d)}/</div></div>`; it.onclick = () => showDir(here.replace(/[\\/]$/, '') + (here.includes('\\') ? '\\' : '/') + d); list.appendChild(it); }
   };
-  box.querySelector('[data-browse]').onclick = () => showDir(f('path').value.trim());
+  box.querySelector('[data-browse]').onclick = (e) => { e.preventDefault(); showDir(chosen || ''); };
+  box.querySelector('[data-use]').onclick = () => choose(here);
+  f('path').addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); const v = f('path').value.trim(); if (v) showDir(v); } });
+  box.querySelector('[data-clear]').onclick = () => choose('');
   box.querySelector('[data-pick]').onclick = async () => {
-    err('esperando el diálogo de carpetas… (si no aparece, mirá la barra de tareas o usá «explorar en el servidor»)');
+    err('esperando el diálogo de carpetas… (si no lo ves, mirá la barra de tareas)');
     const r = await api('/api/workspaces/pick', {});
-    if (!r.data.native) { err(''); box.querySelector('[data-pickhint]').textContent = 'no hay diálogo en este equipo (VPS): usá el explorador'; showDir(''); return; }
-    err(''); if (r.data.path) f('path').value = r.data.path;
+    if (!r.ok) { err('esta página no es el hub: abrí ' + location.protocol + '//' + location.hostname + ':8080/'); return; }
+    if (!r.data.native) { err('no hay diálogo en este equipo (VPS): explorá desde acá'); showDir(''); return; }
+    err(''); if (r.data.path) choose(r.data.path);
   };
   box.querySelector('[data-go]').onclick = async () => {
-    const path = f('path').value.trim(); if (!path) { err('elegí una carpeta'); return; }
+    if (!chosen) { err('elegí una carpeta'); return; }
     err('creando y arrancando… (el hub se reinicia un instante)');
-    const r = await api('/api/workspaces', { path });
+    const r = await api('/api/workspaces', { path: chosen });
     if (!r.ok) { err(r.data.error || ('error ' + r.status)); return; }
-    // el hub se regenera con la ruta nueva y se reinicia (--watch): esperar a que vuelva y navegar
-    const url = r.data.url; let tries = 0;
-    const poll = async () => { tries++; try { const h = await fetch(BASE + '/api/hub'); if (h.ok && tries > 2) { location.href = url; return; } } catch (e) {} if (tries < 40) setTimeout(poll, 500); else err('el hub no volvió: abrí ' + url + ' a mano'); };
+    // el hub se regenera con la ruta nueva y se reinicia: esperar a que vuelva y navegar
+    const url = HUB_BASE + r.data.url; let tries = 0;
+    const poll = async () => { tries++; try { const h = await fetch('/api/hub'); if (h.ok && tries > 2) { location.href = url; return; } } catch (e) {} if (tries < 40) setTimeout(poll, 500); else err('el hub no volvió: abrí ' + url + ' a mano'); };
     setTimeout(poll, 1200);
   };
-  f('path').focus();
 }
 if ($('#wsPill')) { $('#wsPill').onclick = () => openWorkspaces(); paintWorkspacePill(); }

package/web.syn

@@ -138,11 +138,29 @@ serve on 8080
     auth with check_client
     static "./public"
 
-    -- standalone (sin hub: docker, `synsema serve web.syn`): la UI vive igual bajo /w/<slug> (BASE en js/core.js)
-    route "GET /"
-        give redirect("/w/" + (when env("LAMPSON_WS", "") == "" then "local" otherwise env("LAMPSON_WS", "")))
+    -- la UI vive bajo /w/<slug> (BASE en js/core.js); si alguien entra por el puerto del proceso, es lo mismo
+    -- Acceso DIRECTO por el puerto del proceso (sin X-Forwarded-Host, que solo agrega el hub al proxyear): la UI se
+    -- usa siempre por el hub → redirigir a http://127.0.0.1:8080/w/<slug>. Standalone sin hub (docker) no hay
+    -- LAMPSON_WS y se sirve acá mismo.
     route "GET /w/:slug"
+        let h be headers of request
+        when env("LAMPSON_WS", "") != "" and not contains(h, "x-forwarded-host")
+            give redirect("http://127.0.0.1:8080/w/" + params.slug)
         give html(read_file("public/index.html"))
+    route "GET /"
+        when env("LAMPSON_WS", "") == ""
+            give redirect("/w/local")
+        give redirect("http://127.0.0.1:8080/w/" + env("LAMPSON_WS", ""))
+    route "GET /api/hub"
+        proxy to "http://127.0.0.1:8080"
+    route "GET /api/workspaces"
+        proxy to "http://127.0.0.1:8080"
+    route "GET /api/workspaces/*path"
+        proxy to "http://127.0.0.1:8080"
+    route "POST /api/workspaces"
+        proxy to "http://127.0.0.1:8080"
+    route "POST /api/workspaces/*path"
+        proxy to "http://127.0.0.1:8080"
 
     -- salud para el hub/supervisor y la terminal (último uso = chat, terminal, eventos o abrir la UI)
     route "GET /w/:slug/api/health"