create-pmos 0.510.0 → 0.512.0

package/workspace/public/pm/home-chat.js

@@ -34,6 +34,7 @@ import * as VWC from './cozy-viewer.js';
 import { canDictate, dictate } from './home-dictate.js';
 import { adler } from './cozy-adler.js';
 import { snapOf, turnEnded } from './chat-turn-end.js';   // a finished turn re-reads what the Viewer shows (batch 25 item 3)
+import { nextPromptUi } from './next-prompt-ui.js';   // the suggested next prompt and the Sharper card above the box (batch 26 item 2)
 /* The views a chat opens go in the Viewer: on a page with no dialog the old viewer's views draw in the cozy card (premium-viewer.js). */
 const views = {
   ctx: () => import('./premium-vw-ctx.js'), file: () => import('./premium-vw-file.js'), attach: () => import('./premium-attach.js'),
@@ -78,6 +79,18 @@ export function mountChat(el, host) {
   const role = () => (C.t && C.t.role) || roleOf(C.sess || null, host.roles(), firstUser());
   const firstUser = () => { const m = ((C.conv && C.conv.messages) || []).find((x) => x.role === 'user'); return m ? m.text : ''; };
   const running = () => !!C.conv && (C.conv.turn === 'agent' || C.conv.turn === 'tool') && C.conv.state !== 'ended';
+  // the suggested next prompt (batch 26 item 2): cards above the box after a reply, a Sharper card while the PM types a rough prompt
+  const NPU = nextPromptUi({ el, host, box: () => foot.querySelector('textarea'), redrawFoot: () => { if (C.t) drawFoot({ role: role() }); } });
+  el.addEventListener('np-grow', (e) => grow(e.target), true);
+  const plain = (s) => String(s || '').replace(/```pmos-[\s\S]*?```/g, '').trim();
+  function npCtx() {
+    const t = C.t, ms = (C.conv && C.conv.messages) || [];
+    let ai = -1; for (let i = ms.length - 1; i >= 0; i--) if (ms[i] && ms[i].role !== 'user' && plain(ms[i].text)) { ai = i; break; }
+    let pi = -1; for (let i = ai - 1; i >= 0; i--) if (ms[i] && ms[i].role === 'user') { pi = i; break; }
+    const ini = /^init:/.test(String(t.key || ''));
+    return { key: t.key || t.sid || '', reply: ai >= 0 ? plain(ms[ai].text).slice(0, 6000) : '', asked: pi >= 0 ? shownUser(String(ms[pi].text || '')).slice(0, 2000) : '',
+      initiative: ini ? String(t.title || '') : '', stage: ini ? String(t.sub || '') : '', title: String(t.title || '') };
+  }
 
   /* ── reading ── */
   async function read() {
@@ -98,6 +111,8 @@ export function mountChat(el, host) {
     const ended = turnEnded(C.turn, snap); C.turn = snap;
     draw();
     if (ended && host.turnEnded) host.turnEnded(t);
+    NPU.read(snap.busy);
+    if (ended && !(C.conv && C.conv.ask)) NPU.turnEnded(npCtx());
     clearTimeout(C.timer);
     const live = (C.th && (C.th.session || C.th.working)) || (t.sid && C.conv && C.conv.state !== 'ended');
     C.timer = setTimeout(() => { if (!document.hidden) read(); else C.timer = setTimeout(read, IDLE_POLL); }, live ? POLL : IDLE_POLL);
@@ -429,7 +444,7 @@ export function mountChat(el, host) {
     const html = `${also}<form class="hm-box${on ? ' ut-on' : ''}" id="hmForm">${dot}<textarea id="hmIn" rows="1" aria-label="A message for ${esc(R.role.name)}" placeholder="${esc(ph)}"></textarea>`
       + `<div class="hm-tb">${add}`
       + to + wait + scope + `<span class="sp"></span>${host.viewerClosed() ? '<span class="hm-key">Enter sends · Shift+Enter for a new line</span>' : ''}`
-      + `${mic}<button type="submit" class="hm-send" aria-label="Send" title="Send">${SVG(UP, 18)}</button></div>`
+      + `${NPU.undoHtml()}${mic}<button type="submit" class="hm-send" aria-label="Send" title="Send">${SVG(UP, 18)}</button></div>`
       + filesRow()
       + '</form>';
     if (foot.__h !== html) {
@@ -511,6 +526,7 @@ export function mountChat(el, host) {
       return;
     }
     const b = e.target.closest('button, [data-file], [data-att], [data-ctx]'); if (!b || !el.contains(b)) return;
+    if (NPU.click(b)) return;
     // ✓ types /compact (and hides the ✦ until the pie moves); ✕ hides it until the session is 10 points fuller
     if (b.dataset.hmCpt && C.cpt) { if (b.dataset.hmCpt === 'ok') host.compact(sid()); else host.dismissCompact(sid(), C.cpt.pct); C.cpt = null; sug.hidden = true; put(sug, ''); return; }
     if (b.dataset.hmSug && C.sug) { const g = C.sug; if (b.dataset.hmSug === 'link') host.linkTo(C.t.sid, g.id); else { host.dismissLink(C.t.sid); drawSug(); } return; }
@@ -572,12 +588,15 @@ export function mountChat(el, host) {
   el.addEventListener('submit', (e) => { e.preventDefault(); const ta = foot.querySelector('textarea'); const v = ta.value; if (GU.submit(v)) { ta.value = ''; grow(ta); return; }
     // the box empties at once and the bubble shows (batch 24 item 2); a send that fails puts the words back, unless the PM typed again
     if (!v.trim() && !C.files.length) return;
-    ta.value = ''; grow(ta);
+    ta.value = ''; grow(ta); NPU.sent();
     send(v).then((ok) => { const box = foot.querySelector('textarea'); if (!ok && box && !box.value) { box.value = v; grow(box); } }); });
   const shutAdd = (focus) => { if (!C.addOpen) return; C.addOpen = false; drawFoot({ role: role() }); if (focus) { const a = foot.querySelector('#hmAdd'); if (a) a.focus(); } };
   document.addEventListener('click', (e) => { if (C.addOpen && e.target.isConnected && !e.target.closest('.hm-addw')) shutAdd(false); }, true);
+  // Escape closes the goal choice or method menu wherever the focus is: the redraw that opens the choice can drop the focus to the page
+  document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !e.defaultPrevented && el.isConnected && !el.contains(e.target) && !document.querySelector('[data-esc-layer]') && GU.escape()) e.preventDefault(); });
   el.addEventListener('keydown', (e) => {
     if (e.key === 'Escape' && C.addOpen) { e.preventDefault(); e.stopPropagation(); shutAdd(true); return; }
+    if (e.key === 'Escape' && NPU.escape()) { e.preventDefault(); e.stopPropagation(); return; }
     if (e.key === 'Escape' && GU.escape()) { e.preventDefault(); e.stopPropagation(); return; }
     if (e.target.id !== 'hmIn') { if (e.key === 'Escape' && running() && !document.querySelector('[data-esc-layer]') && !(window.czViewer && window.czViewer.isOpen())) press('esc'); return; }
     if (e.isComposing || e.keyCode === 229) return;
@@ -590,7 +609,7 @@ export function mountChat(el, host) {
   el.addEventListener('input', (e) => {
     const card = C.t && C.t.intro && C.t.intro.card;
     if (card && card.input && e.target.closest('.hm-icard')) { card.input(e.target, e.target.closest('.hm-icard')); return; }
-    if (e.target.id === 'hmIn') { grow(e.target); C.slashAt = 0; drawSlash(); }
+    if (e.target.id === 'hmIn') { grow(e.target); C.slashAt = 0; drawSlash(); NPU.input(e.target.value); }
   });
   /* ── the mic ── dictation into the box only (HmMic). A desk shows the blue dot in the box; a phone shows the Speak to Claude sheet. */
   const box = () => foot.querySelector('textarea');
@@ -669,10 +688,12 @@ export function mountChat(el, host) {
       if (notesM) notesM.then((M) => setTimeout(() => M.syncNotes(), 0));   // the Notes open in the Viewer belonged to the conversation before
       const same = C.t && t && C.t.key === t.key && C.t.sid === t.sid;
       C.t = t;
-      if (!same) { C.addOpen = false; C.th = null; C.conv = null; C.show = 12; C.open = new Set(); C.files = []; C.marked = null; C.touched = null; C.picked = {}; C.pend = []; C.plOpen = false; C.plAll = false; C.seenAt = t.key ? host.seen(t.key) : null; put(log, introHtml(t.intro)); put(pl, ''); pl.hidden = true; C.jump = true; peek(null); }
+      if (!same) { NPU.open(); C.addOpen = false; C.th = null; C.conv = null; C.show = 12; C.open = new Set(); C.files = []; C.marked = null; C.touched = null; C.picked = {}; C.pend = []; C.plOpen = false; C.plAll = false; C.seenAt = t.key ? host.seen(t.key) : null; put(log, introHtml(t.intro)); put(pl, ''); pl.hidden = true; C.jump = true; peek(null); }
       draw(); read();
     },
     refresh() { if (C.t) draw(); },
+    /** Stop reading: the chat left the screen (the Board's chat panel closed). open() starts again. */
+    stop() { clearTimeout(C.timer); C.seq += 1; },
     reread() { read(); },
     focus() { const ta = foot.querySelector('textarea'); if (ta) ta.focus(); },
     send,

package/workspace/public/pm/next-prompt-ui.js

@@ -0,0 +1,117 @@
+/* pm/next-prompt-ui.js — the chat's suggested next prompt and its Sharper card (batch 26 item 2, design B: canvas NpB, NpBw).
+ *
+ * After a reply ends: up to two cards above the box, the one Claude recommends lit (white, blue ring, blue ✦), the other grey. A tap puts its
+ * text in the box; nothing sends, and the PM sends with the box's own ↑. No ↵, edit or dismiss icon. No card when there is no clear next step.
+ * The cards hide when the PM types or a new reply starts; they have no timeout.
+ * While the PM types a rough prompt (3 or more words), after a 1.5 s pause: a spinner card while Claude sharpens it, then one lit Sharper card.
+ * Its sliders icon opens the style menu: Sharpen as Polish, Prompt engineer (the default) or Your own, and the Sharpen as I type switch.
+ * After a tap on the Sharper card, ↶ in the box puts back what the PM wrote (NpB 5).
+ * Server: GET /api/next-prompt/prefs, POST /api/next-prompt/next and /sharpen (lib/routes-next-prompt.js, through lib/ai-guard.js); the style
+ * and the switch are saved with POST /api/next-prompt/prefs (style, sharpen). Settings › Claude › Sharpen prompts holds the same.
+ *
+ *   nextPromptUi({ el, host, box, redrawFoot }) → { turnEnded(ctx), read(busy), input(value), sent(), open(), undoHtml(), click(target) → bool }
+ *     ctx: { key, asked, reply, initiative?, stage?, title? }   box() → the textarea   redrawFoot() draws the box again (for ↶) */
+const STAR = '<svg aria-hidden="true" width="15" height="15" viewBox="0 0 24 24" class="np-star"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg>';
+const SLIDERS = 'M4 7h9M17 7h3M4 17h3M11 17h9M13 4v6M7 14v6', CHECK = 'M5 12l5 5L20 7', UNDO = 'M9 14L4 9l5-5M4 9h11a5 5 0 0 1 0 10h-3', SPIN = 'M12 3a9 9 0 1 1-9 9';
+const ic = (d, w = 16) => `<svg aria-hidden="true" width="${w}" height="${w}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="${d}"/></svg>`;
+const STYLES = [['polish', 'Polish', 'Clearer and shorter, your meaning kept'], ['engineer', 'Prompt engineer', 'Builds the best prompt for the job'], ['own', 'Your own', 'Your wording rules, written once in Settings']];
+const PAUSE = 1500;
+export const roughText = (t) => { const s = String(t || '').trim(); return !s.startsWith('/') && s.length >= 12 && s.split(/\s+/).filter(Boolean).length >= 3; };
+
+export function nextPromptUi({ el, host, box, redrawFoot }) {
+  const esc = host.esc;
+  const N = { mode: null, cards: [], sharp: null, menu: false, prefs: null, seq: 0, timer: null, ctx: null, orig: null, filled: null, sent: null };
+  const wrap = document.createElement('div');
+  wrap.className = 'np'; wrap.id = 'hmNp'; wrap.hidden = true;
+  const foot = el.querySelector('#hmFoot');
+  foot.parentNode.insertBefore(wrap, foot);
+
+  const loadPrefs = () => host.pmGet('/api/next-prompt/prefs').then((r) => { if (r && r.ok) { N.prefs = r; if (!r.sharpen && N.mode !== 'cards') clear(); else draw(); } }).catch(() => {});
+  loadPrefs();
+  document.addEventListener('pmos:prompt-prefs', loadPrefs);   // Settings › Claude changed them
+
+  function clear() { N.seq++; clearTimeout(N.timer); N.mode = null; N.cards = []; N.sharp = null; N.menu = false; draw(); }
+  function draw() {
+    let html = '';
+    if (N.mode === 'cards' && N.cards.length) {
+      html = `<div class="np-list" role="group" aria-label="Suggested next prompts">${N.cards.map((c, i) => `<button type="button" class="np-card${c.rec ? ' rec' : ''}" data-np-use="${i}" aria-label="Use this prompt: ${esc(c.text)}"${c.rec ? ' title="Claude recommends this one"' : ''}>${STAR}<span class="np-t">${esc(c.text)}</span></button>`).join('')}</div>`;
+    } else if (N.mode === 'spin') {
+      html = `<div class="np-spin" role="status" aria-label="Claude is sharpening your prompt"><span class="np-sp">${ic(SPIN, 20)}</span><span class="np-sk"><i></i><i></i></span></div>`;
+    } else if (N.mode === 'sharp' && N.sharp) {
+      const P = N.prefs || {}, st = P.style || 'engineer';
+      const menu = N.menu ? `<div class="np-menu" role="menu" aria-label="Style of sharper prompts" data-esc-layer><p class="np-mh">Sharpen as</p>${STYLES.map(([k, l, d]) => `<button type="button" role="menuitemradio" aria-checked="${st === k}" class="np-mi" data-np-voice="${k}"><span class="np-ck">${st === k ? ic(CHECK) : ''}</span><span><b>${esc(l)}</b><em>${esc(k === 'own' && !P.rules ? 'Write your rules in Settings first' : d)}</em></span></button>`).join('')}`
+        + `<span class="np-sep" role="separator"></span><button type="button" role="menuitemcheckbox" class="np-mi np-swr" aria-checked="${!!P.sharpen}" data-np-sw><b>Sharpen as I type</b><span class="np-sw${P.sharpen ? ' on' : ''}" aria-hidden="true"><i></i></span></button></div>` : '';
+      html = `<div class="np-card rec np-sh"><button type="button" class="np-use" data-np-sharp aria-label="Use the sharper prompt: ${esc(N.sharp)}" title="Claude sharpened your prompt">${STAR}<span class="np-t">${esc(N.sharp)}</span></button>`
+        + `<button type="button" class="np-ib" data-np-menu aria-haspopup="menu" aria-expanded="${N.menu}" aria-label="Style of sharper prompts" title="Style of sharper prompts">${ic(SLIDERS)}</button>${menu}</div>`;
+    }
+    if (wrap.__h !== html) { wrap.__h = html; wrap.innerHTML = html; }
+    wrap.hidden = !html;
+  }
+  function fill(text, keepOrig) {
+    const ta = box(); if (!ta) return;
+    N.orig = keepOrig && ta.value.trim() && ta.value !== text ? ta.value : null;
+    N.filled = text; ta.value = text;
+    clear(); redrawFoot();
+    const t2 = box(); if (t2) { t2.dispatchEvent(new Event('np-grow')); t2.focus(); t2.setSelectionRange(t2.value.length, t2.value.length); }
+  }
+  async function sharpen(value) {
+    const my = ++N.seq;
+    N.mode = 'spin'; N.sharp = null; draw();
+    const c = N.ctx || {};
+    const r = await host.pmPost('/api/next-prompt/sharpen', { key: c.key || '', text: value, reply: c.reply || '', initiative: c.initiative || '', title: c.title || '' }).catch(() => null);
+    const ta = box();
+    if (my !== N.seq || !ta || ta.value !== value) return;   // the PM typed on, or sent: this answer is for words no longer in the box
+    if (r && r.ok && r.text) { N.mode = 'sharp'; N.sharp = r.text; } else { N.mode = null; }
+    draw();
+  }
+  async function save(key, value) {
+    const r = await host.pmPost('/api/next-prompt/prefs', { key, value }).catch(() => null);
+    if (!(r && r.ok)) { host.toast((r && r.error) || 'Not saved.'); return; }
+    await loadPrefs();
+    document.dispatchEvent(new CustomEvent('pmos:prompt-prefs-saved', { detail: { key, value } }));
+  }
+
+  return {
+    /** A reply ended: ask for the next prompts, unless the PM is already typing. */
+    async turnEnded(ctx) {
+      N.ctx = ctx;
+      const ta = box();
+      if (!N.prefs || !N.prefs.next || !ctx || !ctx.reply || (ta && ta.value.trim())) return;
+      const my = ++N.seq; clearTimeout(N.timer);
+      const r = await host.pmPost('/api/next-prompt/next', ctx).catch(() => null);
+      const t2 = box();
+      if (my !== N.seq || (t2 && t2.value.trim())) return;
+      N.cards = r && r.ok && Array.isArray(r.cards) ? r.cards.slice(0, 2) : [];
+      N.mode = N.cards.length ? 'cards' : null; N.menu = false; draw();
+    },
+    /** Each read of the conversation: a new turn at work hides the cards. */
+    read(busy, ctx) { if (ctx) N.ctx = { ...(N.ctx || {}), ...ctx }; if (busy && N.mode) clear(); },
+    input(value) {
+      if (N.orig != null && !value.trim()) { N.orig = null; redrawFoot(); }
+      if (N.mode === 'cards' || N.mode === 'sharp' || N.mode === 'spin') { N.seq++; N.mode = null; N.menu = false; draw(); }
+      clearTimeout(N.timer);
+      if (!N.prefs || !N.prefs.sharpen || value === N.filled || !roughText(value)) return;
+      N.timer = setTimeout(() => { const ta = box(); if (ta && ta.value === value) sharpen(value); }, PAUSE);
+    },
+    sent() { N.orig = null; N.filled = null; clear(); },
+    open() { N.ctx = null; N.orig = null; N.filled = null; clear(); },
+    undoHtml: () => (N.orig != null ? `<button type="button" class="hm-tool np-undo" data-np-undo aria-label="Back to what I wrote" title="Back to what I wrote">${ic(UNDO)}</button>` : ''),
+    /** A click inside the chat: true when it was one of ours. */
+    click(b) {
+      if (!b) return false;
+      if ('npUse' in b.dataset) { const c = N.cards[Number(b.dataset.npUse)]; if (c) fill(c.text, false); return true; }
+      if ('npSharp' in b.dataset) { if (N.sharp) fill(N.sharp, true); return true; }
+      if ('npUndo' in b.dataset) { const ta = box(); if (ta && N.orig != null) { const o = N.orig; N.orig = null; N.filled = null; ta.value = o; redrawFoot(); const t2 = box(); if (t2) { t2.dispatchEvent(new Event('np-grow')); t2.focus(); } } return true; }
+      if ('npMenu' in b.dataset) { N.menu = !N.menu; draw(); if (N.menu) { const f = wrap.querySelector('.np-mi'); if (f) f.focus(); } return true; }
+      if (b.dataset.npVoice) {
+        const k = b.dataset.npVoice;
+        if (k === 'own' && !(N.prefs && N.prefs.rules)) { N.menu = false; draw(); import('./cozy-settings.js').then((M) => M.openSettings('claude')).catch(() => {}); return true; }
+        N.menu = false; save('style', k).then(() => { const ta = box(); if (ta && roughText(ta.value)) sharpen(ta.value); });
+        return true;
+      }
+      if ('npSw' in b.dataset) { const on = !(N.prefs && N.prefs.sharpen); save('sharpen', on ? 'on' : 'off').then(() => { if (!on) clear(); else draw(); }); return true; }
+      return false;
+    },
+    escape() { if (!N.menu) return false; N.menu = false; draw(); const m = wrap.querySelector('[data-np-menu]'); if (m) m.focus(); return true; },
+  };
+}

package/workspace/public/pm/page-chat.css

@@ -0,0 +1,9 @@
+/* pm/page-chat.css — Home's chat in a Viewer of its own on a page with no chat column (page-chat.js, batch 26 item 4). The chat's own
+ * look is cozy-home.css; here only its place: the Viewer's body does not scroll, the conversation does, and the box stays at the foot. */
+.cz-vw .cz-vw-body.pc-body { display: flex; flex-direction: column; overflow: hidden; padding: 0; }
+.pc-body > .pc-chat { flex: 1 1 auto; min-height: 0; padding: 4px 20px 16px; }
+.pc-body > .pc-chat > .hm-reopen { display: none; }
+/* the box shows focus as Home's does (its own well), not with the page's focus ring */
+.pc-chat form.hm-box textarea:focus-visible { outline: none; }
+/* "In:" names the item the chat is about; on the Board it cannot change, so it is not a press */
+.pc-chat [data-hm-scope] { pointer-events: none; }

package/workspace/public/pm/page-chat.js

@@ -0,0 +1,90 @@
+/* pm/page-chat.js — the chat as a panel on a page that has no chat column (the Board; batch 26 item 4, Wawan 2026-11-03: "User should be
+ * able to open chat panel on board page").
+ *
+ * "Discuss in chat" on the Board's initiative or program panel opens the chat about that item in a Viewer of its own, beside the panel
+ * (1600 px and wider) or sliding over it (a laptop), through the panels engine (cozy-panels.js openBeside). The page stays where it is.
+ * It is Home's chat (home-chat.js mountChat), not a second one: the same conversation key Home opens for that item (cozy-viewer.js
+ * aboutPrefix: init:<id> for an initiative, board:<id> for a program), so the words are the same on both pages. One chat panel at a time:
+ * Discuss on another item changes the conversation in it. A file or a link the chat opens goes in the other Viewer (outward), as on Home.
+ * ⋯ keeps "Open in a new tab": the same conversation on Home. A phone goes to Home as before (cozy-viewer.js chatHere is desktop only).
+ *
+ *   openChat({ id, kind, title }, { ws? }) → true when it opened (false: no item to talk about; the caller goes to Home)
+ * The chat's styles are Home's (cozy-home.css, home-line.css); they load once, the first time the chat opens. */
+import * as VW from './cozy-viewer.js';
+import { pmGet, pmPost, pmHeaders } from './http.js';
+
+export const CHAT_ID = 'page-chat';
+const CLAUDE = { key: 'claude', name: 'Claude', initial: 'C' };
+const CHAT_ICON = 'M5 6.5A2.5 2.5 0 0 1 7.5 4h9A2.5 2.5 0 0 1 19 6.5v7a2.5 2.5 0 0 1-2.5 2.5H11l-4 3.5V16h.5A2.5 2.5 0 0 1 5 13.5z';
+const FLAG = 'M5 21V4h11l-2 4 2 4H5';
+const SHEETS = ['./cozy-home.css', './home-line.css', './page-chat.css'];
+const esc = (v) => String(v == null ? '' : v).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]);
+const Q = { el: null, chat: null, t: null, mod: null };
+
+/** The conversation key Home opens for the item (cozy-viewer.js discuss: ?about=). */
+export function keyOf(it) {
+  const raw = String((it && (it.id || it.title)) || '');
+  const k = String((it && it.kind) || 'item').trim().toLowerCase().replace(/[^a-z0-9]+/g, '-');
+  const id = raw.replace(/[^A-Za-z0-9._:-]+/g, '-').replace(/^[^A-Za-z0-9]+/, '').slice(0, 100);
+  return id ? VW.aboutPrefix(k) + ':' + id : '';
+}
+/** The chat's target (home-chat.js mountChat open): the item's name is its scope; Claude answers. */
+export function targetOf(it, ws) {
+  const title = String((it && it.title) || 'this').slice(0, 80);
+  return { key: keyOf(it), ws: ws || undefined, title, about: title, scope: { text: title, icon: FLAG }, role: CLAUDE, rich: false,
+    placeholder: 'Message Claude about ' + title, empty: 'Ask about ' + title + '. Claude reads its records and works in a real Claude Code session.' };
+}
+/** Home's own address for the same conversation (⋯ › Open in a new tab). */
+const homeHref = (it, key) => '/premium.html?' + new URLSearchParams({ about: key, label: String(it.title || '').slice(0, 80) }).toString();
+
+function sheets() {
+  for (const s of SHEETS) {
+    const href = new URL(s, import.meta.url).href;
+    if (![...document.querySelectorAll('link[rel="stylesheet"]')].some((l) => l.href === href)) { const l = document.createElement('link'); l.rel = 'stylesheet'; l.href = href; document.head.appendChild(l); }
+  }
+}
+const toast = (m) => { const t = document.getElementById('toast'); if (!t) return; t.textContent = m; t.classList.add('on'); setTimeout(() => t.classList.remove('on'), 4200); };
+function host() {
+  return {
+    esc, toast, pmGet, pmPost, pressHeaders: () => { const h = pmHeaders(); delete h['Content-Type']; return h; },
+    roles: () => [], seen: () => null, markSeen: () => {}, session: () => null, queued: () => [],
+    touch: (sid) => { if (sid) pmPost('/api/session/touch', { id: sid }).then(() => document.dispatchEvent(new CustomEvent('cz:live'))).catch(() => {}); },
+    onScope: () => {}, onTo: () => {}, onLink: () => {},
+    workItem: () => toast('Make a work-item from Home, in the initiative’s own chat.'),
+    viewerClosed: () => false, reopenViewer: () => {}, desk: () => true, head: () => '',
+    // a finished turn: the page reads its records again, so what Claude changed shows with no refresh (as Home, batch 25 item 3)
+    turnEnded: () => document.dispatchEvent(new CustomEvent('cz:chat-turn')),
+  };
+}
+async function mod() {
+  if (!Q.mod) Q.mod = import('./home-chat.js');
+  return Q.mod;
+}
+const shownAt = () => VW.panels.list().find((p) => p.open && p.item && p.item.id === CHAT_ID) || null;
+
+export async function openChat(it, o = {}) {
+  const key = keyOf(it); if (!key) return false;
+  sheets();
+  const M = await mod();
+  if (!Q.el) {
+    Q.el = document.createElement('section'); Q.el.className = 'hm-chat pc-chat'; Q.el.setAttribute('aria-label', 'Conversation');
+    Q.chat = M.mountChat(Q.el, host());
+  }
+  Q.t = targetOf(it, o.ws);
+  const item = {
+    id: CHAT_ID, kind: 'Chat', title: Q.t.title, icon: CHAT_ICON, url: homeHref(it, key), outward: true, fresh: true,
+    render: (body) => { body.classList.add('pc-body'); body.appendChild(Q.el); Q.chat.open(Q.t); },
+    onClose: () => { if (Q.chat) Q.chat.stop(); },
+  };
+  const at = shownAt();
+  if (at) {   // one chat panel: it changes to this item's conversation in place (its title and its Home address with it)
+    VW.open({ ...item, into: at.id });
+    if (window.czPanels && (window.czPanels.list().find((p) => p.id === at.id) || {}).mode === 'away') window.czPanels.slideOver();
+    setTimeout(() => Q.chat && Q.chat.focus(), 60);
+    return true;
+  }
+  const P = window.czPanels;
+  if (!(P && P.openBeside && P.openBeside(item))) VW.open(item);
+  setTimeout(() => Q.chat && Q.chat.focus(), 60);
+  return true;
+}

package/workspace/public/pm/premium-board.js

@@ -95,6 +95,11 @@ mountLivePill();
  * name drags beside, or ⌘/Ctrl-click opens it beside (a By stage card's drag moves the stage, so it is no source). fit(): the width the
  * view needs whole, so the Viewer opens no wider than that leaves. */
 mountPanels({ page: document.getElementById('stage'), key: 'board', sources: BP2.SOURCES, fit: BP2.fit });
+/* Discuss in chat on an initiative's or a program's panel opens Home's chat about it in a panel of its own, beside the panel or sliding over
+ * it (batch 26 item 4, page-chat.js); the Board stays. A finished turn reads the board again. A phone goes to Home as before. */
+VW.chatHere((it) => { const r = M && (M.rows || []).find((x) => x.id === it.id); import('./page-chat.js').then((C) => C.openChat(it, { ws: (r && r.ws) || (M && M.board.ws) || undefined })); return true; });
+document.addEventListener('cz:chat-turn', () => { clearTimeout(chatT); chatT = setTimeout(() => load(), 400); });
+let chatT = null;
 // a product head's goal dots (PgBoard .gd) count that product's open initiatives, the way Home's product header does
 PG.goalsFrom((name) => (M ? M.initiatives.list.rows.filter((r) => !M.board.all || r.product === name) : null));
 const SV = (d) => `<svg viewBox="0 0 24 24" aria-hidden="true"><path d="${d}"/></svg>`;

package/workspace/public/pm/upd-weeks.js

@@ -1,8 +1,11 @@
 /* pm/upd-weeks.js — the published kits' change log, grouped by calendar week (Settings › Updates; initiative premium-updates, the weekly log).
  * Pure: no DOM, no network. The two Settings screens (cozy-settings.js, premium-shell.js) draw what it returns.
- *   weeksOf(entries, now, mine) → [{ key, name, range, kits: [oldest, newest], newer, groups: { new, imp, fix }, count }]   newest week first
- *   lineOf(item) → { b, s }   a bold name and the sentence under it (the PR's title and its summary), or just the sentence
- * An entry is { v, at, prs: [{ n, t, s, k }] } as scripts/kit-changelog.js writes it. A week runs Monday to Sunday in this computer's time zone.
+ *   weeksOf(entries, now, mine) → [{ key, name, range, kits: [oldest, newest], newer, groups: { new, imp, fix }, count, items, sum }]   newest week first
+ *     items: every line of the week as one flat list, the newest kit first; sum: up to three summary lines, from the highlights (top)
+ *   storiesOf(w) → { kit, latest: [items of the newest kit], earlier: [the rest, highlights first] }   design E: the newest kit at version level
+ *   lineOf(item) → { b, s }   a bold name and the sentence under it: Claude's story (h, d) when the kit has one, else the PR's title and
+ *                             its summary, or just the sentence
+ * An entry is { v, at, prs: [{ n, t, s, k, h, d, top }] } as scripts/kit-changelog.js writes it. A week runs Monday to Sunday in this computer's time zone.
  * Each PR becomes one line in New, Improved or Fixed by its kind k; chore, docs, test and CI PRs (k = x) are left out, and a week with no line
  * is not listed (zero is silence). A kit published before kinds were kept has no k, so its title decides: a fix word means Fixed, else Improved. */
 export const KINDS = [['new', 'New'], ['imp', 'Improved'], ['fix', 'Fixed']];
@@ -19,6 +22,7 @@ export function kindOf(p) {
  *  ("`pmos x` names y" and "Pmos x names y."): the line is then the title once, without its ticks, so a command keeps its own case. */
 const same = (a, b) => { const f = (x) => x.replace(/`/g, '').replace(/[.!?]+$/, '').replace(/\s+/g, ' ').trim().toLowerCase(); return f(a) === f(b); };
 export function lineOf(p) {
+  if (p && p.h) { const d = String(p.d || ''), ps = String(p.s || ''); return { b: String(p.h), s: d || (same(p.h, ps) || same(String(p.t || ''), ps) ? '' : ps) }; }
   const s = String((p && p.s) || ''), t = String((p && p.t) || '').replace(/`([^`]*)`/g, '$1');
   if (!t) return { b: '', s };
   return same(t, s) ? { b: '', s: t } : { b: t, s };
@@ -37,15 +41,16 @@ export function weeksOf(entries, now = Date.now(), mine = null) {
   for (const e of Array.isArray(entries) ? entries : []) {
     if (!e || !e.v) continue;
     const d = e.at ? new Date(e.at) : null, dated = d && !isNaN(d), mon = dated ? mondayOf(d) : null, key = dated ? keyOf(mon) : 'undated';
-    if (!by.has(key)) by.set(key, { key, mon, kits: [], newer: false, groups: { new: [], imp: [], fix: [] }, seen: new Set() });
+    if (!by.has(key)) by.set(key, { key, mon, kits: [], newer: false, groups: { new: [], imp: [], fix: [] }, items: [], seen: new Set() });
     const w = by.get(key);
     w.kits.push(e.v);
     if (mine && cmpVer(e.v, mine) > 0) w.newer = true;
     for (const p of e.prs || []) {
-      const k = kindOf(p); if (k === 'x') continue;
+      const k = p.h && p.top ? 'new' : kindOf(p); if (k === 'x') continue;   // a highlight is told as a New entry
       if (p.n && w.seen.has(p.n)) continue;
       if (p.n) w.seen.add(p.n);
-      w.groups[k].push({ n: p.n || null, t: p.t || '', s: p.s || '', v: e.v });
+      const it = { n: p.n || null, k, t: p.t || '', s: p.s || '', v: e.v, ...(p.h ? { h: p.h } : {}), ...(p.d ? { d: p.d } : {}), ...(p.h && p.top ? { top: p.top } : {}) };
+      w.groups[k].push(it); w.items.push(it);
     }
   }
   const out = [];
@@ -54,7 +59,16 @@ export function weeksOf(entries, now = Date.now(), mine = null) {
     if (!count) continue;
     const sorted = [...w.kits].sort(cmpVer);
     const name = !w.mon ? 'Date not recorded' : keyOf(w.mon) === keyOf(thisMon) ? 'This week' : keyOf(w.mon) === keyOf(lastMon) ? 'Last week' : 'Week of ' + dm(w.mon);
-    out.push({ key: w.key, name, range: w.mon ? rangeOf(w.mon) : '', kits: [sorted[0], sorted[sorted.length - 1]], newer: w.newer, groups: w.groups, count, mon: w.mon });
+    const items = w.items.map((it, i) => [it, i]).sort((a, b) => cmpVer(b[0].v, a[0].v) || a[1] - b[1]).map(([it]) => it);
+    const sum = items.filter((it) => it.top).slice(0, 3).map((it) => it.top);
+    out.push({ key: w.key, name, range: w.mon ? rangeOf(w.mon) : '', kits: [sorted[0], sorted[sorted.length - 1]], newer: w.newer, groups: w.groups, count, items, sum, mon: w.mon });
   }
   return out.sort((a, b) => (a.mon && b.mon ? b.mon - a.mon : a.mon ? -1 : b.mon ? 1 : 0)).map(({ mon, ...w }) => w);
 }
+
+/** Design E: the week's newest kit on its own, at version level, then the rest of the week as one flat list with the highlights first. */
+export function storiesOf(w) {
+  const kit = w && w.kits ? w.kits[1] : null, items = (w && w.items) || [];
+  const latest = items.filter((it) => it.v === kit), rest = items.filter((it) => it.v !== kit);
+  return { kit, latest, earlier: [...rest.filter((it) => it.top), ...rest.filter((it) => !it.top)] };
+}

package/workspace/public/premium-board.html

@@ -7,8 +7,8 @@
 <title>PMOS · Board</title>
 <!-- The premium Board in the Agreed design (initiative premium-agreed-design, B1 B2 B3 N1 N2). One toolbar and no page header; each initiative is a row
  across the six stages and two milestones, with progress toward its current output from Jira. It reads GET /api/board-premium. The floating place menu
- (pm/cozy-nav.js) replaces the rail on screen; the rail stays in the markup so premium-shell.js keeps its wiring. The Board has no chat: "Ask about this"
- sends the question to Home. -->
+ (pm/cozy-nav.js) replaces the rail on screen; the rail stays in the markup so premium-shell.js keeps its wiring. Discuss in chat on a panel opens Home's chat
+ about it in a panel on the Board (pm/page-chat.js); a phone goes to Home. -->
 <link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-pick.css" />

package/workspace/test-lists/closed-not-late.json

@@ -0,0 +1,5 @@
+{
+  "_comment": "Batch 26 item 5 (Fix red light issue): a closed initiative (its workflow's terminal stage, lib/routes-boards.js closedOf) is never late on the Board: no line to Today, no late dot or ◇, no edge tab; a one-day plan draws its bar.",
+  "modules": ["closed-not-late.test.js"],
+  "seconds": { "closed-not-late.test.js": 2 }
+}

package/workspace/test-lists/next-prompt.json

@@ -0,0 +1,5 @@
+{
+  "_comment": "The chat's suggested next prompt and Sharper card (batch 26 item 2): the engine, the route with a recorded answer in place of Claude, the shared guard's replay, citation check and kill switch, and the Settings keys.",
+  "modules": ["next-prompt.test.js"],
+  "seconds": { "next-prompt.test.js": 2 }
+}