kaizen-agent 1.31.0 → 1.31.2

package/cli/browser.ts

@@ -219,7 +219,8 @@ export async function readPage(page: Page, url: string, platform: string, max =
   for (let i = 0, still = 0; i < 12 && seen.size < max && still < 3; i++) {
     const before = seen.size;
     for (const p of await page.js<any[]>(COLLECT(re)) ?? []) if (!seen.has(p.link) && onPlatform(p.link)) seen.set(p.link, p);
-    still = seen.size === before ? still + 1 : 0;
+    // A page that renders its posts late is not empty: stop early only once some arrived.
+    still = seen.size && seen.size === before ? still + 1 : 0;
     await page.js("window.scrollBy(0, window.innerHeight * 1.5)");
     await Bun.sleep(1500);
   }
@@ -251,27 +252,29 @@ export function postLink(notes = ""): string | null {
   return null;
 }
 
-// Where each platform takes a reply on a post's own page: an optional control that
-// opens the composer, the box, and the button that sends it. Each is a selector, and
-// for buttons known only by their words, a pattern for those words. Matched in the
-// dialog the composer opened, when there is one.
+// Where each platform takes a reply on a post's own page: the box, and the button that
+// sends it. Each is a selector, and for buttons known only by their words, a pattern
+// for those words.
 type Step = [css: string, words?: string];
-const REPLY: Record<string, { open?: Step; box: Step; send: Step }> = {
+const REPLY: Record<string, { box: Step; send: Step }> = {
   x: { box: ['[data-testid="tweetTextarea_0"]'], send: ['[data-testid="tweetButtonInline"],[data-testid="tweetButton"]'] },
-  threads: { open: ['[role="button"]:has(svg[aria-label="Reply"]),svg[aria-label="Reply"]'], box: ['[contenteditable="true"]'], send: ['[role="button"],button', "^Post$"] },
+  threads: { box: ['[contenteditable="true"]'], send: ['[role="button"]:has(svg[aria-label="Reply"])'] },
   instagram: { box: ['textarea[aria-label*="comment" i],textarea[placeholder*="comment" i]'], send: ['[role="button"],button', "^Post$"] },
   tiktok: { box: ['[data-e2e="comment-input"] [contenteditable="true"],[data-e2e="comment-input"] textarea'], send: ['[data-e2e="comment-post"]'] },
 };
 
-// Runs in the page: the first shown element a step names, looked for in the last open
-// dialog first (where a composer opens), then the whole page. Clicks it, or focuses it
-// and marks it as the box. False when there is none.
+// Runs in the page: the first shown element a step names, looked for nearest the
+// marked box first (its own composer), then in the last open dialog, then the whole
+// page. Clicks it, or focuses it and marks it as the box. False when there is none.
 const FIND = (s: Step, act: "click" | "focus") => `(() => {
   const words = ${JSON.stringify(s[1] ?? "")};
   const fits = (e) => e.getClientRects().length && e.getAttribute("aria-disabled") !== "true" && !e.disabled
     && (!words || new RegExp(words, "i").test((e.innerText || e.getAttribute("aria-label") || "").trim()));
+  const pick = (r) => [...r.querySelectorAll(${JSON.stringify(s[0])})].find(fits);
+  let near = document.querySelector("[data-kaizen-box]");
+  while (near && !pick(near)) near = near.parentElement;
   const dialog = [...document.querySelectorAll('[role="dialog"]')].filter((d) => d.getClientRects().length).at(-1);
-  const el = [dialog, document].filter(Boolean).map((r) => [...r.querySelectorAll(${JSON.stringify(s[0])})].find(fits)).find(Boolean);
+  const el = [near, dialog, document].filter(Boolean).map(pick).find(Boolean);
   if (!el) return false;
   ${act === "click" ? "(el.closest('[role=\"button\"],button') || el).click();" : "el.focus(); document.querySelectorAll('[data-kaizen-box]').forEach((e) => e.removeAttribute('data-kaizen-box')); el.setAttribute('data-kaizen-box', '');"}
   return true;
@@ -296,7 +299,6 @@ export async function replyOn(page: Page, link: string, platform: string, text:
   await page.go(link);
   if (!(await here()) || (await page.js<boolean>(WALL))) return { ok: false, note: signInNote(platform) };
   if (await page.js<boolean>(CHECK)) return { ok: false, note: checkNote(platform) };
-  if (how.open && (await page.js<boolean>(FIND(how.open, "click")))) await Bun.sleep(2000);
   if (!(await page.js<boolean>(FIND(how.box, "focus"))))
     return { ok: false, note: (await page.js<boolean>(OFFERS)) ? signInNote(platform) : `Could not find the reply box on ${name}. Nothing was posted.` };
   await page.call("Input.insertText", { text });

package/cli/sources.test.ts

@@ -688,3 +688,22 @@ test("a reply is stamped once on its icebox item; a second is refused", () => {
     expect(markReplied(state, "a1")).toBe("already replied");
   } finally { rmSync(state, { recursive: true, force: true }); }
 });
+
+test("a GitHub issues link is read through the API: open issues, no pull requests", async () => {
+  const api = "https://api.github.com/repos/hfadhlullah/kaizen/issues?state=open&per_page=50";
+  expect(exportUrl("https://github.com/hfadhlullah/kaizen/issues")).toEqual({ url: api, kind: "github" });
+  expect(exportUrl("https://github.com/hfadhlullah/kaizen/issues/?q=is%3Aopen").url).toBe(api);
+  expect(exportUrl("https://github.com/hfadhlullah/kaizen/issues/6").kind).toBe("text");
+  expect(exportUrl("https://github.com/hfadhlullah/kaizen").kind).toBe("text");
+  const body = JSON.stringify([
+    { number: 7, title: "TikTok source shows no posts", html_url: "https://github.com/o/r/issues/7", body: "x" },
+    { number: 8, title: "Bump deps", html_url: "https://github.com/o/r/pull/8", pull_request: {} },
+  ]);
+  expect(split("github", body)).toEqual([{ text: "TikTok source shows no posts", notes: "#7 · https://github.com/o/r/issues/7" }]);
+  let accept = "";
+  const json = async (_u: string, i: RequestInit) => { accept = new Headers(i.headers).get("accept")!; return new Response(body, { headers: { "content-type": "application/json; charset=utf-8" } }); };
+  expect((await fetchText(api, json, pub, true)).ok).toBe(true);
+  expect(accept).toBe("application/json");
+  // JSON only when asked: a plain source answering JSON is still refused.
+  expect(await fetchText(api, json, pub)).toEqual({ ok: false, note: UNREADABLE });
+});

package/cli/sources.ts

@@ -285,9 +285,13 @@ export async function resolvesPublic(host: string, lookup: Lookup = dnsLookup):
 }
 
 // Google serves a sheet or a doc as plain text from its export address, to anyone
-// the share setting allows. Anything else is fetched as given.
-export function exportUrl(raw: string): { url: string; kind: "sheet" | "doc" | "text" } {
+// the share setting allows. A GitHub repo's issues page is HTML; its open issues
+// come from the public API instead. Anything else is fetched as given.
+export type Kind = "sheet" | "doc" | "text" | "github";
+export function exportUrl(raw: string): { url: string; kind: Kind } {
   const u = new URL(raw);
+  const gh = u.hostname.replace(/^www\./, "") === "github.com" && /^\/([\w.-]+)\/([\w.-]+)\/issues\/?$/.exec(u.pathname);
+  if (gh) return { url: `https://api.github.com/repos/${gh[1]}/${gh[2]}/issues?state=open&per_page=50`, kind: "github" };
   if (u.hostname === "docs.google.com") {
     // Signed in to several accounts, Google puts /u/<n> after the first segment.
     const pub = /^\/spreadsheets(?:\/u\/\d+)?\/d\/e\/([\w-]+)\/pub/.exec(u.pathname);
@@ -312,7 +316,7 @@ type Fetch = (url: string, init: RequestInit) => Promise<Response>;
 
 // No cookie, no authorization, no redirect followed unchecked: every hop goes
 // through the same guard as the first address.
-export async function fetchText(url: string, doFetch: Fetch = fetch, lookup: Lookup = dnsLookup): Promise<{ ok: true; body: string } | { ok: false; note: string }> {
+export async function fetchText(url: string, doFetch: Fetch = fetch, lookup: Lookup = dnsLookup, json = false): Promise<{ ok: true; body: string } | { ok: false; note: string }> {
   const signal = AbortSignal.timeout(15000);
   for (let hop = 0; hop <= 5; hop++) {
     const why = checkUrl(url);
@@ -322,7 +326,7 @@ export async function fetchText(url: string, doFetch: Fetch = fetch, lookup: Loo
     const pub = await resolvesPublic(host, lookup);
     if (pub === null) return { ok: false, note: hop ? "The link redirected to an address that could not be found." : "The link's address could not be found. Check it for a typo." };
     if (!pub) return { ok: false, note: "Refused: not a public address." };
-    const res = await doFetch(url, { redirect: "manual", credentials: "omit", signal, headers: { accept: "text/plain, text/*" } });
+    const res = await doFetch(url, { redirect: "manual", credentials: "omit", signal, headers: { accept: json ? "application/json" : "text/plain, text/*" } });
     if (res.status >= 300 && res.status < 400) {
       const to = res.headers.get("location");
       if (!to) return { ok: false, note: `Redirect with nowhere to go (HTTP ${res.status}).` };
@@ -332,7 +336,7 @@ export async function fetchText(url: string, doFetch: Fetch = fetch, lookup: Loo
     if (res.status === 401 || res.status === 403) return { ok: false, note: SIGN_IN };
     if (!res.ok) return { ok: false, note: `The link answered HTTP ${res.status}.` };
     const type = (res.headers.get("content-type") ?? "").toLowerCase();
-    if (!type.startsWith("text/") || type.startsWith("text/html")) return { ok: false, note: UNREADABLE };
+    if (json ? !type.startsWith("application/json") : !type.startsWith("text/") || type.startsWith("text/html")) return { ok: false, note: UNREADABLE };
     // Read no further than the cap; a cut-off last line is dropped, not gathered half.
     const chunks: Uint8Array[] = [];
     let size = 0;
@@ -358,11 +362,15 @@ const DONE = /^(done|finish|finished)$/i;
 
 type Item = { text: string; notes?: string };
 
-export const split = (kind: "sheet" | "doc" | "text", body: string): Item[] => sift(kind, body).items;
+export const split = (kind: Kind, body: string): Item[] => sift(kind, body).items;
 
 // The requests, and how many rows were left out for their status. A row left out is
 // never handed to ingest, so it is not marked seen: reopened, it is gathered then.
-export function sift(kind: "sheet" | "doc" | "text", body: string): { items: Item[]; done: number } {
+export function sift(kind: Kind, body: string): { items: Item[]; done: number } {
+  // Pull requests come back from the issues API too; they are not requests. The notes
+  // are the number and link only, so an edited body does not make the issue new.
+  if (kind === "github") return { items: (JSON.parse(body) as any[]).filter((i) => !i.pull_request && typeof i.title === "string")
+    .map((i) => ({ text: i.title, notes: `#${i.number} · ${i.html_url}` })), done: 0 };
   const rows = body.split(/\r?\n/);
   if (kind !== "sheet") return { items: rows.filter((r) => r.trim()).map((text) => ({ text })), done: 0 };
   const cells = rows.map((r) => r.split("\t").map((c) => c.trim()));
@@ -425,10 +433,10 @@ export async function gatherSource(state: string, url: string, doFetch?: Fetch,
   }
   try {
     const target = exportUrl(url);
-    const got = await fetchText(target.url, doFetch, lookup);
+    const got = await fetchText(target.url, doFetch, lookup, target.kind === "github");
     if (got.ok) {
       const { items, done } = sift(target.kind, got.body);
-      return record(state, url, ingest(state, url, items), got.body.split("\n").filter((r) => r.trim()).length, done);
+      return record(state, url, ingest(state, url, items), target.kind === "github" ? undefined : got.body.split("\n").filter((r) => r.trim()).length, done);
     }
     const last = { at: new Date().toISOString(), ok: false, added: 0, note: got.note };
     setLast(state, url, last);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaizen-agent",
-  "version": "1.31.0",
+  "version": "1.31.2",
   "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

@@ -207,12 +207,12 @@ aside.wide{width:min(960px,100%)}#pbody .term{height:100%;min-height:320px;backg
 .scrim.on{display:block}
 aside{position:fixed;top:0;right:0;bottom:0;z-index:11;width:520px;max-width:100%;background:var(--bg-2);border-left:1px solid var(--line);box-shadow:var(--shadow-2);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .18s,visibility .18s}
 aside.open{transform:none;visibility:visible}
-/* Settings and the Icebox are pages: the same panel, docked into the app column, its content in a centred column */
+/* Settings and the Icebox are pages: the same panel, docked into the app column, full width like the board */
 body.paged #board,body.paged .ftr,body.paged .scrim{display:none}
 /* The Icebox keeps the project bar, without the board's title and New idea; Settings has none */
 body.paged:not(.ice) .hdr,body.ice .hdr h1{display:none}body.ice #newtop{visibility:hidden}
 aside.docked{position:static;z-index:auto;flex:1;min-height:0;width:auto;transform:none;visibility:visible;transition:none;box-shadow:none;border:0;background:none}
-aside.docked>header,aside.docked>.body{padding-inline:max(28px,calc((100% - 760px)/2))}
+aside.docked>header,aside.docked>.body{padding-inline:28px}
 aside.docked>header{border-bottom:0;padding-top:28px;padding-bottom:12px}
 aside.docked>header b{font-size:20px}
 aside.docked #pclose{display:none}
@@ -371,8 +371,11 @@ body:not(.paged) .src-sec,body:not(.paged) .src-scrim{display:none}
 .ice-form{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
 .ice-form .sel{width:100%;max-width:none}
 .ice-form textarea.sel{height:auto;min-height:64px;font:inherit;font-size:13px;resize:vertical}
-.ice-form-acts{display:flex;align-items:center;gap:8px}
-.ice-form-acts .hint{flex:1;margin:0;font-size:11px}
+.ice-form-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
+.ice-form-acts .hint{flex:1 1 200px;margin:0;font-size:11px}
+.ice-form-acts .sel{width:auto;flex:none}
+.ice-form-acts .end{flex:1}
+.ice-form-acts .btn{white-space:nowrap}
 .ice-notes{font-size:12px;color:var(--dim);line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
 .src-empty{padding:26px 16px;text-align:center;background:var(--bg);border:1px dashed var(--line);border-radius:var(--r);margin:12px 0 16px}
 .src-empty-ico{width:36px;height:36px;margin:0 auto 10px;color:var(--dim);display:flex;align-items:center;justify-content:center}
@@ -382,7 +385,8 @@ body:not(.paged) .src-sec,body:not(.paged) .src-scrim{display:none}
 .src-empty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px;text-align:left}
 .src-empty-item{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-s);padding:8px 10px;font-size:11px;color:var(--dim);line-height:1.4}
 .src-empty-item strong{display:block;color:var(--ink);font-weight:500;margin-bottom:2px}
-.src-add{display:grid;gap:12px;margin-top:20px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r)}
+.src-add[hidden]{display:none}.src-hda{display:flex;align-items:center;gap:6px}
+.src-add{display:grid;gap:12px;margin-bottom:16px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r)}
 .src-add h4{margin:0;font-size:13px;font-weight:600;color:var(--ink)}
 .src-add .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .src-add .two.plat{grid-template-columns:140px 1fr}
@@ -1086,11 +1090,18 @@ function progress(src,prev){
 const groups=rows=>{const m=new Map();for(const r of rows){if(!m.has(r.group))m.set(r.group,[]);m.get(r.group).push(r)}return [...m]};
 // The search survives the re-render each save does; the gear button starts it empty.
 let setQ="";
+// Settings and the Icebox fill the same panel after a fetch: a fill only lands if no other view
+// or fill started since, or a slow answer paints one page under the other's title.
+let pageGen=0;
 async function openSettings(){
+ if(view!=="settings")return;const gen=++pageGen;
  stopDictation(true);
+ // Coming from another page or a card, its body goes now, not when the fetch answers.
+ if(!$("panel").classList.contains("open")||$("ptitle").textContent!=="Settings"){$("pbody").innerHTML=`<p class="snone">Loading…</p>`;$("psub").textContent=""}
  termStop();openKey=null;runDoc=null;$("pterm").hidden=true;$("panel").classList.add("open");$("scrim").classList.add("on");$("ptitle").textContent="Settings";$("ptabs").innerHTML="";$("pfoot").innerHTML="";
  const cur=document.documentElement.dataset.theme||"system";
  const cfg=await fetch("/settings").then(r=>r.json()).catch(()=>null);
+ if(gen!==pageGen)return;
  $("psub").textContent="Theme applies to this browser. Everything else is saved to your kaizen settings.";$("psub").title=cfg?cfg.file:"";
  // One control per row: a switch for on/off, one segment per value for a small number,
  // a select for a choice. The row's label names the control; its help sits under it.
@@ -1133,7 +1144,7 @@ async function openSettings(){
 // ---- views: the board, or Settings and the Icebox as pages in the docked panel, each with its own address
 let view="board";
 const markView=v=>document.querySelectorAll(".rail a.it").forEach(a=>a.dataset.view===v?a.setAttribute("aria-current","page"):a.removeAttribute("aria-current"));
-function go(v,push){if(v==="icebox")v="sources";if(!["settings","sources"].includes(v))v="board";const was=view;view=v;markView(v);document.body.classList.toggle("paged",v!=="board");document.body.classList.toggle("ice",v==="sources");
+function go(v,push){pageGen++;if(v==="icebox")v="sources";if(!["settings","sources"].includes(v))v="board";const was=view;view=v;markView(v);document.body.classList.toggle("paged",v!=="board");document.body.classList.toggle("ice",v==="sources");
  if(push&&v!==was)history.pushState(null,"",v==="board"?location.pathname:"?view="+(v==="sources"?"icebox":v));
  const p=$("panel");
  if(v==="board"){if(was==="board")return;
@@ -1160,11 +1171,12 @@ const SRC="Icebox";
 let iceReply=null;const iceStyle={};
 const rStyle=dir=>{if(!iceStyle[dir])try{iceStyle[dir]=localStorage.getItem("kz-reply-style:"+dir)}catch(e){}return iceStyle[dir]||"casual"};
 const STYLES={casual:"Casual",fun:"Fun",helpful:"Helpful",promo:"Promo"};
-let iceForm=null,iceCur=null,iceSrc="",iceCat="",srcKind="link",srcShow=null,iceBusy=false,iceNav=null;const iceSel=new Set();
+let iceForm=null,iceCur=null,iceSrc="",iceCat="",srcKind="link",srcShow=null,srcAdd=false,iceBusy=false,iceNav=null;const iceSel=new Set();
 const PLAT={x:"X",tiktok:"TikTok",instagram:"Instagram",threads:"Threads"};
 const srcOpen=()=>$("panel").classList.contains("open")&&$("ptitle").textContent===SRC;
 const ago=at=>{const m=Math.round((Date.now()-Date.parse(at))/60000);return m<1?"just now":m<60?m+" min ago":m<1440?Math.round(m/60)+" h ago":Math.round(m/1440)+" d ago"};
 async function openSources(){
+ if(view!=="sources")return;const gen=++pageGen;
  stopDictation(true);
  // What is half typed survives a refresh from the server.
  const typed=srcOpen()?[$("src-url")?.value||"",$("src-label")?.value||"",document.activeElement?.id,$("src-dir")?.value,$("src-cat")?.value||"",$("src-plat")?.value,$("src-q")?.value||""]:["",""];
@@ -1176,11 +1188,12 @@ async function openSources(){
  const iceDraft=srcOpen()&&$("ice-title")?[$("ice-title").dataset.k,$("ice-title").value,$("ice-details").value]:null;
  // And a category typed on a row but not yet saved.
  const cats=new Map(srcOpen()?[...$("pbody").querySelectorAll("[data-ct]")].map(m=>[m.dataset.k,m.value]):[]);
+ if(!srcOpen())$("pbody").innerHTML=`<p class="snone">Loading…</p>`;
  termStop();openKey=null;runDoc=null;$("pterm").hidden=true;$("panel").classList.add("open");$("scrim").classList.add("on");$("ptitle").textContent=SRC;$("ptabs").innerHTML="";$("pfoot").innerHTML="";
  $("psub").textContent="Requests gathered from your sources wait here until you promote them to Ideas or dismiss them; nothing starts on its own.";$("psub").title="";
  const dir=all?null:S.dir,q=dir?"?dir="+encodeURIComponent(dir):"";
  const d=await fetch("/sources"+q).then(r=>r.json()).catch(()=>null);
- if(!srcOpen())return;
+ if(gen!==pageGen||!srcOpen())return;
  const host=u=>{try{return new URL(u).hostname}catch{return u}};
  // The favicon of the site a link is on, asked of that site itself (Google's own static host for
  // Sheets and Docs, whose site icon is generic): nothing but the host reaches anyone. A social
@@ -1203,7 +1216,8 @@ async function openSources(){
  const fails=(d&&d.failed||[]).map(f=>`<p style="color:var(--dim)">The sources of ${esc(f)} could not be read.</p>`).join("");
  const emptyState=`<div class="src-empty"><div class="src-empty-ico">${ico("link")}</div><h4>No request sources yet</h4><p>Connect shared links to gather requests into the icebox, where you choose which become ideas. Nothing runs automatically until you start it.</p><div class="src-empty-grid"><div class="src-empty-item"><strong>Google Sheets</strong>Public sheets with idea or task rows. Rows marked Done are skipped.</div><div class="src-empty-item"><strong>Google Docs</strong>Shared public docs with items or notes written line by line.</div><div class="src-empty-item"><strong>Public links</strong>TSV, CSV, or raw text links containing requests.</div><div class="src-empty-item"><strong>Social media</strong>A keyword, #hashtag or @account on X, TikTok, Instagram or Threads, read by your agent.</div></div></div>`;
  const social=srcKind==="social";
- const addBox=`<div class="src-add"><div class="hd"><h4>Add a source</h4><div class="src-kind" role="group" aria-label="Kind of source"><button id="src-k-link" data-kind="link" aria-pressed="${!social}">Link</button><button id="src-k-social" data-kind="social" aria-pressed="${social}">Social</button></div></div><label for="src-url"${social?" hidden":""}><span>Link</span><input class="sel" id="src-url" placeholder="https://docs.google.com/spreadsheets/d/… or any public link" spellcheck="false" autocomplete="off"></label><div class="two plat"${social?"":" hidden"}><label for="src-plat"><span>Platform</span><select class="sel" id="src-plat">${Object.entries(PLAT).map(([k,v])=>`<option value="${k}">${v}</option>`).join("")}</select></label><label for="src-q"><span>Follow</span><input class="sel" id="src-q" placeholder="keyword, #hashtag or @account" maxlength="100" spellcheck="false" autocomplete="off"></label></div><div class="two"><label for="src-label"><span>Label <i>optional</i></span><input class="sel" id="src-label" placeholder="${social?"e.g. Mentions on X":"e.g. Feedback Q4"}"></label><label for="src-cat"><span>Category <i>optional</i></span><input class="sel" id="src-cat" placeholder="${social?"e.g. Social":"e.g. Bugs"}" maxlength="40"></label></div><label for="src-dir"><span>Project</span><select class="sel" id="src-dir">${dir?"":`<option value="">Choose project…</option>`}${opts(dir)}</select></label><div class="acts"><span class="hint">${social?(chatOn?"Your ChatGPT plan reads public posts when you press Gather on the source.":"Kaizen signs in nowhere. Your agent reads public posts when you press Gather on the source."):"Public links only. For private docs, run /kaizen gather."}</span><button class="btn pri" id="src-add">Add source</button></div></div>`;
+ const addOn=!list.length||srcAdd||[typed[0],typed[1],typed[4],typed[6]].some(Boolean);
+ const addBox=`<div class="src-add" id="src-addbox"${addOn?"":" hidden"}><div class="hd"><h4>Add a source</h4><div class="src-kind" role="group" aria-label="Kind of source"><button id="src-k-link" data-kind="link" aria-pressed="${!social}">Link</button><button id="src-k-social" data-kind="social" aria-pressed="${social}">Social</button></div></div><label for="src-url"${social?" hidden":""}><span>Link</span><input class="sel" id="src-url" placeholder="https://docs.google.com/spreadsheets/d/… or any public link" spellcheck="false" autocomplete="off"></label><div class="two plat"${social?"":" hidden"}><label for="src-plat"><span>Platform</span><select class="sel" id="src-plat">${Object.entries(PLAT).map(([k,v])=>`<option value="${k}">${v}</option>`).join("")}</select></label><label for="src-q"><span>Follow</span><input class="sel" id="src-q" placeholder="keyword, #hashtag or @account" maxlength="100" spellcheck="false" autocomplete="off"></label></div><div class="two"><label for="src-label"><span>Label <i>optional</i></span><input class="sel" id="src-label" placeholder="${social?"e.g. Mentions on X":"e.g. Feedback Q4"}"></label><label for="src-cat"><span>Category <i>optional</i></span><input class="sel" id="src-cat" placeholder="${social?"e.g. Social":"e.g. Bugs"}" maxlength="40"></label></div><label for="src-dir"><span>Project</span><select class="sel" id="src-dir">${dir?"":`<option value="">Choose project…</option>`}${opts(dir)}</select></label><div class="acts"><span class="hint">${social?(chatOn?"Your ChatGPT plan reads public posts when you press Gather on the source.":"Kaizen signs in nowhere. Your agent reads public posts when you press Gather on the source."):"Public links only. For private docs, run /kaizen gather."}</span><button class="btn pri" id="src-add">Add source</button></div></div>`;
  // The inbox: one row per request, by project when showing all, then by category,
  // narrowed to one source by its chip. Checked, open and cursor items are kept by key.
  const srcName=it=>{const s=list.find(x=>x.dir===it.dir&&x.url===it.source);return s?s.label||host(s.url):host(it.source)};
@@ -1236,14 +1250,14 @@ async function openSources(){
  const bulk=iceSel.size?`<div class="ice-bulk" role="toolbar" aria-label="Selected requests"><span>${iceSel.size} selected</span><span class="end"></span><button class="btn sm" id="ice-bp" title="Each becomes its own idea, titled as gathered (p)">${ico("plus")} Promote</button><button class="btn ghost sm" id="ice-bd" title="Dismiss (d)">${ico("x")} Dismiss</button><button class="btn ghost sm" id="ice-bc" title="Clear selection (Esc)">Clear</button></div>`:"";
  // The open item's form: a clean title for the idea's card and the person's own details;
  // what was gathered is added to the idea's notes by the server.
- const form=it=>`<div class="ice-form"><label for="ice-title" class="hint" style="margin:0">Idea title</label><input class="sel" id="ice-title" data-k="${esc(iceKey(it))}" maxlength="200" value="${esc(it.text)}" aria-label="Idea title"><label for="ice-details" class="hint" style="margin:0">Details (optional)</label><textarea class="sel" id="ice-details" rows="3" placeholder="In your own words: what is needed, for whom, why" aria-label="Details (optional)"></textarea><div class="ice-form-acts"><span class="hint">What was gathered is added to the idea's notes.</span><button class="btn ghost sm" id="ice-cancel">Cancel</button><button class="btn pri sm" id="ice-ok">Promote</button></div></div>`;
+ const form=it=>`<div class="ice-form"><label for="ice-title" class="hint" style="margin:0">Idea title</label><input class="sel" id="ice-title" data-k="${esc(iceKey(it))}" maxlength="200" value="${esc(it.text)}" aria-label="Idea title"><label for="ice-details" class="hint" style="margin:0">Details</label><textarea class="sel" id="ice-details" rows="3" placeholder="What, for whom, why" aria-label="Details"></textarea><div class="ice-form-acts"><span class="hint">Source goes into the notes.</span><button class="btn ghost sm" id="ice-cancel">Cancel</button><button class="btn pri sm" id="ice-ok">Promote</button></div></div>`;
  // A gathered post can be answered: Reply drafts, the box is the approval, Send reply posts that text.
  const replyBox=it=>{if(!it.post)return"";if(it.replied)return`<span class="hint" style="margin:0">You replied to this post ${ago(it.replied)}.</span>`;
   const r=iceReply&&iceReply.k===iceKey(it)?iceReply:null;
   const style=d=>`<select class="sel" id="ice-rst" aria-label="Reply style" title="Promo names kaizen; Helpful may mention it when it fits; Casual and Fun never do"${d?" disabled":""}>${Object.entries(STYLES).map(([v,l])=>`<option value="${v}"${v===rStyle(it.dir)?" selected":""}>${l}</option>`).join("")}</select>`;
-  if(!r)return`<div class="ice-form-acts"><span class="hint">Answer this post from your signed-in kaizen browser. You see the reply before it goes out.</span>${G.connected?style(false):""}<button class="btn sm" id="ice-rp">Reply</button></div>`;
-  if(r.wait)return`<div class="ice-form-acts"><span class="hint">Writing a draft…</span></div>`;
-  return`<div class="ice-form"><label for="ice-reply" class="hint" style="margin:0">Your reply${r.note?` · ${esc(r.note)}`:""}</label><textarea class="sel" id="ice-reply" rows="3" maxlength="2000" aria-label="Your reply"${r.busy||r.again?" disabled":""}>${esc(r.text)}</textarea><div class="ice-form-acts"><span class="hint" id="ice-rn">${r.again?"Writing another…":`${r.text.length} characters · nothing is posted until you press Send reply`}</span>${G.connected?`${style(r.busy||r.again)}<button class="btn ghost sm" id="ice-rg"${r.busy||r.again?" disabled":""}>Regenerate</button>`:""}<button class="btn ghost sm" id="ice-rc"${r.busy?" disabled":""}>Cancel</button><button class="btn pri sm" id="ice-rs"${r.busy||r.again||!r.text.trim()?" disabled":""}>${r.busy?"Sending…":"Send reply"}</button></div></div>`};
+  if(!r)return`<div class="ice-form-acts"><span class="hint">You review it before it posts.</span>${G.connected?style(false):""}<button class="btn sm" id="ice-rp">Reply</button></div>`;
+  if(r.wait)return`<div class="ice-form-acts"><span class="hint">Drafting…</span></div>`;
+  return`<div class="ice-form"><label for="ice-reply" class="hint" style="margin:0">Your reply${r.note?` · ${esc(r.note)}`:""}</label><textarea class="sel" id="ice-reply" rows="3" maxlength="2000" aria-label="Your reply"${r.busy||r.again?" disabled":""}>${esc(r.text)}</textarea><span class="hint" id="ice-rn" style="margin:0">${r.again?"Writing another…":`${r.text.length} chars`}</span><div class="ice-form-acts"><span class="end"></span>${G.connected?`${style(r.busy||r.again)}<button class="btn ghost sm" id="ice-rg"${r.busy||r.again?" disabled":""}>Regenerate</button>`:""}<button class="btn ghost sm" id="ice-rc"${r.busy?" disabled":""}>Cancel</button><button class="btn pri sm" id="ice-rs"${r.busy||r.again||!r.text.trim()?" disabled":""}>${r.busy?"Sending…":"Send reply"}</button></div></div>`};
  const row=i=>{const it=ice[i],k=iceKey(it),open=iceForm===k;
   return `<div class="ice-row${iceCur===k?" cur":""}${iceSel.has(k)?" sel":""}" data-i="${i}" data-k="${esc(k)}"><input type="checkbox" id="ice-ck-${i}" data-ck="${i}"${iceSel.has(k)?" checked":""} aria-label="Select: ${esc(it.text)}"><button class="ice-t" id="ice-o-${i}" data-o="${i}" aria-expanded="${open}" title="${esc(it.text)}">${esc(it.text)}</button><span class="ice-src" title="${esc(srcName(it))}">${fav(it.source,"link",list.find(x=>x.dir===it.dir&&x.url===it.source)?.social)}<span class="nm">${esc(many?it.project||srcName(it):srcName(it))}</span></span>${it.replied?`<span class="chip" title="Replied ${esc(ago(it.replied))}">replied</span>`:""}<span class="ice-age">${ago(it.at)}</span><span class="ice-ra"><button class="btn ghost sm" id="ice-pr-${i}" data-pr="${i}" title="Promote to Ideas as gathered (p)" aria-label="Promote to Ideas: ${esc(it.text)}">${ico("plus")}</button><button class="btn ghost sm" id="ice-ds-${i}" data-ds="${i}" title="Dismiss (d)" aria-label="Dismiss: ${esc(it.text)}">${ico("x")}</button></span></div>`
    +(open?`<div class="ice-open">${it.notes?`<div class="ice-notes">${esc(it.notes)}</div>`:""}<span class="hint" style="margin:0">From ${esc(srcName(it))} · ${ago(it.at)}${it.post?` · <a href="${esc(it.post)}" target="_blank" rel="noopener">open post</a>`:""}</span>${replyBox(it)}${form(it)}</div>`:"")};
@@ -1252,7 +1266,7 @@ async function openSources(){
  // The sources, in the right-hand drawer: shut until asked for, open by itself while there
  // are none until closed. Slid in only when opened; a rebuild while open shows it in place.
  const drawer=srcShow??!list.length,slide=drawer&&!$("src-sec")?.classList.contains("open");
- const sec=`<div class="src-scrim${drawer&&!slide?" on":""}" id="src-scrim"></div><aside class="src-sec${drawer&&!slide?" open":""}" id="src-sec" aria-label="Sources"${drawer?"":" inert"}><header><div class="t"><b>Sources</b><div class="sub">${d&&d.every&&d.every!=="off"?`Auto-check every ${esc(d.every)}`:"Auto-check off"} · <a id="src-to-settings" role="button" tabindex="0">Settings</a> · ${G.connected?`ChatGPT${G.email?" "+esc(G.email):""} <a id="cg-out" role="button" tabindex="0">Disconnect</a>`:`<a id="cg-in" role="button" tabindex="0">Connect ChatGPT</a>`}</div></div><button class="ib" id="src-x" aria-label="Close sources" title="Close">${ico("close")}</button></header><div class="body">${list.length?`<div class="src-list">${cards}</div>`:emptyState}${addBox}</div></aside>`;
+ const sec=`<div class="src-scrim${drawer&&!slide?" on":""}" id="src-scrim"></div><aside class="src-sec${drawer&&!slide?" open":""}" id="src-sec" aria-label="Sources"${drawer?"":" inert"}><header><div class="t"><b>Sources</b><div class="sub">${d&&d.every&&d.every!=="off"?`Auto-check every ${esc(d.every)}`:"Auto-check off"} · <a id="src-to-settings" role="button" tabindex="0">Settings</a> · ${G.connected?`ChatGPT${G.email?" "+esc(G.email):""} <a id="cg-out" role="button" tabindex="0">Disconnect</a>`:`<a id="cg-in" role="button" tabindex="0">Connect ChatGPT</a>`}</div></div><div class="src-hda">${list.length?`<button class="btn sm" id="src-new" aria-expanded="${addOn}" aria-controls="src-addbox">${ico("plus")} Add</button>`:""}<button class="ib" id="src-x" aria-label="Close sources" title="Close">${ico("close")}</button></div></header><div class="body">${addBox}${list.length?`<div class="src-list">${cards}</div>`:emptyState}</div></aside>`;
  // First visit: offer the ChatGPT plan for social sources, or keep the agent.
  const onb=G.use==="ask"&&!G.connected?`<div class="cg-onb"><b>Gather social posts with your ChatGPT plan</b><p>Connect ChatGPT Plus or Pro and Gather reads X, TikTok, Instagram and Threads sources right here, counted against your plan, with no agent to open. Skip it and Gather keeps using your agent. You can change this in Settings.</p><div class="acts"><button class="btn ghost" id="cg-skip">Skip for now</button><button class="btn pri" id="cg-go">Continue with ChatGPT</button></div></div>`:"";
  $("pbody").innerHTML=d&&d.error?`<p style="color:var(--dim)">${esc(d.error)}</p>`:!d?`<p style="color:var(--dim)">The icebox could not be read.</p>`:onb+bar+bulk+fails+inbox+sec;
@@ -1268,7 +1282,8 @@ async function openSources(){
  if($("cg-out"))$("cg-out").onclick=async()=>{if(!confirm("Disconnect ChatGPT? Gather goes back to your agent."))return;if((await post("/chatgpt",{op:"disconnect"})).ok){toast("ChatGPT disconnected");openSources()}};
  if(slide){$("src-sec").offsetWidth;$("src-sec").classList.add("open");$("src-scrim").classList.add("on")}
  const srcShut=()=>{srcShow=false;$("src-sec").classList.remove("open");$("src-scrim").classList.remove("on");$("src-sec").inert=true;$("src-tog").setAttribute("aria-expanded","false");$("src-tog").focus()};
- $("src-x").onclick=$("src-scrim").onclick=srcShut;$("src-sec").onkeydown=e=>{if(e.key==="Escape"){e.stopPropagation();srcShut()}};
+ $("src-x").onclick=$("src-scrim").onclick=srcShut;
+ if($("src-new"))$("src-new").onclick=()=>{const b=$("src-addbox");srcAdd=b.hidden;b.hidden=!srcAdd;$("src-new").setAttribute("aria-expanded",srcAdd);if(srcAdd)$(srcKind==="social"?"src-q":"src-url").focus()};$("src-sec").onkeydown=e=>{if(e.key==="Escape"){e.stopPropagation();srcShut()}};
  $("src-tog").onclick=()=>{if($("src-sec").classList.contains("open"))return srcShut();srcShow=true;openSources().then(()=>srcShow&&$("src-url")?.focus())};
  if($("ice-fs"))$("ice-fs").onchange=e=>{iceSrc=e.target.value;openSources()};
  if($("ice-fc"))$("ice-fc").onchange=e=>{iceCat=e.target.value;openSources()};
@@ -1313,14 +1328,14 @@ async function openSources(){
  if($("ice-rp"))$("ice-rp").onclick=async()=>{const it=open1,k=iceKey(it);iceReply={k,text:"",wait:true};openSources();
   const j=await post("/reply",{op:"draft",dir:it.dir,id:it.id,style:rStyle(it.dir)});if(!iceReply||iceReply.k!==k)return;
   iceReply={k,text:j.text||"",note:j.ok?j.note||"":"",wait:false};openSources().then(()=>$("ice-reply")?.focus())};
- if($("ice-reply")){const ta=$("ice-reply");ta.oninput=()=>{iceReply.text=ta.value;$("ice-rn").textContent=`${ta.value.length} characters · nothing is posted until you press Send reply`;$("ice-rs").disabled=!ta.value.trim()};
-  ta.onkeydown=e=>{if(e.key==="Escape"){e.stopPropagation();$("ice-rc").click()}};
-  $("ice-rc").onclick=()=>{iceReply=null;openSources()};
  if($("ice-rst"))$("ice-rst").onchange=e=>{const d=open1.dir;iceStyle[d]=e.target.value;try{localStorage.setItem("kz-reply-style:"+d,iceStyle[d])}catch(e){}};
  // Another draft in the picked style, told to differ from the one in the box; the box keeps its text until it lands.
  if($("ice-rg"))$("ice-rg").onclick=async()=>{const it=open1,r=iceReply;r.again=true;openSources();
   const j=await post("/reply",{op:"draft",dir:it.dir,id:it.id,style:rStyle(it.dir),avoid:r.text});if(iceReply!==r)return;
   r.again=false;if(j.text)r.text=j.text;r.note=j.ok?j.note||"":"";openSources().then(()=>$("ice-reply")?.focus())};
+ if($("ice-reply")){const ta=$("ice-reply");ta.oninput=()=>{iceReply.text=ta.value;$("ice-rn").textContent=`${ta.value.length} chars`;$("ice-rs").disabled=!ta.value.trim()};
+  ta.onkeydown=e=>{if(e.key==="Escape"){e.stopPropagation();$("ice-rc").click()}};
+  $("ice-rc").onclick=()=>{iceReply=null;openSources()};
   $("ice-rs").onclick=async()=>{const it=open1,r=iceReply;r.busy=true;openSources();
    const j=await post("/reply",{op:"send",dir:it.dir,id:it.id,text:r.text});
    if(j.ok){iceReply=null;toast("Reply posted")}else if(j.sent)iceReply=null;else r.busy=false;
@@ -1369,7 +1384,7 @@ async function openSources(){
    else if(j.ok){$("src-url").value=$("src-label").value=$("src-cat").value="";const g=await post("/sources",{op:"gather",dir:to,url}),r=g.results&&g.results[0];
     toast(r?(r.ok?`Source added: ${r.note} in the icebox`:`Source added, but: ${r.note}`):"Source added");load()}
    else toast(j.error||"Could not add source");
-   if(srcOpen())openSources()})()};
+   if(j.ok)srcAdd=false;if(srcOpen())openSources()})()};
  $("src-url").onkeydown=$("src-q").onkeydown=$("src-label").onkeydown=$("src-cat").onkeydown=e=>{if(e.key==="Enter")$("src-add").click()};
  }
  if($("src-go"))$("src-go").onclick=()=>{$("src-go").disabled=true;$("src-go").innerHTML=ico("refresh")+" Gathering…";