kaizen-agent 1.31.3 → 1.32.0

package/cli/web.ts

@@ -49,10 +49,11 @@ export async function current(url: string) {
 }
 
 // The newest kaizen on npm, asked at most every six hours; a failed ask is retried
-// on the next one. Same registry call as npmLatest() in install.ts, which exports nothing.
+// on the next one; fresh (Settings' Check for updates) skips the cache. Same registry
+// call as npmLatest() in install.ts, which exports nothing.
 let latest: { v: string | null; at: number } = { v: null, at: 0 };
-async function npmLatest() {
-  if (latest.v && Date.now() - latest.at < 6 * 3600_000) return latest.v;
+async function npmLatest(fresh = false) {
+  if (!fresh && latest.v && Date.now() - latest.at < 6 * 3600_000) return latest.v;
   try {
     const r = await fetch("https://registry.npmjs.org/kaizen-agent/latest", { signal: AbortSignal.timeout(10000) });
     const v = ((await r.json()) as { version?: string }).version ?? null;
@@ -461,7 +462,7 @@ export async function web(repoDir: string, opts: Opts = {}) {
 
       // What this board runs and what npm has: the page shows an Update button on a newer one.
       if (req.method === "GET" && path === "/version") {
-        const v = await npmLatest();
+        const v = await npmLatest(url.searchParams.has("fresh"));
         return json({ version: VERSION, latest: v, update: !!v && newer(v, VERSION) });
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaizen-agent",
-  "version": "1.31.3",
+  "version": "1.32.0",
   "description": "Staged workflow for AI agents — code, writing, research, operations: plan, human approval, build, independent review, bounded fix loop.",
   "type": "module",
   "bin": {

package/web/board.html

@@ -288,6 +288,7 @@ aside .foot .more .menu-pop{left:0;right:auto;top:auto;bottom:calc(100% + 4px)}.
 .toast.on{opacity:1}
 .rail a.upd svg{overflow:visible}.rail a.upd{position:relative}.rail a.upd::after{content:"";position:absolute;left:28px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}
 .updbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin:0 0 36px;padding:10px 14px;border:1px solid var(--accent);border-radius:var(--r);background:color-mix(in srgb,var(--accent) 10%,var(--bg-2));font-size:13px}
+.updbar.quiet{border-color:var(--line);background:var(--bg-2);color:var(--dim)}
 .toast.on.rep{pointer-events:auto}.toast a{color:inherit;margin-left:8px;text-decoration:underline;text-underline-offset:2px}
 .help{position:fixed;inset:0;z-index:12;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(3px)}
 .help.on{display:flex}.help div{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;box-shadow:var(--shadow-2)}
@@ -1445,10 +1446,17 @@ document.addEventListener("click",e=>{if(!e.target.closest("#showc")){$("showpop
 $("newtop").onclick=()=>{mode="new";render();$("board").scrollTo(0,0)};
 // A newer kaizen on npm: a dot on Settings, and an Update bar at the top of that page.
 // The server upgrades and starts a board on the new version, which replaces this one;
-// the hello with its new boot id reloads the page (listen()).
-let upd=null;
-fetch("/version").then(r=>r.json()).then(v=>{if(!v.update)return;upd=v;const a=document.querySelector('.rail a[data-view="settings"]');a.classList.add("upd");a.title=`Settings: kaizen ${v.latest} is available`;if(view==="settings")openSettings()}).catch(()=>{});
-function updBar(){if(!upd)return;const d=document.createElement("div");d.className="updbar";d.innerHTML=`<span>kaizen <b>${esc(upd.latest)}</b> is available. You are running ${esc(upd.version)}.</span><button class="btn pri" id="upd-go">Update kaizen</button>`;$("pbody").prepend(d);
+// the hello with its new boot id reloads the page (listen()). With none known, the bar
+// is a quiet row whose Check for updates asks npm now instead of the server's 6 h cache.
+let upd=null,ver=null;
+function gotVer(v){ver=v;if(!v.update)return false;upd=v;const a=document.querySelector('.rail a[data-view="settings"]');a.classList.add("upd");a.title=`Settings: kaizen ${v.latest} is available`;return true}
+fetch("/version").then(r=>r.json()).then(v=>{if(gotVer(v)&&view==="settings")openSettings()}).catch(()=>{});
+function updBar(){if(!upd){const d=document.createElement("div");d.className="updbar quiet";d.innerHTML=`<span id="upd-msg" aria-live="polite">${ver?`You are running kaizen ${esc(ver.version)}.`:"kaizen"}</span><button class="btn" id="upd-chk">Check for updates</button>`;$("pbody").prepend(d);
+  const b=$("upd-chk");b.onclick=async()=>{b.disabled=true;b.textContent="Checking…";const v=await fetch("/version?fresh=1").then(r=>r.json()).catch(()=>null);
+   if(!d.isConnected)return;b.disabled=false;b.textContent="Check for updates";
+   if(v&&gotVer(v)){d.remove();updBar();$("upd-go").focus();return}
+   $("upd-msg").textContent=!v||!v.latest?"Could not reach npm. Try again later.":`kaizen ${v.version} is up to date.`};return}
+ const d=document.createElement("div");d.className="updbar";d.innerHTML=`<span>kaizen <b>${esc(upd.latest)}</b> is available. You are running ${esc(upd.version)}.</span><button class="btn pri" id="upd-go">Update kaizen</button>`;$("pbody").prepend(d);
  const b=$("upd-go");b.onclick=async()=>{if(!confirm(`Update kaizen to ${upd.latest}? The board restarts, and agents running inside cards stop.`))return;b.disabled=true;b.textContent="Updating…";
   const r=await post("/upgrade",{});if(!r.ok){b.disabled=false;b.textContent="Update kaizen";return}b.textContent="Restarting…";setTimeout(()=>location.reload(),20000)}}
 $("kbd").onclick=()=>$("help").classList.add("on");$("help").onclick=()=>$("help").classList.remove("on");