lampson 0.1.3 → 0.1.4

package/lib/session.syn

@@ -72,7 +72,8 @@ export task list()
                 try
                     let d be load(id)
                     let title be when contains(d["meta"], "title") then d["meta"]["title"] otherwise ""
-                    let project be when contains(d["meta"], "project") then d["meta"]["project"] otherwise mine
+                    -- sin marca de proyecto (anteriores al 2026-08-27) → no se listan en ningún workspace (aparecían en todos)
+                    let project be when contains(d["meta"], "project") then d["meta"]["project"] otherwise ""
                     when project == mine
                         set out to append(out, {"id": id, "updated": d["updated"], "title": title})
                 recover err
@@ -81,6 +82,42 @@ export task list()
         give []
     give sort_by(out, (s) => 0 - number(replace_text(replace_text(s["id"], "-", ""), "test", "")))
 
+-- Búsqueda de texto en las sesiones de ESTE proyecto (título y contenido de los mensajes user/assistant):
+-- [{id, updated, title, snippet}] — snippet = el primer trozo donde aparece `q`. Vacío = todas (sin snippet).
+-- Lineal sobre los archivos (local, decenas o cientos de sesiones): suficiente; migrar a db si crece.
+export task search(q, limit)
+    require file.read(".lampson")
+    require file.read(".lampson/*")
+    require env("LAMPSON_*")
+    let needle be lower(trim(text(q)))
+    let out be []
+    each s in list()
+        when length(out) >= limit
+            give out
+        when needle == ""
+            set out to append(out, {"id": s["id"], "updated": s["updated"], "title": s["title"], "snippet": ""})
+        otherwise
+            let hit be nothing
+            when contains(lower(s["title"]), needle)
+                set hit to ""
+            otherwise
+                try
+                    let d be load(s["id"])
+                    each m in d["messages"]
+                        when hit == nothing and (m["role"] == "user" or m["role"] == "assistant") and text(m["content"]) == m["content"]
+                            let c be text(m["content"])
+                            let lc be lower(c)
+                            when contains(lc, needle)
+                                let pos be length(split(lc, needle)[0])
+                                let a be when pos > 60 then pos - 60 otherwise 0
+                                let b be when pos + length(needle) + 90 < length(c) then pos + length(needle) + 90 otherwise length(c)
+                                set hit to (when a > 0 then "…" otherwise "") + replace_text(replace_text(slice(c, a, b), "\r", ""), "\n", " ") + (when b < length(c) then "…" otherwise "")
+                recover err
+                    set hit to nothing
+            when hit != nothing
+                set out to append(out, {"id": s["id"], "updated": s["updated"], "title": s["title"], "snippet": hit})
+    give out
+
 -- Borrar una sesión (no hay delete_file en el runtime: se usa el shell del sistema sobre la ruta fija).
 export task delete(id)
     require exec

package/lib/settings.syn

@@ -68,3 +68,58 @@ export task set_default(name, model)
     set doc["model"] to model
     save(doc)
     give true
+
+-- valores de configuración generales (rueda de la UI): tz, public_url, webhook_url, webhook_secret…
+-- Vacío = borrar la clave. Nunca se devuelven secretos al navegador: `values()` marca webhook_secret como has_*.
+export let KEYS be ["tz", "public_url", "webhook_url", "webhook_secret"]
+
+-- el archivo REAL, ignorando LAMPSON_NO_CONFIG: escribir con el doc en blanco de los tests pisaría provider/keys
+-- (pasó el 2026-08-29 probando la rueda con un web de test)
+task load_raw()
+    try
+        let doc be json_decode(read_file(PATH))
+        when not contains(doc, "keys")
+            set doc["keys"] to {}
+        when not contains(doc, "provider")
+            set doc["provider"] to ""
+        when not contains(doc, "model")
+            set doc["model"] to ""
+        give doc
+    recover err
+        give {"provider": "", "model": "", "keys": {}}
+
+export task set_value(key, value)
+    require file(".lampson")
+    require file(".lampson/*")
+    require env("LAMPSON_*")
+    when not contains(KEYS, key)
+        raise("unknown setting '" + text(key) + "'")
+    let doc be load_raw()
+    when trim(text(value)) == ""
+        let clean be {}
+        each k in keys(doc)
+            when k != key
+                set clean[k] to doc[k]
+        set doc to clean
+    otherwise
+        set doc[key] to trim(text(value))
+    save(doc)
+    give true
+
+export task values()
+    require file.read(".lampson")
+    require file.read(".lampson/*")
+    require env("LAMPSON_*")
+    let doc be load_raw()
+    let out be {}
+    each k in KEYS
+        when k == "webhook_secret"
+            set out["has_webhook_secret"] to (contains(doc, k) and text(doc[k]) != "") or env("LAMPSON_WEBHOOK_SECRET", "") != ""
+        otherwise
+            set out[k] to when contains(doc, k) then text(doc[k]) otherwise ""
+            -- lo fijado en .env gana y se muestra como tal
+            let e be env("LAMPSON_" + upper(k), "")
+            when e != ""
+                set out[k] to e
+                set out[k + "_from_env"] to true
+    give out

package/lib/tools.syn

@@ -27,6 +27,7 @@ use "./skills.syn" as skills
 use "./mcp.syn" as mcp
 use "./lamps.syn" as lamps
 use "./lsp.syn" as lsp
+use "./schedule.syn" as schedule
 
 -- la task de la tool skill (su SPEC está en tools/skill.syn)
 task skill_tool(name, action, source, scope)
@@ -155,6 +156,96 @@ let LSP_SPEC be {
     }, "required": ["op"]}
 }
 
+-- la tool schedule (lib/schedule.syn): tareas programadas. add/remove/enable/run piden humano SIEMPRE (permission.syn):
+-- crear una tarea = autorizar de una vez todo lo que va a hacer sin nadie mirando. Las corridas las hace el daemon
+-- (web.syn); desde acá solo se corren en el acto las lamp/bash (una prompt anidaría un loop dentro del turno).
+task schedule_tool(action, id, name, at, kind, lamp, tool, args, command, prompt, agent, permission, approval_timeout, notify)
+    require exec
+    require time
+    require net
+    require env("LAMPSON_*")
+    require env("OS")
+    require file(".lampson")
+    require file(".lampson/*")
+    require file.read("lamps")
+    require file.read("lamps/*")
+    require file("workspace")
+    require file("workspace/*")
+    let act be when action == nothing then "list" otherwise action
+    when act == "add"
+        let a be {"type": kind}
+        when kind == "lamp"
+            set a to {"type": "lamp", "lamp": lamp, "tool": tool, "args": when args == nothing then {} otherwise args}
+        otherwise when kind == "bash"
+            set a to {"type": "bash", "command": command}
+        otherwise when kind == "prompt"
+            set a to {"type": "prompt", "prompt": prompt, "agent": when agent == nothing then "build" otherwise agent}
+        let spec be {"name": name, "when": at, "action": a, "permission": when permission == nothing then "ask" otherwise permission}
+        when approval_timeout != nothing
+            set spec["approval_timeout"] to approval_timeout
+        when notify != nothing
+            set spec["notify"] to notify
+        let t be schedule.add(spec)
+        give "scheduled '" + t["name"] + "' (id " + t["id"] + "): " + schedule.describe_plan(t["plan"]) + " (local time) · " + schedule.describe_action(t["action"]) + " · permission " + t["permission"] + " · next run " + schedule.fmt_local(t["next_run"]) + " — tell the user this next-run time as is. The run's report lands in a NEW session named ⏰ <name> (sidebar «Sesiones» / /sessions) and, if notify is set, in that webhook — NOT in this chat: say so. " + daemon_note()
+    when act == "remove"
+        give schedule.remove(id)
+    when act == "enable"
+        give schedule.set_enabled(id, true)
+    when act == "disable"
+        give schedule.set_enabled(id, false)
+    when act == "run"
+        let t be schedule.get(id)
+        when t == nothing
+            raise("no scheduled task '" + text(id) + "'")
+        when t["action"]["type"] == "prompt"
+            schedule.request_run(id)
+            give "run requested: it runs within " + text(schedule.TICK_SECONDS) + " s in the background and its report lands in a NEW session (⏰ " + t["name"] + "), not in this chat. " + daemon_note()
+        schedule.mark_started(t)
+        let started be now()
+        let out be schedule.run_simple(t)
+        schedule.record(t, started, when starts_with(out, "ERROR") or starts_with(out, "DENIED") then "error" otherwise "ok", out, {})
+        give out
+    when act == "log"
+        let tail be schedule.log_tail(id, 80)
+        give when tail == "" then "no runs yet for " + text(id) otherwise tail
+    let sm be schedule.summary()
+    when length(sm) == 0
+        give "no scheduled tasks. " + daemon_note()
+    let lines be []
+    each s in sm
+        set lines to append(lines, s["id"] + (when s["enabled"] then " ON " otherwise " off") + " · " + s["plan"] + " · " + s["action_text"] + " · permission " + s["permission"] + " · next " + s["next_local"] + (when s["last_run"] != nothing then " · last " + s["last_status"] + ": " + s["last_summary"] otherwise ""))
+    give join(lines, "\n") + "\n" + daemon_note()
+
+task daemon_note()
+    require time
+    require file(".lampson")
+    require file(".lampson/*")
+    let age be schedule.daemon_age()
+    when age == nothing or age > schedule.TICK_SECONDS * 3
+        give "NOTE: no scheduler is running right now (scheduled tasks run inside the web/daemon process): the user starts it with `lampson --daemon start` (or keeps `lampson --web` open)."
+    give "Scheduler alive (last tick " + text(floor(age)) + " s ago)."
+
+let SCHEDULE_SPEC be {
+    "name": "schedule",
+    "description": "Scheduled tasks: run something on a schedule with nobody watching — a lamp tool, a fixed shell command, or a full agent run from a prompt (kind=prompt: the agent works unattended with the chosen profile and writes a report; its session appears as ⏰ <name>). `at` formats — recurring: 'every 6h' | 'every 30m' | 'daily 09:00' | 'mon,wed 08:30' | 'weekdays 09:00'; ONE-TIME (runs once, then turns itself off): 'today 15:14' | 'tomorrow 09:00' | 'once 2026-08-29 15:14' | 'in 2h'. Times are the USER'S LOCAL time (the machine's timezone): write the hour exactly as the user says it — NEVER convert to UTC. Tasks belong to the current workspace. permission = what a prompt run may do without asking: strict (dangerous actions denied), ask (default: a dangerous action sends the user an approval link/notification and waits up to approval_timeout seconds, denied if unanswered), yolo (allowed). notify = optional webhook URL that receives the result as JSON (for 'search and send me' tasks). action=add ALWAYS asks the user (it authorizes future unattended runs); remove/enable/disable/run also ask; list and log do not. The tasks are executed by Lampson's resident process (`lampson --daemon start` or the open web UI) — say so if the list shows no scheduler running. Use it when the user says 'every day at', 'each N hours', 'on Mondays', 'periodically', 'remind me', 'send me'.",
+    "parameters": {"type": "object", "properties": {
+        "action": {"type": "string", "enum": ["list", "add", "remove", "enable", "disable", "run", "log"], "description": "Default: list"},
+        "id": {"type": "string", "description": "remove/enable/disable/run/log: the task id (from list)"},
+        "name": {"type": "string", "description": "add: short human name"},
+        "at": {"type": "string", "description": "add: the schedule — 'every 6h' | 'daily 09:00' | 'mon,wed 08:30' | 'weekdays 09:00'"},
+        "kind": {"type": "string", "enum": ["lamp", "bash", "prompt"], "description": "add: what runs"},
+        "lamp": {"type": "string", "description": "add kind=lamp: lamp name (must be ON)"},
+        "tool": {"type": "string", "description": "add kind=lamp: tool of that lamp"},
+        "args": {"type": "object", "description": "add kind=lamp: arguments for the tool"},
+        "command": {"type": "string", "description": "add kind=bash: the shell command (must finish on its own; no servers)"},
+        "prompt": {"type": "string", "description": "add kind=prompt: self-contained instructions for the unattended agent run (what to do, how to verify, what to report)"},
+        "agent": {"type": "string", "enum": ["build", "plan", "review", "explore"], "description": "add kind=prompt: profile (default build)"},
+        "permission": {"type": "string", "enum": ["strict", "ask", "yolo"], "description": "add: permission envelope for unattended runs (default ask)"},
+        "approval_timeout": {"type": "integer", "description": "add: seconds to wait for a remote approval (default 7200)"},
+        "notify": {"type": "string", "description": "add: webhook URL that receives each result as JSON"}
+    }, "required": ["action"]}
+}
+
 -- Allow-list nombre → task. El modelo solo devuelve NOMBRES; el loop decide si se ejecuta.
 export task registry()
     give {
@@ -171,10 +262,11 @@ export task registry()
         "skill": skill_tool,
         "mcp": mcp_tool,
         "lamp": lamp_tool,
-        "lsp": lsp_tool
+        "lsp": lsp_tool,
+        "schedule": schedule_tool
     }
 
-export let CATALOG be [t_read.SPEC, t_write.SPEC, t_edit.SPEC, t_ls.SPEC, t_find.SPEC, t_grep.SPEC, LSP_SPEC, t_bash.SPEC, t_process.SPEC, t_memo.SPEC, t_todo.SPEC, t_skill.SPEC, MCP_SPEC, LAMP_SPEC]
+export let CATALOG be [t_read.SPEC, t_write.SPEC, t_edit.SPEC, t_ls.SPEC, t_find.SPEC, t_grep.SPEC, LSP_SPEC, t_bash.SPEC, t_process.SPEC, t_memo.SPEC, t_todo.SPEC, t_skill.SPEC, MCP_SPEC, LAMP_SPEC, SCHEDULE_SPEC]
 
 -- Subconjuntos (para perfiles de agente): registry/catálogo filtrados por nombre.
 export task registry_subset(names)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lampson",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "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/chat.css

@@ -0,0 +1,56 @@
+/* chat: mensajes, pasos del agente, tarjeta de permiso, portada (hero) */
+/* mensajes: el del usuario es una nota al margen (como el blockquote de la doc), el del agente es prosa */
+.msg { margin:0 0 16px; }
+.user { margin:26px 0 16px; padding:.85em 1.1em; background:var(--paper-2); border-left:2px solid var(--accent); white-space:pre-wrap; font-size:15px; }
+.user::before { content:"vos"; display:block; font:400 10px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:6px; }
+.assistant { font-size:15px; line-height:1.62; }
+.assistant p { margin:0 0 .9em; }
+.assistant code { font:400 .86em/1.5 var(--mono); background:var(--paper-2); border-radius:2px; padding:.08em .3em; color:var(--ink); }
+.assistant pre { background:var(--paper-2); border:1px solid var(--rule); border-radius:var(--r); padding:14px 16px; overflow-x:auto; margin:1em 0; }
+.assistant pre code { background:none; padding:0; font-size:13px; line-height:1.62; }
+.assistant ul, .assistant ol { margin:0 0 .9em; padding-left:1.25em; }
+.assistant li { margin:.3em 0; }
+.assistant li::marker { color:var(--ink-3); }
+.assistant h1, .assistant h2, .assistant h3 { font:600 1.06rem/1.4 var(--serif); margin:1.4em 0 .5em; }
+.assistant b, .assistant strong { font-weight:600; }
+
+/* pasos del agente: maquinaria, en mono */
+.step { display:grid; grid-template-columns:16px 1fr; column-gap:8px; margin:0 0 7px 2px; font:400 12.5px/1.5 var(--mono); color:var(--ink-2); }
+.step .ic { text-align:center; color:var(--ink-3); }
+.step .ok { color:var(--str); }
+.step .bad { color:var(--rubric); }
+.step .name { color:var(--ink); }
+.step .cmd { white-space:pre-wrap; word-break:break-word; max-height:4.6em; overflow:hidden; }
+.step .cmd.open { max-height:none; }
+.step .more { color:var(--accent); cursor:pointer; font-size:11px; }
+.step details { grid-column:2; min-width:0; }
+.step summary { cursor:pointer; list-style:none; color:var(--ink-3); white-space:pre-wrap; word-break:break-word; max-height:3.2em; overflow:hidden; }
+.step summary::before { content:"→ "; }
+.step summary.bad { color:var(--rubric); }
+.step pre { margin:6px 0 4px; padding:10px 12px; background:var(--paper-2); border:1px solid var(--rule); border-radius:var(--r); white-space:pre-wrap; max-height:340px; overflow:auto; font-size:12px; color:var(--ink-2); }
+.denied { color:var(--rubric); font:400 12.5px/1.5 var(--mono); }
+.meta { color:var(--ink-3); font:400 11px/1 var(--mono); letter-spacing:.03em; margin:4px 0 20px 2px; }
+.working { display:flex; align-items:center; gap:8px; color:var(--ink-3); font:400 11.5px/1 var(--mono); margin:4px 0 14px 2px; }
+.working .dot { width:7px; height:7px; border-radius:50%; background:var(--accent); animation:pulse 1s infinite; }
+@keyframes pulse { 0%,100% { opacity:.25 } 50% { opacity:1 } }
+
+/* permisos: lo único en rubric */
+.approval .card { border:1px solid var(--rubric); border-radius:var(--r); padding:12px 14px; max-width:720px; }
+.approval .why { color:var(--rubric); font:600 12px/1.5 var(--mono); margin-bottom:6px; }
+.approval code { font:400 12.5px/1.5 var(--mono); display:block; background:var(--paper-2); padding:8px 10px; border-radius:2px; margin-bottom:10px; white-space:pre-wrap; }
+.approval .btns { display:flex; gap:8px; }
+
+/* ---- hero: el primer golpe de vista ---- */
+.empty { width:100%; max-width:1180px; margin:0 auto; color:var(--ink-2); }
+.empty .eyebrow { font:400 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; color:var(--rubric); margin:0 0 12px; }
+.empty h1 { font:600 2.1rem/1.15 var(--serif); letter-spacing:-.022em; color:var(--ink); margin:0 0 .4em; }
+.empty .lead { font-size:1.06rem; margin:0 0 26px; max-width:720px; }
+.empty .grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; }
+.empty .card { border:1px solid var(--rule); border-radius:var(--r); padding:14px 16px 12px; min-width:0; }
+.empty .card h3 { font:400 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.1em; color:var(--ink-3); margin:0 0 12px; }
+.empty .card p { margin:0 0 8px; font-size:13.5px; line-height:1.5; }
+.empty code { font:400 .88em/1.5 var(--mono); background:var(--paper-2); padding:.08em .3em; border-radius:2px; color:var(--ink); white-space:nowrap; }
+.empty .k { font:600 12px/1 var(--mono); color:var(--ink); margin-right:.3em; }
+.empty .try { cursor:pointer; color:var(--accent); }
+.empty .try:hover { text-decoration:underline; text-underline-offset:.18em; }
+@media (max-width:1400px) { .empty .grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }

package/public/css/layout.css

@@ -0,0 +1,97 @@
+/* layout: grid de tres columnas, cabecera, paneles laterales plegables, zona central (chat / visor / terminal), composer */
+/* ---- grid: cabecera arriba, panel izquierdo (todo lo operativo), chat, panel derecho (árbol) ---- */
+body { display:grid; grid-template-rows:auto 1fr; grid-template-columns:var(--side-l) 1fr var(--side-r); grid-template-areas:"top top top" "side main tree"; --side-l:var(--side); --side-r:var(--side); }
+body.l-closed { --side-l:40px; }
+body.r-closed { --side-r:40px; }
+
+/* ---- header: fila 1 quién/dónde, fila 2 contexto y cómo corre el agente ---- */
+header { grid-area:top; border-bottom:1px solid var(--rule); background:var(--paper); }
+.hrow { display:flex; align-items:center; gap:14px; padding:0 18px; height:44px; min-width:0; }
+.hrow.sub { height:32px; border-top:1px solid var(--rule); gap:12px; }
+.brand { font:600 14px/1 var(--mono); color:var(--ink); letter-spacing:-.01em; white-space:nowrap; }
+.brand .proj { color:var(--ink-3); font-weight:400; margin-left:.6em; }
+.hbtn { display:flex; align-items:center; gap:6px; font:600 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.09em; color:var(--ink-2); background:none; border:1px solid var(--rule-2); border-radius:2px; padding:7px 12px; cursor:pointer; }
+.hbtn:hover { color:var(--ink); border-color:var(--ink-3); }
+.hbtn.upd { color:var(--amber); border-color:var(--amber); }
+.hbtn.upd:hover { color:var(--ink); border-color:var(--ink); }
+.theme-toggle { display:flex; align-items:center; justify-content:center; background:none; border:0; color:var(--ink-3); cursor:pointer; padding:6px; border-radius:var(--r); line-height:0; }
+.theme-toggle:hover { color:var(--ink); background:var(--paper-2); }
+header select { font:400 11.5px/1 var(--mono); color:var(--ink-2); background:var(--paper); border:1px solid var(--rule); border-radius:var(--r); padding:5px 6px; cursor:pointer; }
+header select:hover { border-color:var(--rule-2); color:var(--ink); }
+.pill { font:400 11.5px/1 var(--mono); color:var(--ink-3); letter-spacing:.02em; white-space:nowrap; max-width:200px; overflow:hidden; text-overflow:ellipsis; flex:none; cursor:pointer; border-bottom:1px dashed transparent; }
+.pill:hover { color:var(--ink); border-bottom-color:var(--rule-2); }
+.pill.nokey { color:var(--rubric); }
+.pill.on { color:var(--accent); }
+
+.gitchip { display:none; align-items:center; gap:8px; font:400 11.5px/1 var(--mono); color:var(--ink-2); max-width:45%; flex:none; }
+.gitchip .br { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.gitchip b { font-weight:600; }
+.gitchip .w { color:var(--amber); } .gitchip .g { color:var(--str); } .gitchip .r { color:var(--rubric); } .gitchip .c { color:var(--ink-3); font-weight:400; }
+.hpath { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink-3); font:400 11.5px/1 var(--mono); }
+
+/* ---- paneles laterales: iguales, plegables (cerrado = barra angosta con su icono) ---- */
+aside { grid-area:side; position:relative; border-right:1px solid var(--rule); background:var(--paper); display:flex; flex-direction:column; min-height:0; overflow:hidden; }
+aside.right { grid-area:tree; border-right:0; border-left:1px solid var(--rule); }
+aside .rail { display:none; flex-direction:column; align-items:center; padding-top:10px; gap:8px; }
+aside .rail button, aside .fold { background:none; border:0; color:var(--ink-3); cursor:pointer; padding:5px; border-radius:var(--r); line-height:0; }
+aside .rail button:hover, aside .fold:hover { color:var(--ink); background:var(--paper-2); }
+aside .fold { position:absolute; top:7px; right:6px; z-index:2; }
+aside.right h2 { padding-right:56px; }
+aside:not(.right) > .sec:first-of-type h2 { padding-right:60px; }
+aside.closed .sec, aside.closed .fold { display:none; }
+aside.closed .rail { display:flex; }
+
+/* ---- main ---- */
+main { grid-area:main; display:grid; grid-template-rows:1fr auto; min-height:0; min-width:0; background:var(--paper); }
+#stage { overflow:auto; min-height:0; }
+#log { padding:26px 40px 30px; max-width:920px; }
+#log.hero { max-width:none; min-height:100%; display:flex; align-items:center; padding:20px 40px; }
+#viewer { display:none; padding:0; }
+.vh { position:sticky; top:0; display:flex; gap:12px; align-items:center; padding:9px 16px; background:var(--paper-3); border-bottom:1px solid var(--rule); font:400 11.5px/1 var(--mono); color:var(--ink-3); letter-spacing:.03em; }
+.vh b { color:var(--ink); font-weight:400; }
+.vh .x { cursor:pointer; color:var(--ink-3); }
+.vh .x:hover { color:var(--ink); }
+#viewer pre { margin:0; padding:14px 18px; font:400 12.5px/1.62 var(--mono); tab-size:4; }
+#viewer pre .ln { display:inline-block; width:4ch; margin-right:16px; color:var(--ink-3); text-align:right; user-select:none; }
+#viewer pre.log { color:var(--ink-2); white-space:pre-wrap; }
+/* terminal real (xterm.js sobre un pty del servidor) — ocupa la zona central como un archivo abierto */
+#termpane { display:none; height:100%; flex-direction:column; }
+#termpane .vh { position:static; }
+#termpane .vh .st { width:7px; height:7px; border-radius:50%; background:var(--ink-3); }
+#termpane.live .vh .st { background:var(--str); }
+#xterm { flex:1; min-height:0; padding:10px 14px; background:var(--paper); }
+#xterm .xterm { height:100%; }
+#xterm .xterm-viewport { background:transparent !important; }
+
+/* ---- composer ---- */
+form { padding:12px 40px 12px; border-top:1px solid var(--rule); background:var(--paper); box-sizing:border-box; width:100%; max-width:100%; min-width:0; }
+main > div { min-width:0; }
+.composer { background:var(--paper-2); border:1px solid var(--rule); border-radius:var(--r); padding:10px 10px 8px 14px; transition:border-color .12s, box-shadow .12s; }
+.composer:focus-within { border-color:var(--rule-2); box-shadow:0 0 0 3px var(--accent-bg); }
+textarea { display:block; width:100%; resize:none; min-height:40px; max-height:220px; background:transparent; color:var(--ink); border:0; padding:2px 0; font:400 15px/1.55 var(--serif); }
+textarea::placeholder { color:var(--ink-3); }
+textarea:focus { outline:none; }
+.crow { display:flex; align-items:center; gap:10px; margin-top:6px; min-width:0; }
+.crow .tools { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.crow .keys, .crow button { flex:none; }
+/* imágenes pegadas: miniaturas en el composer y en el mensaje */
+.attach { display:flex; gap:8px; flex-wrap:wrap; }
+.attach:not(:empty) { margin:2px 0 8px; }
+.attach .th, .user .th { position:relative; width:72px; height:72px; border:1px solid var(--rule); border-radius:var(--r); overflow:hidden; background:var(--paper-3); }
+.attach .th img, .user .th img { width:100%; height:100%; object-fit:cover; display:block; }
+.attach .th .rm { position:absolute; top:2px; right:2px; width:18px; height:18px; border-radius:50%; background:var(--paper); color:var(--ink-2); font:600 11px/18px var(--mono); text-align:center; cursor:pointer; border:1px solid var(--rule-2); }
+.attach .th .rm:hover { color:var(--rubric); }
+.attach .th .sz { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.55); color:#fff; font:400 9.5px/1.4 var(--mono); text-align:center; }
+.user .ims { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
+.user .th { width:120px; height:90px; cursor:zoom-in; }
+.composer.drop { border-color:var(--accent); }
+.attach .novision { flex-basis:100%; color:var(--amber); font:400 11.5px/1.5 var(--mono); }
+.crow .tools { color:var(--ink-3); font:400 11px/1 var(--mono); letter-spacing:.03em; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.crow .keys { color:var(--ink-3); font:400 10.5px/1 var(--mono); letter-spacing:.03em; }
+#send { width:34px; height:30px; padding:0; font-size:15px; display:inline-flex; align-items:center; justify-content:center; }
+#stop { color:var(--rubric); border-color:var(--rubric); display:none; height:30px; }
+form.busy #send { display:none; } form.busy #stop { display:inline-flex; align-items:center; gap:6px; }
+.hint { display:none; }
+
+@media (max-width:900px) { body { grid-template-columns:1fr; grid-template-areas:"top" "main"; } aside { display:none; } #log, form { padding-left:20px; padding-right:20px; } }
+@media (prefers-reduced-motion:reduce) { *, *::before, *::after { transition:none !important; animation:none !important; } }

package/public/css/panel.css

@@ -0,0 +1,125 @@
+/* panel: EL componente modal de la app (js/panel.js). Un cascarón (overlay, cabecera, ✕/Esc/clic afuera) y
+   tres layouts: browse (buscador + lista + detalle), tabs (pestañas con formularios) y form (un formulario).
+   Cada vista (sesiones, lámparas, configuración, programar…) solo aporta su contenido; nada de esto se repite. */
+.modal { position:fixed; inset:0; background:rgba(0,0,0,.45); display:flex; align-items:center; justify-content:center; z-index:50; }
+.panel { background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--r); box-shadow:0 10px 30px rgba(0,0,0,.35); display:flex; flex-direction:column; min-height:0; max-height:92vh; }
+.panel.lg { width:min(1100px, 94vw); height:min(760px, 90vh); padding:14px 18px 12px; }
+.panel.md { width:min(680px, 94vw); padding:14px 18px 12px; }
+.panel.sm { width:min(560px, 92vw); padding:14px 18px 12px; }
+
+/* cabecera */
+.panel .phead { display:flex; align-items:center; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--rule); flex:none; }
+.panel .phead .eyebrow { font:400 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; color:var(--rubric); margin:0; }
+.panel .phead h3 { margin:0; font:600 16px/1.2 var(--serif); letter-spacing:-.01em; }
+.panel .phead .sub { color:var(--ink-3); font:400 11.5px/1 var(--mono); }
+.panel .pghost { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; margin:0; font:400 13px/1 var(--mono); letter-spacing:0; text-transform:none; border:1px solid var(--rule); border-radius:var(--r); background:transparent; color:var(--ink-3); cursor:pointer; }
+.panel .pghost:hover { color:var(--ink); border-color:var(--rule-2); }
+.panel .pghost + .pghost { margin-left:6px; }
+
+/* pestañas */
+.panel .ptabs { display:flex; gap:2px; border-bottom:1px solid var(--rule); margin:0 0 14px; flex:none; }
+.panel .ptab { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); padding:10px 12px 8px; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; }
+.panel .ptab:hover { color:var(--ink); }
+.panel .ptab.on { color:var(--accent); border-bottom-color:var(--accent); }
+
+/* cuerpo genérico (form / tabs): prosa y campos con la gramática de la app */
+.panel .pbody { flex:1; min-height:0; overflow:auto; padding:14px 2px 4px; }
+.panel .lead { color:var(--ink-2); margin:0 0 16px; font-size:14px; }
+.panel .lead code, .panel .phelp code { font:400 .88em/1.5 var(--mono); background:var(--paper-2); padding:.08em .3em; border-radius:2px; color:var(--ink); }
+.panel label { display:flex; align-items:center; gap:12px; font:400 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.1em; color:var(--ink-3); margin:0 0 10px; }
+.panel label.col { flex-direction:column; align-items:stretch; gap:4px; }
+.panel label .ds { display:block; color:var(--ink-3); font:400 11.5px/1.4 var(--serif); text-transform:none; letter-spacing:0; margin-top:2px; }
+.panel input, .panel select, .panel textarea { flex:1; font:400 13px/1.4 var(--mono); color:var(--ink); background:var(--paper-2); border:1px solid var(--rule); border-radius:var(--r); padding:7px 10px; min-width:0; }
+.panel input:focus, .panel select:focus, .panel textarea:focus { outline:none; border-color:var(--rule-2); box-shadow:0 0 0 3px var(--accent-bg); }
+.panel input[disabled] { opacity:.55; }
+.panel textarea { width:100%; resize:vertical; font:400 12.5px/1.45 var(--mono); }
+.panel .pfoot { display:flex; gap:8px; align-items:center; margin-top:14px; flex:none; }
+.panel .err { color:var(--rubric); font:400 12px/1.4 var(--mono); min-height:14px; }
+.panel .plist { border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); max-height:40vh; overflow:auto; margin:0 0 14px; }
+.panel .plist .pr { display:flex; align-items:center; gap:10px; padding:7px 10px; cursor:pointer; font:400 12.5px/1.4 var(--mono); color:var(--ink-2); border-left:2px solid transparent; }
+.panel .plist .pr:hover { color:var(--ink); }
+.panel .plist .pr.on { color:var(--ink); border-left-color:var(--accent); background:var(--paper-2); }
+.panel .plist .pr b { width:110px; font-weight:600; color:var(--ink); }
+.panel .plist .pr .dm { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink-3); }
+.panel .plist .pr .k { font-size:11px; color:var(--str); }
+.panel .plist .pr .k.no { color:var(--ink-3); }
+
+/* browse: lista a la izquierda (buscador, filas, contador), detalle a la derecha. Un scroll por columna, nunca horizontal. */
+.panel .browse { flex:1; min-height:0; display:grid; grid-template-columns:var(--list-w, 300px) minmax(0,1fr); }
+.panel .blist { display:flex; flex-direction:column; border-right:1px solid var(--rule); padding:10px 12px 8px 0; min-height:0; min-width:0; }
+.panel .blist input { flex:none; height:30px; font:400 12px/1.4 var(--mono); background:transparent; padding:0 8px; margin:0 0 8px; width:100%; }
+.panel .bitems { flex:1; overflow-y:auto; overflow-x:hidden; min-height:0; }
+.panel .bcount { color:var(--ink-3); font:400 11px/1 var(--mono); padding-top:8px; border-top:1px solid var(--rule); flex:none; }
+.panel .bdetail { overflow-y:auto; overflow-x:hidden; min-height:0; min-width:0; padding:12px 6px 8px 18px; font:400 12.5px/1.5 var(--mono); }
+.panel .bempty { color:var(--ink-3); font:400 12.5px/1.5 var(--serif); padding:8px; }
+.panel .li { display:grid; grid-template-columns:14px minmax(0,1fr); gap:8px; align-items:start; padding:7px 8px; border-radius:var(--r); cursor:pointer; font:400 12px/1.35 var(--mono); min-width:0; }
+.panel .li.nodot { grid-template-columns:minmax(0,1fr); }
+.panel .li > div { min-width:0; }
+.panel .li:hover { background:var(--paper-2); }
+.panel .li.sel { background:var(--paper-2); box-shadow:inset 2px 0 0 var(--accent); }
+.panel .li .dot { color:var(--ink-3); margin-top:1px; }
+.panel .li.on .dot { color:var(--accent); }
+.panel .li.bad .dot { color:var(--rubric); }
+.panel .li.new .nm { color:var(--accent); font-weight:400; }
+.panel .dform label { margin-top:10px; }
+.panel .dform .lead { margin:8px 0 12px; }
+.panel .dform .pfoot { margin-top:16px; }
+.panel .derr { color:var(--rubric); font:400 12px/1.4 var(--mono); min-height:14px; margin-top:6px; }
+.panel .dlog { margin-top:12px; max-height:38vh; overflow:auto; font:400 11.5px/1.45 var(--mono); border:1px solid var(--rule); border-radius:var(--r); padding:8px; white-space:pre-wrap; color:var(--ink-2); }
+.panel .li.broken .dot { color:var(--rubric); }
+.panel .li .nm { color:var(--ink); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.panel .li .nm.serif { font:400 13px/1.35 var(--serif); }
+.panel .li .meta { color:var(--ink-3); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.panel .li .snip { color:var(--ink-2); font:400 12px/1.4 var(--serif); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.panel mark { background:transparent; color:var(--accent); font-weight:600; }
+
+/* piezas de detalle que comparten las vistas */
+.panel .dhead { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
+.panel .dhead .nm { font:600 18px/1.2 var(--mono); color:var(--ink); }
+.panel .dhead .nm.serif { font:600 16px/1.3 var(--serif); }
+.panel .dhead .meta { color:var(--ink-3); font-size:11.5px; }
+.panel .ddesc { color:var(--ink-2); font:400 13px/1.5 var(--serif); margin:8px 0 4px; max-width:70ch; }
+.panel .dcap { color:var(--ink-3); font-size:11.5px; margin-bottom:12px; word-break:break-all; }
+.panel .dcap b { color:var(--rubric); font-weight:600; }
+.panel .dcap.err { color:var(--rubric); }
+.panel .dnote { color:var(--ink-3); font:400 12px/1.5 var(--serif); border:1px dashed var(--rule-2); border-radius:var(--r); padding:8px 10px; margin:8px 0 12px; }
+.panel .dacts { display:flex; gap:8px; margin-top:12px; }
+.panel .dacts button { font:400 12px/1 var(--mono); padding:6px 12px; }
+.panel .dfoot { display:flex; align-items:center; gap:12px; margin-top:14px; padding-top:10px; border-top:1px solid var(--rule); color:var(--ink-3); font-size:11.5px; }
+.panel .dfoot .del { margin-left:auto; cursor:pointer; color:var(--rubric); }
+.panel .dfoot .del.ask .yes { color:var(--rubric); cursor:pointer; font-weight:600; }
+.panel .dfoot .del.ask .no { cursor:pointer; }
+.panel .none { color:var(--ink-3); font:400 13px/1.6 var(--serif); max-width:520px; }
+/* switch encendido/apagado (lámparas) */
+.panel label.sw { display:inline-flex; align-items:center; margin:0 0 0 auto; gap:6px; cursor:pointer; user-select:none; font:400 11.5px/1 var(--mono); text-transform:none; letter-spacing:0; color:var(--ink-3); }
+.panel label.sw input { flex:none; width:16px; height:16px; padding:0; margin:0; accent-color:var(--accent); }
+.panel label.sw.on { color:var(--accent); }
+/* formulario generado desde un JSON Schema (tools de una lámpara) */
+.panel .tool { border:1px solid var(--rule); border-radius:var(--r); padding:10px 12px; margin-bottom:10px; }
+.panel .tool .th { display:grid; grid-template-columns:auto 1fr auto; gap:8px 10px; align-items:baseline; }
+.panel .tool .th code { font-weight:600; color:var(--ink); }
+.panel .tool .th .ds { color:var(--ink-3); font:400 12px/1.4 var(--serif); }
+.panel label.lf { display:grid; grid-template-columns:120px minmax(0,1fr); gap:2px 10px; align-items:center; margin:8px 0 0; font:400 12px/1.4 var(--mono); text-transform:none; letter-spacing:0; color:var(--ink); }
+.panel label.lf .lk { color:var(--ink); }
+.panel label.lf .req { color:var(--rubric); font-size:10.5px; }
+.panel label.lf .ds { grid-column:2; color:var(--ink-3); font:400 11.5px/1.4 var(--serif); }
+.panel label.lf input, .panel label.lf select, .panel label.lf textarea { flex:none; width:100%; max-width:420px; padding:4px 6px; font:400 12px/1.4 var(--mono); background:transparent; }
+.panel label.lf textarea { grid-column:2; min-height:56px; }
+.panel .tool .go { margin-top:10px; display:flex; align-items:center; gap:10px; }
+.panel .tool .go button { font:400 12px/1 var(--mono); padding:5px 10px; }
+.panel .tool .go .st { color:var(--ink-3); font-size:11.5px; }
+.panel .tool pre.out { margin-top:8px; max-height:38vh; overflow:auto; font:400 11.5px/1.45 var(--mono); border:1px solid var(--rule); border-radius:var(--r); padding:8px; white-space:pre-wrap; }
+/* conversación resumida (sesiones) */
+.panel .dmsgs { margin-top:12px; display:flex; flex-direction:column; gap:8px; }
+.panel .dmsg { border-left:2px solid var(--rule-2); padding:2px 0 2px 10px; font:400 12.5px/1.5 var(--serif); color:var(--ink-2); white-space:pre-wrap; word-break:break-word; }
+.panel .dmsg.dm-user { border-left-color:var(--accent); color:var(--ink); }
+.panel .dmsg.dm-bad { border-left-color:var(--rubric); }
+.panel .dmsg .who a { color:var(--accent); text-decoration:none; }
+.panel .dmsg .who { font:400 10.5px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); display:block; margin-bottom:3px; }
+/* ayuda («?»): prosa a lo ancho, reemplaza al cuerpo */
+.panel .phelp { flex:1; min-height:0; overflow:auto; padding:16px 24px 8px 6px; font:400 13.5px/1.6 var(--serif); color:var(--ink-2); }
+.panel .phelp h4 { margin:0 0 8px; font:600 15px/1.3 var(--serif); color:var(--ink); }
+.panel .phelp b { color:var(--ink); font-weight:600; }
+.panel .phelp p { margin:0 0 12px; max-width:78ch; }
+.panel .phelp ul { margin:0 0 16px 20px; padding:0; display:grid; gap:4px; max-width:78ch; }
+.panel .phelp button { text-transform:none; letter-spacing:0; font:400 12px/1 var(--mono); padding:6px 10px; }

package/public/css/sidebar.css

@@ -0,0 +1,80 @@
+/* sidebar: secciones acordeón y las filas de cada una */
+/* secciones colapsables; el activo es una muesca en la regla, no una caja */
+.sec { display:flex; flex-direction:column; min-height:0; flex:none; overflow:hidden; }
+.sec + .sec { border-top:1px solid var(--rule); }
+.sec h2 { font:400 10.5px/1.35 var(--mono); text-transform:uppercase; letter-spacing:.1em; color:var(--ink-3); margin:0; padding:12px 16px 8px; display:flex; align-items:center; gap:8px; cursor:pointer; user-select:none; flex:none; }
+.sec h2:hover { color:var(--ink); }
+.sec .caret { width:9px; font-size:9px; color:var(--ink-3); }
+.sec h2 .h2act { margin-left:auto; border:0; background:none; color:var(--ink-3); font:inherit; font-size:12px; cursor:pointer; padding:0 2px; line-height:1; opacity:.6; }
+.sec h2 .h2act:hover { opacity:1; color:var(--accent); }
+.sec h2 .h2act.spin { animation: h2spin .6s linear; }
+@keyframes h2spin { to { transform: rotate(360deg); } }
+.sec .cnt { margin-left:auto; letter-spacing:0; text-transform:none; }
+.sec .body { display:none; overflow:auto; min-height:0; padding:0 10px 10px 16px; }
+.sec.open .body { display:block; }
+.sec:not(.grow).open .body { max-height:22vh; }
+.sec.grow.open { flex:1; }
+.sec.grow.open .body { flex:1; }
+#tree { font:400 12.5px/1.5 var(--mono); }
+.node { user-select:none; }
+.row { display:flex; align-items:center; gap:6px; padding:3px 6px 3px 8px; cursor:pointer; color:var(--ink-2); white-space:nowrap; margin-left:-1px; border-left:2px solid transparent; }
+.row:hover { color:var(--ink); }
+.row.dir { color:var(--ink); }
+.row .tw { width:9px; color:var(--ink-3); font-size:9px; }
+.row.active { color:var(--ink); font-weight:600; border-left-color:var(--accent); }
+.row.gM > span:nth-child(2) { color:var(--amber); }
+.row.gA > span:nth-child(2), .row.gU > span:nth-child(2) { color:var(--str); }
+.row.gD > span:nth-child(2) { color:var(--rubric); text-decoration:line-through; }
+.row .gs { margin-left:auto; font-size:10px; color:var(--ink-3); }
+.kids { margin-left:12px; border-left:1px solid var(--rule); }
+.kids.hidden { display:none; }
+.s, .m, .p { display:flex; align-items:center; gap:8px; padding:4px 6px 4px 8px; cursor:pointer; color:var(--ink-2); font:400 12.5px/1.5 var(--mono); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:-1px; border-left:2px solid transparent; }
+.s:hover, .m:hover, .p:hover { color:var(--ink); }
+.s.active, .m.active, .p.active { color:var(--ink); border-left-color:var(--accent); }
+.s .title { overflow:hidden; text-overflow:ellipsis; font-family:var(--serif); font-size:13px; }
+.s .id { color:var(--ink-3); font-size:11px; flex:none; }
+.m b { color:var(--ink); font-weight:600; flex:none; }
+.m .t { overflow:hidden; text-overflow:ellipsis; font-family:var(--serif); font-size:13px; }
+.p .st { width:7px; height:7px; border-radius:50%; background:var(--ink-3); flex:none; }
+.p.run .st { background:var(--str); }
+.p .nm { font-weight:600; color:var(--ink); }
+.p .cm { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
+.p .port { color:var(--amber); font-weight:600; text-decoration:none; flex:none; }
+.p .port:hover { text-decoration:underline; text-underline-offset:.18em; }
+.p button { padding:1px 7px; font-size:10px; }
+.none { color:var(--ink-3); cursor:default; }
+.none:hover { color:var(--ink-3); }
+
+/* filas de tareas programadas y aprobaciones */
+.p.sched { flex-wrap:wrap; }
+.p.sched .st.on { background:var(--accent); }
+.p.sched .st.busy { background:var(--amber); animation: pulse 1s ease-in-out infinite; }
+.p.sched .st.bad { background:var(--rubric); }
+.p.sched .sub { flex-basis:100%; color:var(--ink-3); font-size:10.5px; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.p.sched .act { margin-left:auto; display:inline-flex; gap:2px; visibility:hidden; }
+.p.sched:hover .act, .p.sched .act.ask { visibility:visible; }
+.p.sched .act span { color:var(--ink-3); font-size:11px; padding:0 4px; cursor:pointer; }
+.p.sched .act span:hover { color:var(--accent); }
+.p.sched .act span.rm:hover { color:var(--rubric); }
+.p.appr { flex-wrap:wrap; cursor:default; }
+.p.appr .msg { flex-basis:100%; color:var(--ink); font-size:11.5px; white-space:pre-wrap; padding-left:15px; }
+.p.appr .why { flex-basis:100%; color:var(--rubric); font-size:10.5px; padding-left:15px; }
+.p.appr .btns { flex-basis:100%; display:flex; gap:6px; padding:4px 0 2px 15px; }
+.p.appr .btns button { padding:2px 9px; font-size:11px; }
+.sec .daemon { font:400 10.5px/1.5 var(--mono); color:var(--ink-3); padding:2px 0 4px; }
+.sec .daemon.off { color:var(--rubric); }
+@keyframes pulse { 0%,100% { opacity:1 } 50% { opacity:.35 } }
+
+.s.more { color:var(--accent); }
+
+/* ✕ → «¿borrar? sí · no» en línea */
+.s .del { margin-left:auto; color:var(--ink-3); visibility:hidden; font-size:11px; padding:0 4px; }
+.s:hover .del { visibility:visible; }
+.s .del:hover { color:var(--rubric); }
+.p .del { margin-left:auto; color:var(--ink-3); visibility:hidden; font-size:11px; padding:0 4px; cursor:pointer; }
+.p:hover .del { visibility:visible; }
+.p .del:hover { color:var(--rubric); }
+.del.ask, .s:hover .del.ask { visibility:visible; color:var(--ink-2); font:400 11px/1.4 var(--mono); white-space:nowrap; }
+.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; }