lampson 0.1.2 → 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/lib/ui.syn

@@ -0,0 +1,161 @@
+-- lib/ui.syn — una sola paleta y medidas de texto para la terminal (md.syn, diff.syn, line.syn, chat.syn)
+--   Colores: dim/blue/green/red/yellow/cyan/bold/inv (+ fondos bg_add/bg_del para diffs). color=false → texto plano.
+--   width(s)      ancho visible (sin escapes; emoji/CJK cuentan 2)
+--   cut(s, max)   corta a `max` columnas respetando escapes (y cierra el color)
+--   wrap(s, max, indent)  envuelve texto PLANO por palabras; las líneas siguientes llevan `indent`
+--   cols()        columnas de la terminal (el editor las publica en el blackboard "lampson:ui:cols"; 100 si no hay)
+--   fmt_duration(secs) → "12s" · "2m 27s" · "1h 03m"
+
+let ESC be decode(bytes("1b", "hex"))
+
+export task sgr(color, code, s)
+    when not color or s == ""
+        give s
+    give ESC + "[" + code + "m" + s + ESC + "[0m"
+
+export task dim(color, s)
+    give sgr(color, "2", s)
+export task bold(color, s)
+    give sgr(color, "1", s)
+export task inv(color, s)
+    give sgr(color, "7", s)
+export task blue(color, s)
+    give sgr(color, "34", s)
+export task cyan(color, s)
+    give sgr(color, "36", s)
+export task green(color, s)
+    give sgr(color, "32", s)
+export task red(color, s)
+    give sgr(color, "31", s)
+export task yellow(color, s)
+    give sgr(color, "33", s)
+-- fondos para diffs (256 colores: verde y rojo oscuros, legibles en tema claro y oscuro)
+export task bg_add(color, s)
+    give sgr(color, "48;5;22", s)
+export task bg_del(color, s)
+    give sgr(color, "48;5;52", s)
+
+-- ---------- medidas ----------
+
+-- punto de código de UN carácter a partir de sus bytes UTF-8
+task codepoint(ch)
+    let b be bytes(ch)
+    let n be length(b)
+    when n == 1
+        give b[0]
+    when n == 2
+        give (b[0] - 192) * 64 + (b[1] - 128)
+    when n == 3
+        give (b[0] - 224) * 4096 + (b[1] - 128) * 64 + (b[2] - 128)
+    give (b[0] - 240) * 262144 + (b[1] - 128) * 4096 + (b[2] - 128) * 64 + (b[3] - 128)
+
+-- ancho de un carácter en celdas: emoji, CJK y símbolos "wide" ocupan 2
+task char_width(ch)
+    let cp be codepoint(ch)
+    when cp < 4352
+        give 1
+    when cp >= 127744 and cp <= 129791
+        give 2
+    when cp >= 4352 and cp <= 4447
+        give 2
+    when cp >= 11904 and cp <= 42191
+        give 2
+    when cp >= 44032 and cp <= 55203
+        give 2
+    when cp >= 63744 and cp <= 64255
+        give 2
+    when cp >= 65040 and cp <= 65135
+        give 2
+    when cp >= 65280 and cp <= 65376
+        give 2
+    when cp >= 9800 and cp <= 9811
+        give 2
+    when cp == 9888 or cp == 9889 or cp == 9989 or cp == 10060 or cp == 11093
+        give 2
+    give 1
+
+export task width(s)
+    let t be strip_ansi(s)
+    let w be 0
+    let i be 0
+    let n be length(t)
+    while i < n
+        set w to w + char_width(slice(t, i, i + 1))
+        set i to i + 1
+    give w
+
+-- corta a `max` celdas visibles, saltando secuencias ANSI enteras; añade "…" si cortó y cierra el color
+export task cut(s, max)
+    when width(s) <= max
+        give s
+    let out be ""
+    let w be 0
+    let i be 0
+    let n be length(s)
+    let limit be max - 1
+    while i < n and w < limit
+        let ch be slice(s, i, i + 1)
+        when ch == ESC
+            -- copiar la secuencia CSI completa: ESC [ … letra
+            let j be i + 1
+            while j < n and not matches(slice(s, j, j + 1), "[A-Za-z]")
+                set j to j + 1
+            set out to out + slice(s, i, j + 1)
+            set i to j + 1
+        otherwise
+            let cw be char_width(ch)
+            when w + cw <= limit
+                set out to out + ch
+                set w to w + cw
+                set i to i + 1
+            otherwise
+                set i to n
+    give out + ESC + "[0m" + "…"
+
+-- envuelve texto plano (sin escapes) por palabras; give lista de líneas (sin indent en la primera)
+export task wrap(s, max, indent)
+    when max <= 10 or length(s) <= max
+        give [s]
+    let words be split(s, " ")
+    let lines be []
+    let cur be ""
+    let curw be 0
+    each w in words
+        let ww be width(w)
+        let room be when length(lines) == 0 then max otherwise max - length(indent)
+        when curw == 0
+            set cur to w
+            set curw to ww
+        otherwise when curw + 1 + ww <= room
+            set cur to cur + " " + w
+            set curw to curw + 1 + ww
+        otherwise
+            set lines to append(lines, (when length(lines) == 0 then "" otherwise indent) + cur)
+            set cur to w
+            set curw to ww
+    set lines to append(lines, (when length(lines) == 0 then "" otherwise indent) + cur)
+    give lines
+
+-- ---------- terminal ----------
+
+export task cols()
+    observe "lampson:ui:cols" as c
+    when c == nothing
+        give 100
+    give c
+
+export task set_cols(n)
+    share n as "lampson:ui:cols"
+    give n
+
+export task fmt_duration(secs)
+    let s be floor(secs)
+    when s < 60
+        give text(s) + "s"
+    when s < 3600
+        let m be floor(s / 60)
+        let r be s - m * 60
+        give text(m) + "m " + (when r < 10 then "0" otherwise "") + text(r) + "s"
+    let h be floor(s / 3600)
+    let m2 be floor((s - h * 3600) / 60)
+    give text(h) + "h " + (when m2 < 10 then "0" otherwise "") + text(m2) + "m"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lampson",
-  "version": "0.1.2",
+  "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; } }