codedeck 0.4.0 → 0.4.2

package/dist/web/canvas-page.js

@@ -50,7 +50,7 @@ export const CANVAS_PAGE = `<!doctype html>
   #feed li.fresh { color: #f5f5f7; }
   @keyframes feedIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; } }
   #hint { left: 50%; transform: translateX(-50%); bottom: 16px; font-size: 12px; color: #98989f; white-space: nowrap; }
-  #detail { position: fixed; top: 0; right: 0; bottom: 0; width: min(360px, 92vw); z-index: 20;
+  #detail { position: fixed; top: 0; right: 0; bottom: 0; width: min(400px, 94vw); z-index: 20;
     background: rgba(10, 12, 16, 0.92); border-left: 1px solid rgba(255,255,255,0.1);
     backdrop-filter: blur(14px); padding: 18px; overflow-y: auto; display: none; }
   #detail.open { display: block; }
@@ -69,6 +69,28 @@ export const CANVAS_PAGE = `<!doctype html>
     border: 1px solid rgba(255,255,255,0.12); background: transparent; color: #98989f;
     cursor: pointer; font-size: 14px; line-height: 1; font-family: inherit; }
   #detailClose:hover { color: #f5f5f7; border-color: rgba(255,255,255,0.25); }
+  #dChat { border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 10px; max-height: 52vh; min-height: 140px; overflow-y: auto; display: flex; flex-direction: column; gap: 9px; }
+  /* Scroll fino escuro no painel e no chat (Firefox + WebKit): o padrao
+     claro do SO quebra o tema escuro da pagina. */
+  #detail, #dChat { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.24) transparent; }
+  #detail::-webkit-scrollbar, #dChat::-webkit-scrollbar { width: 10px; }
+  #detail::-webkit-scrollbar-track, #dChat::-webkit-scrollbar-track { background: transparent; }
+  #detail::-webkit-scrollbar-thumb, #dChat::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.18); border-radius: 8px; border: 3px solid transparent; background-clip: content-box; }
+  #detail::-webkit-scrollbar-thumb:hover, #dChat::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,0.32); }
+  #dChat .msg { font-size: 12.5px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; padding: 7px 9px; border-radius: 9px; }
+  #dChat .msg .who { display: block; font-size: 10.5px; letter-spacing: 0.04em; color: #98989f; margin-bottom: 2px; }
+  #dChat .msg.user { background: rgba(10,132,255,0.16); }
+  #dChat .msg.assistant { background: rgba(255,255,255,0.05); }
+  #dChat .evt { font-size: 11.5px; color: #636366; }
+  #dChat .empty { color: #636366; font-size: 12px; }
+  #dSend { display: flex; gap: 8px; margin-top: 10px; }
+  #dSendText { flex: 1; min-width: 0; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; color: #f5f5f7; padding: 8px 10px; font-size: 12.5px; font-family: inherit; }
+  #dSendText:focus { outline: none; border-color: rgba(255,255,255,0.3); }
+  #dSendText:disabled { opacity: 0.4; }
+  #dSendBtn, #dArchive { border: 1px solid rgba(255,255,255,0.14); background: rgba(10,132,255,0.25); color: #f5f5f7; border-radius: 10px; padding: 8px 12px; cursor: pointer; font-family: inherit; font-size: 12.5px; }
+  #dSendBtn:disabled, #dArchive:disabled { opacity: 0.4; cursor: default; }
+  #dArchive { width: 100%; margin-top: 8px; }
+  #dSendMsg { font-size: 11.5px; color: #98989f; margin: 6px 0 0; min-height: 15px; }
   .node { position: absolute; width: 196px; background: #13161c; border: 1px solid rgba(255,255,255,.09);
     border-radius: 14px; padding: 11px 13px; pointer-events: auto; cursor: grab; user-select: none;
     box-shadow: 0 8px 28px rgba(0,0,0,.45); }
@@ -105,8 +127,14 @@ export const CANVAS_PAGE = `<!doctype html>
   <h2 id="dTitle"></h2>
   <p class="dsub" id="dSub"></p>
   <dl id="dRows"></dl>
-  <h3>HISTÓRICO</h3>
-  <ul id="dHist"></ul>
+  <h3>CONVERSA</h3>
+  <div id="dChat"></div>
+  <form id="dSend">
+    <input id="dSendText" type="text" autocomplete="off" placeholder="mensagem para esta sessão">
+    <button id="dSendBtn" type="submit">Enviar</button>
+  </form>
+  <p id="dSendMsg" role="status"></p>
+  <button id="dArchive" type="button" style="display:none">Marcar como concluída</button>
 </aside>
 <script>
 "use strict";
@@ -114,10 +142,11 @@ var LOGO_ANTHROPIC = '<svg viewBox="0 0 24 24"><path d="M17.304 3.541h-3.672l6.6
 var LOGO_OPENAI = '<svg viewBox="0 0 24 24"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/></svg>';
 var LOGO_TERM = '<svg viewBox="0 0 24 24" fill="none" stroke="#f5f5f7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="4" width="19" height="16" rx="4"/><path d="M7 9.5l3 3-3 3M12.5 15.5H17"/></svg>';
 var LOGO_ORCH = '<svg viewBox="0 0 24 24" fill="none" stroke="#0a84ff" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="5" r="2.4" fill="#0a84ff" stroke="none"/><circle cx="5" cy="19" r="2.4" fill="#0a84ff" stroke="none"/><circle cx="19" cy="19" r="2.4" fill="#0a84ff" stroke="none"/><path d="M12 7.5 5.8 16.7M12 7.5l6.2 9.2M7.4 19h9.2"/></svg>';
+var LOGO_OPENCODE = '<svg viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16 6H8v12h8V6zm4 16H4V2h16v20z"/></svg>';
 function logoFor(agent) {
   if (agent === "claude") return LOGO_ANTHROPIC;
   if (agent === "codex") return LOGO_OPENAI;
-  if (agent === "opencode") return LOGO_ORCH;
+  if (agent === "opencode") return LOGO_OPENCODE;
   return LOGO_TERM;
 }
 var AGENT_NAME = { claude: "Claude", codex: "Codex", opencode: "OpenCode", omp: "OMP", antigravity: "Antigravity" };
@@ -253,7 +282,7 @@ function makeNodeEl(n) {
   row.className = "row";
   var logo = document.createElement("span");
   logo.className = "logo";
-  logo.innerHTML = logoFor(n.agent);
+  logo.innerHTML = n.isOrch ? LOGO_ORCH : logoFor(n.agent);
   row.appendChild(logo);
   var dot = document.createElement("i");
   row.appendChild(dot);
@@ -267,13 +296,14 @@ function makeNodeEl(n) {
   var act = document.createElement("div");
   act.className = "act";
   el.appendChild(act);
-  n.el = el; n.dotEl = dot; n.nameEl = name; n.subEl = sub; n.actEl = act;
+  n.el = el; n.logoEl = logo; n.dotEl = dot; n.nameEl = name; n.subEl = sub; n.actEl = act;
   el.addEventListener("mousedown", function (ev) { startDragNode(ev, n); });
   nodesLayer.appendChild(el);
   paintNode(n);
 }
 function paintNode(n) {
   n.dotEl.className = "dot " + (STATUS_DOT[n.status] || "done");
+  if (n.logoEl) n.logoEl.innerHTML = n.isOrch ? LOGO_ORCH : logoFor(n.agent);
   n.nameEl.textContent = n.isOrch ? "Orquestrador" : agentName(n.agent);
   if (n.isOrch) {
     n.subEl.style.display = "";
@@ -410,6 +440,11 @@ function reconcile(sessions) {
     if (Date.now() > n.liveUntil) n.activity = baseActivity(s);
     paintNode(n);
     seen[s.id] = true;
+    if (detailId === s.id) {
+      detailStatus = s.status;
+      detailOrigin = s.origin || null;
+      paintSendState();
+    }
   });
   for (var id in nodesById) {
     if (!seen[id]) {
@@ -538,6 +573,12 @@ function onEvent(n, ev) {
       touch(n, "respondendo");
       feed(agentName(n.agent), String(ev.content || "").slice(0, 90));
     }
+  } else if (ev.type === "message.queued") {
+    touch(n, "mensagem na fila");
+    feed(agentName(n.agent), "mensagem na fila");
+    if (n.id && n.id === detailId) { detailPending = ev.prompt || true; paintSendState(); }
+  } else if (ev.type === "turn.started") {
+    if (n.id && n.id === detailId && detailPending) { detailPending = null; paintSendState(); }
   } else if (ev.type === "turn.completed") {
     feed(agentName(n.agent), "etapa concluída");
   } else if (ev.type === "file.changed") {
@@ -553,6 +594,9 @@ function onEvent(n, ev) {
     touch(n, ev.type === "session.failed" ? ("falhou: " + (ev.error || "")) : "concluída");
     paintSummary();
     feed(agentName(n.agent), ev.type === "session.failed" ? "falhou" : "concluída");
+    // Stop/release cancels the queue server-side: drop a stale "na fila"
+    // hint on the open detail, mirroring the turn.started branch.
+    if (n.id && n.id === detailId && detailPending) { detailPending = null; paintSendState(); }
     if (n.es) { try { n.es.close(); } catch (e) {} n.es = null; }
   }
 }
@@ -754,6 +798,10 @@ window.addEventListener("keydown", function (ev) {
   if (ev.key === "Escape") closeDetail();
 });
 window.addEventListener("wheel", function (ev) {
+  // O painel de detalhe tem scroll proprio (#detail e #dChat): o zoom do
+  // canvas so vale fora dele, senao rolar o chat daria zoom na cena.
+  var t = ev.target;
+  if (t && typeof t.closest === "function" && t.closest("#detail")) return;
   ev.preventDefault();
   var before = toWorld(ev.clientX, ev.clientY);
   cam.zoom = Math.min(2.2, Math.max(0.45, cam.zoom * (ev.deltaY < 0 ? 1.1 : 0.9)));
@@ -764,17 +812,20 @@ window.addEventListener("wheel", function (ev) {
 function syncUrl() {
   try {
     var qp = new URLSearchParams(window.location.search);
-    if (hideDone) qp.set("hide", "1"); else qp.delete("hide");
+    // Padrão é esconder concluídas: a URL limpa É o estado escondido, e
+    // quem quiser ver tudo marca hide=0 explicitamente.
+    if (hideDone) qp.delete("hide"); else qp.set("hide", "0");
     if (!motion) qp.set("motion", "0"); else qp.delete("motion");
     var qs = qp.toString();
     window.history.replaceState(null, "", window.location.pathname + (qs ? "?" + qs : ""));
   } catch (e) {}
 }
-// Filtros sobrevivem ao F5: o estado mora na query string (?hide=1&motion=0).
-var urlHide = false, urlMotion = true;
+// Filtros sobrevivem ao F5: o estado mora na query string (?hide=0&motion=0).
+// hideDone nasce true: concluídas ficam fora até alguém pedir hide=0.
+var urlHide = true, urlMotion = true;
 try {
   var qp0 = new URLSearchParams(window.location.search);
-  urlHide = qp0.get("hide") === "1";
+  urlHide = qp0.get("hide") !== "0";
   urlMotion = qp0.get("motion") !== "0";
 } catch (e) {}
 motion = urlMotion;
@@ -808,31 +859,44 @@ document.getElementById("btnMotion").classList.toggle("on", motion);
 document.getElementById("btnHide").classList.toggle("on", hideDone);
 document.getElementById("btnHide").title = hideDone ? "Mostrar concluídas" : "Ocultar concluídas";
 
-function fmtTime(iso) {
-  try {
-    var d = new Date(iso);
-    return d.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" });
-  } catch (e) { return ""; }
-}
-function fmtEvent(ev) {
-  if (!ev || !ev.type) return "";
-  if (ev.type === "text.delta") return null;
-  if (ev.type === "tool.started") return "Começou: " + toolLabel(ev.tool);
-  if (ev.type === "tool.completed") {
-    var bad = ev.tool && ev.tool.success === false;
-    return "Terminou: " + toolLabel(ev.tool) + (bad ? " (com erro)" : "");
-  }
-  if (ev.type === "message" && ev.role === "assistant") return "Respondeu: " + String(ev.content || "").slice(0, 120);
-  if (ev.type === "message") return null;
-  if (ev.type === "turn.started") return "Nova etapa";
-  if (ev.type === "turn.completed") return "Etapa concluída";
-  if (ev.type === "file.changed") return "Mudou " + (ev.path || "um arquivo");
-  if (ev.type === "permission.requested") return "Pediu aprovação: " + (ev.tool || "uma ação");
-  if (ev.type === "permission.resolved") return ev.approved ? "Aprovado" : "Negado";
-  if (ev.type === "session.completed") return "Sessão concluída";
-  if (ev.type === "session.failed") return "Sessão falhou: " + (ev.error || "");
-  if (ev.type === "session.started") return "Sessão iniciada";
-  return null;
+/* Transcrição da sessão: a mensagem do usuário mora em turn.started.prompt
+   (o daemon anexa no turno inicial e a cada send), a resposta em
+   message(role=assistant) com content completo. Ferramentas viram linhas
+   compactas para a conversa continuar legível. */
+var detailId = null, detailStatus = null, detailOrigin = null, detailPending = null;
+var sendInFlight = false, sendBlockedNote = false;
+function chatMsg(who, text, cls) {
+  var d = document.createElement("div");
+  d.className = "msg " + cls;
+  var w = document.createElement("span");
+  w.className = "who";
+  w.textContent = who;
+  d.appendChild(w);
+  d.appendChild(document.createTextNode(text));
+  return d;
+}
+function chatEvt(text) {
+  var d = document.createElement("div");
+  d.className = "evt";
+  d.textContent = text;
+  return d;
+}
+/* Input e botão seguem o estado do daemon: ocupada trava, origin=open
+   (TUI interativa) trava sempre. Mensagem de sucesso não é apagada aqui. */
+function paintSendState() {
+  var input = document.getElementById("dSendText");
+  var btn = document.getElementById("dSendBtn");
+  var msg = document.getElementById("dSendMsg");
+  if (!detailId) return;
+  // origin=open (TUI interativa) trava sempre; working/starting entra na
+  // fila em vez de travar. Mensagem de sucesso não é apagada aqui.
+  var reason = "";
+  if (detailOrigin === "open") reason = "sessão interativa não aceita mensagens";
+  input.disabled = sendInFlight || reason !== "";
+  btn.disabled = sendInFlight || reason !== "";
+  if (reason) { msg.textContent = reason; sendBlockedNote = true; }
+  else if (detailPending) { msg.textContent = "1 mensagem na fila — envia quando o turno terminar"; sendBlockedNote = true; }
+  else if (sendBlockedNote) { msg.textContent = ""; sendBlockedNote = false; }
 }
 function row(dt, dd) {
   var d = document.createElement("dt");
@@ -842,20 +906,33 @@ function row(dt, dd) {
   return [d, v];
 }
 function closeDetail() {
+  detailId = null;
+  detailStatus = null;
+  detailOrigin = null;
+  detailPending = null;
   document.getElementById("detail").classList.remove("open");
 }
 document.getElementById("detailClose").onclick = closeDetail;
 function selectSession(id) {
-  fetch("api/sessions/" + encodeURIComponent(id)).then(function (r) { return r.json(); }).then(function (j) {
+  // /logs traz até 1000 eventos; /get limitaria a transcrição aos 10 últimos.
+  fetch("api/sessions/" + encodeURIComponent(id) + "/logs").then(function (r) { return r.json(); }).then(function (j) {
     var s = j.session || j;
     if (!s || !s.id) return;
+    detailId = s.id;
+    detailStatus = s.status;
+    detailOrigin = s.origin || null;
+    detailPending = s.pendingMessage || null;
+    // Interrupted rows are actionable again: offer archival. Every other
+    // status keeps the button hidden.
+    document.getElementById("dArchive").style.display = s.status === "interrupted" ? "" : "none";
     var title = document.getElementById("dTitle");
     title.innerHTML = "";
+    var isOrch = (nodesById[s.id] && nodesById[s.id].isOrch) || (s.id && s.id === s.runId);
     var logo = document.createElement("span");
     logo.className = "logo";
-    logo.innerHTML = logoFor(s.agent);
+    logo.innerHTML = isOrch ? LOGO_ORCH : logoFor(s.agent);
     title.appendChild(logo);
-    title.appendChild(document.createTextNode(agentName(s.agent) + " · " + (s.name || s.id)));
+    title.appendChild(document.createTextNode((isOrch ? "Orquestrador" : agentName(s.agent)) + " · " + (s.name || s.id)));
     document.getElementById("dSub").textContent = (STATUS_HUMAN[s.status] || s.status) +
       (s.createdAt ? " · começou " + timeAgo(s.createdAt) : "");
     var rows = document.getElementById("dRows");
@@ -870,8 +947,9 @@ function selectSession(id) {
     ];
     if (s.pid) items.push(["PID", String(s.pid)]);
     if (s.updatedAt) items.push(["Atualizado", timeAgo(s.updatedAt)]);
+    var events = j.events || [];
     var tools = 0, msgs = 0;
-    (j.events || []).forEach(function (ev) {
+    events.forEach(function (ev) {
       if (!ev) return;
       if (ev.type === "tool.completed") tools++;
       if (ev.type === "message" && ev.role === "assistant") msgs++;
@@ -881,29 +959,102 @@ function selectSession(id) {
     items.forEach(function (kv) {
       row(kv[0], kv[1]).forEach(function (el) { rows.appendChild(el); });
     });
-    var hist = document.getElementById("dHist");
-    hist.innerHTML = "";
-    var shown = 0;
-    for (var i = (j.events || []).length - 1; i >= 0 && shown < 30; i--) {
-      var line = fmtEvent(j.events[i]);
-      if (!line) continue;
-      var li = document.createElement("li");
-      var ts = document.createElement("span");
-      ts.className = "ts";
-      ts.textContent = fmtTime(j.events[i].timestamp) + " ";
-      li.appendChild(ts);
-      li.appendChild(document.createTextNode(line));
-      hist.appendChild(li);
-      shown++;
+    var chat = document.getElementById("dChat");
+    chat.innerHTML = "";
+    // Últimos 200 eventos bastam: render além disso só pesa o DOM.
+    var start = Math.max(0, events.length - 200);
+    for (var i = start; i < events.length; i++) {
+      var ev = events[i];
+      if (!ev || !ev.type) continue;
+      if (ev.type === "turn.started" && ev.prompt) {
+        chat.appendChild(chatMsg("você", String(ev.prompt), "user"));
+      } else if (ev.type === "message.queued" && ev.prompt) {
+        chat.appendChild(chatMsg("você", String(ev.prompt) + " (na fila)", "user"));
+      } else if (ev.type === "message" && ev.role === "assistant" && ev.content) {
+        chat.appendChild(chatMsg(agentName(s.agent), String(ev.content), "assistant"));
+      } else if (ev.type === "tool.started") {
+        chat.appendChild(chatEvt("começou: " + toolLabel(ev.tool)));
+      } else if (ev.type === "tool.completed") {
+        var bad = ev.tool && ev.tool.success === false;
+        chat.appendChild(chatEvt("terminou: " + toolLabel(ev.tool) + (bad ? " (com erro)" : "")));
+      } else if (ev.type === "permission.requested") {
+        chat.appendChild(chatEvt("pediu aprovação: " + (ev.tool || "uma ação")));
+      } else if (ev.type === "file.changed") {
+        chat.appendChild(chatEvt("mudou " + (ev.path || "um arquivo")));
+      }
     }
-    if (!shown) {
-      var empty = document.createElement("li");
-      empty.textContent = "Sem histórico ainda.";
-      hist.appendChild(empty);
+    if (!chat.children.length) {
+      var empty = document.createElement("div");
+      empty.className = "empty";
+      empty.textContent = "Sem mensagens ainda.";
+      chat.appendChild(empty);
     }
+    chat.scrollTop = chat.scrollHeight;
     document.getElementById("detail").classList.add("open");
+    paintSendState();
   }).catch(function () {});
 }
+document.getElementById("dSend").addEventListener("submit", function (ev) {
+  ev.preventDefault();
+  if (!detailId || sendInFlight) return;
+  var input = document.getElementById("dSendText");
+  var text = input.value.trim();
+  if (!text) return;
+  var msg = document.getElementById("dSendMsg");
+  var btn = document.getElementById("dSendBtn");
+  sendInFlight = true;
+  input.disabled = true;
+  btn.disabled = true;
+  msg.textContent = "enviando...";
+  fetch("api/sessions/" + encodeURIComponent(detailId) + "/send", {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ message: text })
+  }).then(function (r) {
+    return r.json().then(function (j) { return { ok: r.ok, body: j }; });
+  }).then(function (out) {
+    if (out.ok) {
+      input.value = "";
+      if (out.body && out.body.queued) {
+        detailPending = text;
+        msg.textContent = "mensagem na fila — envia quando o turno terminar";
+      } else {
+        detailPending = null;
+        msg.textContent = "mensagem enviada — nova etapa começou";
+      }
+      poll();
+    } else {
+      msg.textContent = (out.body && out.body.error) || "não deu para enviar";
+    }
+  }).catch(function () {
+    msg.textContent = "daemon fora do ar?";
+  }).then(function () {
+    sendInFlight = false;
+    paintSendState();
+  });
+});
+document.getElementById("dArchive").addEventListener("click", function () {
+  if (!detailId) return;
+  var msg = document.getElementById("dSendMsg");
+  var btn = document.getElementById("dArchive");
+  btn.disabled = true;
+  msg.textContent = "arquivando...";
+  fetch("api/sessions/" + encodeURIComponent(detailId) + "/release", { method: "POST" }).then(function (r) {
+    return r.json().then(function (j) { return { ok: r.ok, body: j }; });
+  }).then(function (out) {
+    if (out.ok) {
+      msg.textContent = "sessão arquivada como concluída";
+      selectSession(detailId);
+      poll();
+    } else {
+      msg.textContent = (out.body && out.body.error) || "não deu para arquivar";
+    }
+  }).catch(function () {
+    msg.textContent = "daemon fora do ar?";
+  }).then(function () {
+    btn.disabled = false;
+  });
+});
 
 function poll() {
   fetch("api/sessions").then(function (r) { return r.json(); }).then(function (j) {

package/dist/web/canvas-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-page.js","sourceRoot":"","sources":["../../src/web/canvas-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAg5B3B,CAAC"}
+{"version":3,"file":"canvas-page.js","sourceRoot":"","sources":["../../src/web/canvas-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuiC3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedeck",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "CodeDeck, a local runtime for coding agents with session management, process supervision, event normalization, and git isolation",
   "type": "module",
   "bin": {