kaizen-agent 1.45.0 → 1.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaizen-agent",
-  "version": "1.45.0",
+  "version": "1.46.0",
   "description": "Staged workflow for AI agents — code, writing, research, operations: plan, human approval, build, independent review, bounded fix loop.",
   "type": "module",
   "bin": {
@@ -55,6 +55,8 @@
     "@codemirror/view": "6.43.13",
     "@lezer/highlight": "1.2.5",
     "@xterm/addon-fit": "0.11.0",
+    "@xterm/addon-search": "0.16.0",
+    "@xterm/addon-web-links": "0.12.0",
     "@xterm/addon-webgl": "0.19.0",
     "@xterm/xterm": "6.0.0",
     "prettier": "3.9.10"

package/web/board/api.ts

@@ -8,6 +8,10 @@ import { openTerms, termsShowing } from "./terms.ts";
 // The server writes notifier() from state.ts over a marker in board.html: one rule for both UIs.
 declare const due: (key: string, say: string | null, done: boolean, now: number) => boolean;
 
+// In-card agents waiting on input, by session key. null until the first /state: what is
+// already asking when the page loads is not news, only what starts asking after.
+let asked: Set<string> | null = null;
+
 // This page's project, sent with each request: the server keeps none, so another
 // tab or a phone picking a project never moves this one.
 export const dirHeader = () => (store.dir ? { "x-kz-dir": store.dir } : {});
@@ -35,6 +39,12 @@ export async function load(quiet) {
     if (c.kind !== "run" || c.archived) continue;
     if (due(key(c), c.notice, c.status === "done", store.S.now)) notifyUser(c.notice);
   }
+  {
+    const now = new Map(store.S.cards.filter((c) => !c.archived && c.pty?.alive && c.pty.asking).map((c) => [c.pty.key, c]));
+    if (asked && document.hidden)
+      for (const [k, c] of now) if (!asked.has(k)) notifyUser(`${c.kind === "run" ? c.id : String(c.text).split("\n")[0].slice(0, 80)} needs you`, "ask:" + k);
+    asked = new Set(now.keys());
+  }
   // A redraw under a form being typed in would reset its fields and its focus.
   if (!(quiet && store.mode && $("board").querySelector(".inl input"))) render();
   if (termsShowing()) openTerms();

package/web/board/cards.ts

@@ -863,8 +863,8 @@ export function render() {
     s.appendChild(ul);
     b.appendChild(s);
   });
-  // The tab says how many runs wait on you, so a background tab still tells you.
-  const nw = store.S.cards.filter((c) => c.kind === "run" && c.status === "waiting" && !c.archived).length;
+  // The tab says how many runs wait on you, or agents wait on input, so a background tab still tells you.
+  const nw = store.S.cards.filter((c) => !c.archived && ((c.kind === "run" && c.status === "waiting") || (c.pty?.alive && c.pty.asking))).length;
   document.title = nw ? `(${nw}) kaizen` : "kaizen";
   stopDictation(false); // forms were just rebuilt; a listener whose field is gone would write into nothing
   if (fk && document.activeElement === document.body) cardEl(fk)?.focus({ preventScroll: true });

package/web/board/terms.ts

@@ -76,6 +76,27 @@ if (typeof window !== "undefined") addEventListener(
   },
   true,
 );
+// Alt+1…9 goes to the Nth tile; where one tile shows (maximised, or a phone's tabs) it switches
+// which. Read by code, so the layout and Alt's own characters do not matter. Alt+arrows stay the shell's word jump.
+if (typeof window !== "undefined") addEventListener(
+  "keydown",
+  (e) => {
+    const n = /^Digit([1-9])$/.exec(e.code)?.[1];
+    if (!showing || !n || !e.altKey || e.ctrlKey || e.shiftKey || e.metaKey) return;
+    const k = [...$("terms").querySelectorAll<HTMLElement>(".tile")][+n - 1]?.dataset.k;
+    if (!k) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (phone?.matches) pick = k;
+    else if (lay.max && lay.max !== k) {
+      lay.max = k;
+      save();
+    }
+    openTerms();
+    focusTerm(k);
+  },
+  true,
+);
 
 export function openTerms() {
   showing = true;
@@ -163,10 +184,11 @@ export function openTerms() {
     const st = tst(c),
       off = st === "ended";
     const hd = t.el.querySelector("header")!;
-    hd.title = (c.kind === "run" ? c.id : c.text) + " · " + c.where;
+    hd.title = (c.kind === "run" ? c.id : c.text) + " · " + c.where + (i < 9 ? ` · Alt+${i + 1}` : "");
     // An ended run can be resumed from here; an idea whose agent ended has no run to resume.
     hd.innerHTML = html`<span class="tdot ${st}" role="img" title="${st}" aria-label="${st}"></span><b>${nameOf(c)} - ${projOf(c)}</b>${off ? html`<span class="tend">ended</span>` : ""}<span class="sp"></span>${off && c.kind === "run" ? html`<button class="btn sm" data-a="resume" title="Continue this run's agent">Resume</button>` : ""}<button class="ib sm" data-a="card" title="Open card" aria-label="Open card">${ico("open")}</button><button class="ib sm" data-a="max" title="${lay.max === k ? "Restore" : "Maximise"} (Ctrl+Shift+M)" aria-label="${lay.max === k ? "Restore" : "Maximise"}">${ico(lay.max === k ? "min" : "max")}</button>${off ? "" : html`<button class="ib sm" data-a="hide" title="Hide" aria-label="Hide">${ico("dash")}</button>`}<button class="ib sm" data-a="${off ? "hide" : "exit"}" title="${off ? "Close" : "Exit session"}" aria-label="${off ? "Close" : "Exit session"}">${ico("close")}</button>`.s;
     t.el.classList.toggle("ended", off);
+    t.el.classList.toggle("asking", st === "asking");
     t.el.classList.toggle("off", !!one && one !== k);
     t.el.classList.toggle("max", !phone.matches && lay.max === k);
     t.el.style.gridColumn = "";

package/web/board/toast.ts

@@ -24,9 +24,10 @@ export function askNotify() {
     if (typeof Notification !== "undefined" && Notification.permission === "default") Notification.requestPermission();
   } catch (e) {}
 }
-export function notifyUser(body) {
+// tag: one notification per thing, so several open board tabs replace each other's.
+export function notifyUser(body, tag?: string) {
   try {
     if (typeof Notification !== "undefined" && Notification.permission === "granted")
-      new Notification("kaizen", { body, icon: "/logo.png" });
+      new Notification("kaizen", { body, icon: "/logo.png", tag });
   } catch (e) {}
 }

package/web/board.html

@@ -278,8 +278,9 @@ body.termv #terms{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px
 .tile header{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 4px 0 10px;border-bottom:1px solid var(--line);background:var(--bg-2);cursor:grab;user-select:none}
 .tile header b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.tile header .sp{flex:1}
 .tile.ended .term{opacity:.6}.tend{flex:none;padding:0 6px;border-radius:9px;font-size:11px;color:var(--dim);box-shadow:inset 0 0 0 1px var(--line)}.tile header .btn.sm{height:22px;padding:0 8px;font-size:11px}
+.tile.asking{border-color:var(--warn);animation:task 1.6s ease-in-out infinite}@keyframes task{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 45%,transparent)}}@media (prefers-reduced-motion:reduce){.tile.asking{animation:none;box-shadow:0 0 0 2px var(--warn)}}
 .tdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--run)}.tdot.asking{background:var(--warn)}.tdot.ended{background:var(--dim);opacity:.6}
-.tile .term{flex:1;min-height:0}.tile .term .xterm{height:100%;padding:4px}.tile .term .xterm-viewport{background:transparent!important}
+.term{position:relative}.termtools{position:absolute;top:6px;right:14px;z-index:5;display:flex;gap:4px;opacity:.35;transition:opacity .15s}.term:hover .termtools,.termtools:focus-within{opacity:1}.termtools button,.termtools input{height:24px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg-2);color:var(--ink-hi);font:12px var(--mono)}.termtools button:hover{background:var(--hover)}.tsearch{display:flex;gap:4px}.tsearch[hidden]{display:none}.termtools input{width:160px;padding:0 6px}.tile .term{flex:1;min-height:0}.tile .term .xterm{height:100%;padding:4px}.tile .term .xterm-viewport{background:transparent!important}
 .tsplit{position:absolute;z-index:2;touch-action:none}.tsplit.c{top:0;width:10px;margin-left:-5px;cursor:col-resize}.tsplit.r{left:0;right:0;height:10px;margin-top:-5px;cursor:row-resize}.tsplit:hover,.tdrag .tsplit:active{background:color-mix(in srgb,var(--accent) 35%,transparent)}
 .tile.max{position:fixed;inset:8px;z-index:10;box-shadow:var(--shadow-1)}body.tmax .tsplit{display:none}
 body.tdrag{user-select:none}body.tdrag .tile{pointer-events:none}