create-pmos 0.509.0 → 0.511.0

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>`;
@@ -639,6 +644,8 @@ $('#ibBody').addEventListener('click', (e) => {
   const tk = e.target.closest('[data-tk]'); if (tk) { openTicket(tk.dataset.ini, tk.dataset.tk, tk); return; }
   if (e.target.closest('[data-act], [data-hold], [data-ms-pick], [data-fc-pick]')) return;   // pm/bd-acts.js handles its own presses (a ⏸ on the timeline opens its hold there; a ◇ its milestones, pm/bd-pin-card.js)
   const pg = e.target.closest('[data-prog]'); if (pg) { PG.openProgram(pg.dataset.prog, pg); return; }
+  // a product head's tile and name (batch 26 item 3): that product's page in Home's Viewer, the one place the product page is drawn
+  const pd = e.target.closest('[data-prodopen]'); if (pd) { location.assign(productHref(pd.dataset.prodws)); return; }
   // a counted milestone ◇ lists its milestones right under it; on a phone the row's bar lane opens them in a sheet (batch 11 item 3)
   const mc = e.target.closest('[data-ms-row]'); if (mc) { msPop(mc, rowOf(mc.dataset.msRow), mc.dataset.msIds.split(' ')); return; }
   // a product lane's counted ◇ lists its milestones with their initiatives; on a phone a tap on the lane lists them all in a sheet (batch 11 item 17)
@@ -693,6 +700,8 @@ function askHref(r, q) {
   const ws = (r && r.ws) || M.board.ws; if (ws) p.set('ws', ws);
   return '/premium.html?' + p.toString();
 }
+/** A product's page (Home's Viewer, home-app.js openProductPage): Home on that product's workspace with ?ini=product. ws '': this board's own. */
+const productHref = (ws) => { const w = ws || (M && !M.board.all ? M.board.ws : ''); return '/premium.html?' + (w ? 'ws=' + encodeURIComponent(w) + '&' : '') + 'ini=product'; };
 const pageHref = (r) => { const ws = r.ws || M.board.ws, b = r.boardId || M.board.id; return '/premium-initiative.html?id=' + encodeURIComponent(r.id) + (ws ? '&ws=' + encodeURIComponent(ws) + '&board=' + encodeURIComponent(b) : ''); };
 
 /* ── the initiative and its Jira ticket open in the Viewer's shell A, floating over the page (pm/bd-ini-panel.js; canvas XvABoard, XvOptAJira).

package/workspace/public/pm/readonly.js

@@ -47,7 +47,9 @@ const REMOVE = [
  *  milestone opens the program's charter in the workspace; a share does not hold the charter. */
 const PLAIN = ['button.dl-e[aria-label*="Program milestone"]:not([aria-label*="press to open"])', 'button.cz-vw-rn', 'button.iv-tt', 'button.iv-dc', 'button.iv-stc', 'button.iv-dtc', 'button.iv-wf', 'button.iv-cb', 'button.tg-end',
   // the program page (batch 21 item 2): a task's check box, a goal (its Viewer is in Intelligence), a report (its file is the publisher's), a program check
-  'button.pp-ck', 'button.pv-gr', 'button.db-rep', 'button.pp-dm'];
+  'button.pp-ck', 'button.pv-gr', 'button.db-rep', 'button.pp-dm',
+  // a product head's tile and name (batch 26 item 3): its page is in the publisher's Home, which a share does not hold
+  'button[data-prodopen]'];
 /** A fold whose body goes with it: Documents and Linked are not listed. */
 const WITH_BODY = ['[data-iv-fold="docs"]', '[data-iv-docs]', '[data-iv-fold="linked"]'];
 

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']];
@@ -15,9 +18,14 @@ export function kindOf(p) {
   if (p && (p.k === 'new' || p.k === 'imp' || p.k === 'fix' || p.k === 'x')) return p.k;
   return FIX.test((p && (p.t || p.s)) || '') ? 'fix' : 'imp';
 }
+/** A title and a summary are the same line when they differ only in code ticks, case, spacing or the closing stop
+ *  ("`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) {
-  const s = String((p && p.s) || ''), t = String((p && p.t) || '');
-  return t && t !== s ? { b: t, s } : { b: '', s };
+  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 };
 }
 const mondayOf = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() - ((d.getDay() + 6) % 7));
 const keyOf = (d) => d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
@@ -33,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 = [];
@@ -50,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 }
+}