create-pmos 0.493.0 → 0.495.0

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

@@ -14,6 +14,7 @@
  *
  * The models are in home-data.js and home-list.js (pure). This file reads the routes, draws, and wires the presses. Every write is the PM's
  * press (pmPost). Nothing here opens the old dialog or links to the console. */
+import './fetch-share.js';   // first: identical GETs in flight are asked once (page-open-speed)
 import { mountNav } from './cozy-nav.js';
 import { mountSetupChecklist } from './setup-checklist.js';
 import { mountOnboard } from './cozy-onboard.js';
@@ -222,7 +223,8 @@ async function load() {
   // an initiative of another product opened before its board was read (a link, a quick press): read it again from its own board
   if (S.ini && !S.IM && otherIni(S.ini)) goIni(S.ini, { page: VW.isOpen() });
 }
-/* ── Home's one line (canvas FcPhone, Home: "only when something changed"): the newest grill this week that left findings, from GET /api/grill.
+/* ── Home's one line (canvas FcPhone, Home: "only when something changed"): the newest grill this week that left findings, from GET /api/grill,
+ * and how many other initiatives were grilled with it ("I grilled Inline login and 5 more this week: 21 findings.").
  * "Checkout v2 will miss its date. I grilled it overnight: 3 findings." ✦ opens them on the initiative. Nothing to say is silence. ── */
 async function loadGrillNews() {
   const b0 = (S.D.board && S.D.board.board) || {};
@@ -236,6 +238,7 @@ function grillNews() {
   const row = H.boardRows(S.D).find((r) => r.id === n.ini), title = (row && row.title) || n.ini;
   const t = n.turn && GW.turnWord(n.turn.to), when = GW.whenWord(n.at), f = n.n + (n.n === 1 ? ' finding' : ' findings');
   const text = t ? (n.turn.scope === 'goal' ? 'A goal ' + title + ' moves ' + t + '. I grilled it ' + when + ': ' + f + '.' : title + ' ' + t + (t === 'will miss' ? ' its date' : '') + '. I grilled it ' + when + ': ' + f + '.')
+    : n.more > 0 ? 'I grilled ' + title + ' and ' + n.more + ' more this week: ' + n.total + ' findings.'
     : 'I grilled ' + title + ' ' + when + (GW.whyWord(n) ? ', ' + GW.whyWord(n) : '') + ': ' + f + '.';
   return { id: n.ini, title, text, n: n.n };
 }
@@ -840,7 +843,9 @@ function sessionTarget(s) {
   // a program's or a product's own chat says so in its scope, never "Loose" (batch 22 item 17)
   const pm = /^chat:program:([^:]+)/.exec(key || ''), pr = pm ? (S.D.programs || []).find((p) => p && p.id === pm[1]) : null;
   const prod = !ini && !pr && /^product(:|$)/.test(key || '') ? H.productName(S.D) : '';
-  const home = pr ? { text: pr.title, icon: TD.P.layers } : prod ? { text: prod, icon: I.home } : null;
+  // a New workflow chat (Settings › Workflows) says so, never "Loose" (batch 24 item 4); its draft stays on the Workflows list
+  const wfNew = !ini && !pr && !prod && /^pop:workflow:/.test(key || '');
+  const home = pr ? { text: pr.title, icon: TD.P.layers } : prod ? { text: prod, icon: I.home } : wfNew ? { text: 'New workflow', icon: I.chat } : null;
   const t = { title: H.nameOf(s), ses: s.id, sub: [role.name, ini ? iniTitle(ini) : home ? home.text : 'Loose'].join(' · '), ini, role, scope: ini ? scopeOf(ini) : home || { text: 'Loose', icon: I.chat, loose: true }, rich: rich(), to: rich() ? role : null, also: alsoOf(ini) };
   if (key && /^(decision|blocked|waited|src|ev|work|board|init|doc|ins|chat|pop):/.test(key)) { t.key = key; t.sid = undefined; } else t.sid = s.id;
   if (!t.key) t.sid = s.id;
@@ -1052,12 +1057,12 @@ function homeTarget() {
     empty: 'Ask anything about your work. Claude reads your repositories and works in a real Claude Code session.', also: alsoOf(null),
     intro: S.impact ? S.impact.intro : undefined };
 }
-/* Your impact (batch 16 item 7): when a finished week has items not checked yet, Home's own chat opens on Claude's check (GmP1Ledger).
+/* Your impact (batch 16 item 7; batch 23 item 4, IcA): while last week's check is open, Home's own chat opens on Claude's thank-you card.
  * Off in Settings, or nothing to check: no card. Read after the list is drawn, so it never holds Home up. */
 async function loadImpact() {
   const c = await IMP.readCheck(pmGet).catch(() => null);
   const was = !!S.impact;
-  S.impact = c ? { c, intro: IMP.checkIntro(c, { esc, pmPost, done: () => { S.impact = null; drawList(); } }) } : null;
+  S.impact = c ? { c, intro: IMP.checkIntro(c, { esc, pmPost }) } : null;
   const cur = chat.current && chat.current();
   if ((was || S.impact) && cur && cur.key === 'chat:main') { chat.open(homeTarget()); }
   if (was || S.impact) drawList();
@@ -1583,6 +1588,19 @@ function menCtx() {
       drawList(); chat.focus();
     } };
 }
+/* A conversation about one item that names its own context (a report's chat icon, report-flow.js chatOf): Home's chat opens on it, the Viewer
+ * stays beside it (on a phone the chat takes the page). Another page hands it over through sessionStorage with ?about=<its key>. */
+function chatAbout(t) {
+  S.phoneChat = isPhone(); if (isPhone()) VW.close();
+  openTarget({ ...homeTarget(), key: t.key, title: t.title, scope: { text: 'Report · ' + t.title, icon: I.chat }, intro: t.intro ? { role: CLAUDE, text: t.intro } : undefined,
+    placeholder: t.placeholder || 'Message Claude', context: t.context });
+  drawList(); chat.focus();
+}
+addEventListener('pmos-chat-about', (e) => { const t = e.detail; if (!t || !/^pop:[A-Za-z0-9][A-Za-z0-9._:-]{0,100}$/.test(String(t.key)) || !t.context) return; e.preventDefault(); chatAbout(t); });
+function aboutHanded(key) {
+  let t = null; try { t = JSON.parse(sessionStorage.getItem('pmos-chat-about') || 'null'); sessionStorage.removeItem('pmos-chat-about'); } catch { return null; }
+  return t && t.key === key && t.context ? t : null;
+}
 function recLive() {
   if (!REC) return null;
   const h = REC.holding && REC.holding();
@@ -1949,6 +1967,7 @@ load().then(() => {
   const say = (P.get('say') || P.get('q') || '').slice(0, 500);
   const asked = !ask ? '' : /^board:/.test(ask) ? ask : /^(insights|verdict)$/.test(ask) ? 'ins:' + ask : 'init:' + ask;
   const about = KEY.test(P.get('about') || '') ? P.get('about') : KEY.test(asked) ? asked : null;
+  const handed = about && /^pop:/.test(about) ? aboutHanded(about) : null;
   if (isPhone() && ((open && !blockOpen) || sid || about)) { S.phoneChat = true; drawList(); }   // the conversation the address names, not the list
   if (open && !blockOpen) {
     // ?item=pt:<program>:<key> (the program panel's link to a program task) names the row by its id; Home lists no task, so the chat opens
@@ -1960,6 +1979,7 @@ load().then(() => {
   else if (about && /^init:/.test(about) && iniRowOf(P.get('vid') || about.slice(5))) { const id = iniRowOf(P.get('vid')) ? P.get('vid') : about.slice(5); goIni(id).then(() => { if (P.get('vk') && S.ini === id && !isPhone()) iniOverview(); }); }
   // the Board's program panel Discuss in chat names board:program:<id>: the program's own conversation, the one its tasks open (bug 2026-10-24)
   else if (about && /^board:program:[A-Za-z0-9][A-Za-z0-9._-]{0,100}$/.test(about)) openTarget(programTarget(about.slice(14)));
+  else if (handed) chatAbout(handed);   // a report's chat icon on another page
   else if (about) { openTarget({ ...homeTarget(), key: about, title: (P.get('label') || '').slice(0, 80) || about }); discussed(about, P.get('vid'), P.get('label')); }
   else if (P.get('view') === 'metrics') openMetrics(P.get('ws') || '');   // ?view=metrics: an old link lands on Intelligence › Delivery trends
   else if (S.ini) goIni(S.ini);

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

@@ -15,7 +15,7 @@
  * started, POST /ask and /press) or a session with no chat key (GET /api/sessions/conversation?id=, POST /api/session/say and /keys).
  * A loose session the host can place (host.suggestLink(target, firstText) → { id, title }) shows one chip: Link it (host.linkTo) or × (host.dismissLink).
  * Every write is the PM's press. mountChat(el, host) returns { open(target), refresh(), focus(), send(text) }.
- *   target: { key?, sid?, title, scope: { text, icon, loose }, role: { name, initial }, intro?: { role, text, at, pills: [{ label, primary, go }] },
+ *   target: { key?, sid?, title, scope: { text, icon, loose }, role: { name, initial }, intro?: { role, text, at, mood? (Adler as the avatar while the log is empty), pills: [{ label, primary, go }] },
  *             ini?, rich, also?: { text, go } }
  *   host:   { esc, toast, pmGet, pmPost, roles(), seen(key), markSeen(key), onScope(btn), onLink(btn), onTo(btn), workItem(text, target),
  *             viewerClosed(), reopenViewer(), head(target), touch(sid) (the PM opened, typed in or answered that session: the Live pill) } */
@@ -58,7 +58,7 @@ export const adlerAvHtml = (mood) => `<span class="hm-av hm-adler" aria-hidden="
 
 export function mountChat(el, host) {
   const esc = host.esc;
-  const C = { t: null, th: null, conv: null, timer: null, show: 12, plOpen: false, plAll: false, open: new Set(), seq: 0, sending: false, files: [], seenAt: null, lastKey: null, picked: {}, auto: { key: null, ctx: new Set(), rep: null, goal: null }, slashAt: 0 };
+  const C = { t: null, th: null, conv: null, timer: null, show: 12, plOpen: false, plAll: false, open: new Set(), seq: 0, sending: false, files: [], seenAt: null, lastKey: null, picked: {}, pend: [], auto: { key: null, ctx: new Set(), rep: null, goal: null }, slashAt: 0 };
   el.innerHTML = `<button type="button" class="hm-reopen" id="hmReopen" aria-label="Open the Viewer" title="Open the Viewer" hidden>${PANE}</button>`
     + '<div class="hm-chd" id="hmCh" hidden></div><div class="hm-sug" id="hmSug" hidden></div><div class="hm-plw" id="hmPl" hidden></div><div class="hm-log" id="hmLog" role="log" aria-live="polite"></div><div class="hm-foot" id="hmFoot"></div>';
   const log = el.querySelector('#hmLog'), foot = el.querySelector('#hmFoot'), reopen = el.querySelector('#hmReopen'), head = el.querySelector('#hmCh'), sug = el.querySelector('#hmSug'), pl = el.querySelector('#hmPl');
@@ -138,11 +138,12 @@ export function mountChat(el, host) {
     if (a.kind === 'reach' && R.stop && R.stop.reach && it.mi === R.lastMsg) return '';
     return kindCardHtml(a, { live, role: R.role.name });
   }
-  function introHtml(o) {
+  /** alone: nothing else in the log yet, so an intro with a mood shows Adler as Claude's avatar (one Adler: a reply takes him over). */
+  function introHtml(o, alone = true) {
     if (!o) return '';
     const r = o.role || { name: 'Claude', initial: 'C' };
     const card = o.card && typeof o.card.html === 'function' ? o.card.html() : '';
-    return `<div class="hm-a">${avHtml(r)}<div class="hm-ab"><p class="hm-who"><b>${esc(r.name)}</b> <span class="hm-say">${esc(o.text)}</span></p>${card ? `<div class="hm-icard">${card}</div>` : ''}</div></div>`
+    return `<div class="hm-a">${o.mood && alone && isClaude(r) ? adlerAvHtml(o.mood) : avHtml(r)}<div class="hm-ab"><p class="hm-who"><b>${esc(r.name)}</b> <span class="hm-say">${esc(o.text)}</span></p>${card ? `<div class="hm-icard">${card}</div>` : ''}</div></div>`
       + (o.pills && o.pills.length ? `<div class="hm-pills">${o.pills.map((p, i) => `<button type="button" class="${p.primary ? 'pri' : ''}" data-hm-pill="${i}"${p.disabled ? ' disabled' : ''}>${esc(p.label)}</button>`).join('')}</div>` : '');
   }
   /** Claude's question card (AskUserQuestion), answerable until the PM writes again. */
@@ -174,6 +175,32 @@ export function mountChat(el, host) {
     return q.filter((x) => !read(x)).map((x) => `<div class="hm-q"><div class="hm-qb">${userHtml(x.text)}</div><span class="hm-qn">${esc(role().name)} reads it after this tool call, in seconds<button type="button" class="hm-qx" data-hm-qdel="${esc(x.at)}" aria-label="Take it back" title="Take it back">${SVG(XX, 13)}</button></span></div>`).join('');
   }
   const sid = () => (C.t && C.t.sid) || (C.th && C.th.session) || null;
+  /* A sent message shows at once (batch 24 item 2: "enter the prompt is so long to appear on the chat"). Its bubble draws the moment the PM
+   * presses Enter, says "Sending…" until PMOS takes it, then "You · HH:MM". It leaves when the transcript holds the PM's turn (the same words,
+   * or any PM turn from that moment on), and after 3 minutes at most, so a bubble never stays as a ghost. A message that was not sent leaves at
+   * once and its words go back in the box. */
+  const PEND_MAX = 180000;
+  function settlePend() {
+    if (!C.pend.length) return;
+    const key = (t) => splitFiles(shownUser(t)).text.replace(/\s+/g, ' ').trim();
+    const users = ((C.conv && C.conv.messages) || []).filter((m) => m.role === 'user');
+    const lastUser = users.reduce((n, m) => Math.max(n, Date.parse(m.at) || 0), 0), now = Date.now();
+    // a message for a working session is queued by the host and drawn as "reads it after this tool call": the bubble gives way to it
+    const queued = new Set((host.queued ? host.queued(sid()) : []).map((x) => x.text));
+    C.pend = C.pend.filter((p) => {
+      if (!p.sent) return true;
+      if (queued.has(p.text)) return false;
+      const t0 = Date.parse(p.at);
+      if (now - t0 > PEND_MAX) return false;
+      if (lastUser && lastUser >= t0 - 2000) return false;
+      return !users.slice(p.n).some((m) => key(m.text) === key(p.text));
+    });
+  }
+  function pendHtml() {
+    settlePend();
+    return C.pend.map((p) => `<div class="hm-u hm-pend${p.sent ? '' : ' sending'}"><div class="hm-bub">${filesHtml(p.files)}${p.text ? userHtml(p.text) : ''}</div>`
+      + `<span class="hm-you" role="status">${p.sent ? 'You · ' + esc(hm(p.at)) : 'Sending…'}</span></div>`).join('');
+  }
   // A loose chat that reads like one initiative gets one quiet chip at its top: "Looks like <initiative> · Link it ×" (XvALinkSuggest).
   function drawSug() {
     const t = C.t, g = t && t.scope && t.scope.loose && t.sid && host.suggestLink ? host.suggestLink(t, firstUser()) : null;
@@ -204,7 +231,7 @@ export function mountChat(el, host) {
     const goal = C.th && C.th.goal;
     const parts = items.map((it, i) => msgHtml(it, i, R));
     placeDivider(parts, items, goal);
-    let html = (t.intro && !(t.intro.onlyEmpty && items.length) ? introHtml(t.intro) : '') + parts.join('') + askHtml(R) + (R.stop && R.lastAgent < 0 ? dividerHtml(R.stop) : '') + queuedHtml();
+    let html = (t.intro && !(t.intro.onlyEmpty && items.length) ? introHtml(t.intro, !items.length) : '') + parts.join('') + askHtml(R) + (R.stop && R.lastAgent < 0 ? dividerHtml(R.stop) : '') + pendHtml() + queuedHtml();
     html += GU.choiceHtml();   // /goal while a goal works here: In a new chat, or Here instead
     if (C.th && C.th.working) html += `<p class="hm-note" role="status">The agent is answering. You can write again when it has.</p>`;
     if (C.conv && C.conv.state === 'ended') html += '<p class="hm-note">This session has ended. Your conversation is kept here, and your next message picks it up.</p>';
@@ -417,20 +444,31 @@ export function mountChat(el, host) {
   async function send(text) {
     const t = C.t; text = String(text || '').trim();
     if (!t || (!text && !C.files.length) || C.sending) return false;
+    if (t.key && C.files.some((f) => f.state === 'saving')) { host.toast('A file is still being saved. Send again in a moment.'); return false; }
     C.sending = true;
     let r;
     const was = running();
+    // the bubble first, then the server (batch 24 item 2): the files leave the box with the words, and come back if the send fails
+    const sentFiles = C.files;
+    const p = { text, files: sentFiles.map((f) => f.path || f.saved).filter(Boolean), at: new Date().toISOString(), sent: false, n: ((C.conv && C.conv.messages) || []).filter((m) => m.role === 'user').length };
+    C.pend.push(p); C.files = []; C.jump = true; draw();
     if (t.key) {
-      if (C.files.some((f) => f.state === 'saving')) { C.sending = false; host.toast('A file is still being saved. Send again in a moment.'); return false; }
-      const files = C.files.map((f) => f.saved);
+      const files = sentFiles.map((f) => f.saved);
       r = await host.pmPost('/api/briefing-premium/ask' + (t.ws ? '?ws=' + encodeURIComponent(t.ws) : ''), files.length ? { key: t.key, text, files, ...(t.context ? { context: t.context } : {}) } : { key: t.key, text, ...(t.context ? { context: t.context } : {}) }).catch(() => null);
     } else r = await host.pmPost('/api/session/say', { id: t.sid, text }).catch(() => null);
     C.sending = false;
-    if (!r || r.ok !== true) { host.toast((r && r.error) || 'The message was not sent.'); return false; }
+    if (!r || r.ok !== true) {
+      C.pend = C.pend.filter((x) => x !== p);
+      if (C.t === t && !C.files.length) C.files = sentFiles;
+      if (C.t === t) draw();
+      host.toast((r && r.error) || 'The message was not sent.'); return false;
+    }
     const s = sid() || r.session;
     if (host.touch) host.touch(s);
     if (was && s && host.queue) host.queue(s, text);
-    C.files.forEach((f) => { if (f.url) URL.revokeObjectURL(f.url); }); C.files = []; C.jump = true;
+    p.sent = true;
+    sentFiles.forEach((f) => { if (f.url) URL.revokeObjectURL(f.url); }); C.jump = true;
+    if (C.t === t) draw();
     if (t.onSent) t.onSent(r);
     read();
     return true;
@@ -526,7 +564,11 @@ export function mountChat(el, host) {
       drawFoot({ role: role() });
     }
   };
-  el.addEventListener('submit', (e) => { e.preventDefault(); const ta = foot.querySelector('textarea'); const v = ta.value; if (GU.submit(v)) { ta.value = ''; grow(ta); return; } send(v).then((ok) => { if (ok) { ta.value = ''; grow(ta); } }); });
+  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);
+    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);
   el.addEventListener('keydown', (e) => {
@@ -622,7 +664,7 @@ 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.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) { 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(); },

package/workspace/public/pm/home-impact.css

@@ -1,16 +1,26 @@
-/* pm/home-impact.css — the weekly check of Your impact in Home's chat (feedback batch 16 item 7, canvas GmP1Ledger). pm/home-impact.js. */
-.im-card { clear: both; margin-top: 8px; padding: 4px 14px 8px; }   /* under Claude's line, never beside it (the line floats on a desk) */
-.im-list { list-style: none; margin: 0; padding: 0; }
-.im-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--cz-hair); }
-.im-row:first-child { border-top: 0; }
-.im-row.im-off .im-t { color: var(--cz-ink3); text-decoration: line-through; }
-.im-k { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; flex: none; background: var(--cz-well); color: var(--cz-ink2); }
-.im-k.im-thanks { background: var(--cz-bluebg); color: var(--cz-blueink); }
+/* pm/home-impact.css — the weekly check of Your impact in Home's chat (batch 16 item 7; batch 23 item 4, canvas IcA). pm/home-impact.js. */
+.im-card { clear: both; margin-top: 10px; max-width: 600px; }   /* under Claude's line, never beside it (the line floats on a desk) */
+.im-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
+.im-q { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 12px 8px 12px 16px; border-radius: 18px; background: var(--cz-bluebg); }
+.im-k { flex: none; display: inline-flex; margin-top: 2px; color: var(--cz-blueink); }
 .im-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
-.im-t { font-size: var(--fs-4); overflow-wrap: anywhere; }
-.im-src { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; }
+.im-t { font-size: var(--fs-4); font-weight: 700; line-height: 1.35; color: var(--cz-ink); overflow-wrap: anywhere; }
+.im-w { font-size: var(--fs-3); color: var(--cz-ink2); overflow-wrap: anywhere; }
+.im-src { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; font-size: var(--fs-2); color: var(--cz-ink3); text-decoration: none; }
 .im-src:hover { text-decoration: underline; }
 .im-src svg, .im-lock svg { flex: none; }
-.im-foot { display: flex; align-items: center; gap: 8px; padding-top: 8px; }
-.im-lock { flex: 1; display: inline-flex; align-items: center; gap: 6px; }
-@media (prefers-reduced-motion: no-preference) { .im-row { transition: opacity .2s ease; } }
+.im-mw { position: relative; flex: none; }
+.im-more { width: 28px; height: 28px; color: var(--cz-ink2); }
+.ut-ib.im-more svg { stroke-width: 3.2; }
+.im-pop { position: absolute; right: 0; top: 32px; z-index: 5; padding: 4px; border-radius: 14px; background: var(--cz-card); box-shadow: 0 14px 34px -14px rgba(42, 46, 53, .4), 0 0 0 1px var(--cz-hair); }
+.im-pop button { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border: 0; border-radius: 10px; background: none; color: var(--cz-ink); font: inherit; font-size: var(--fs-3); font-weight: 600; white-space: nowrap; cursor: pointer; }
+.im-pop button:hover, .im-pop button:focus-visible { background: var(--cz-well); }
+.im-pop svg { width: 15px; height: 15px; }
+.im-q.im-gone { align-items: center; padding: 8px 8px 8px 16px; background: var(--cz-well); color: var(--cz-ink3); font-size: var(--fs-3); }
+.im-gt { flex: 1; min-width: 0; overflow-wrap: anywhere; }
+.im-undo { flex: none; height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: var(--cz-blueink); font: inherit; font-size: var(--fs-3); font-weight: 700; cursor: pointer; }
+.im-undo:hover { background: var(--cz-card); }
+.im-lock { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; font-size: var(--fs-2); color: var(--cz-ink3); }
+.im-msg { margin: 4px 0 0; font-size: var(--fs-2); color: var(--cz-ink3); }
+.im-msg:empty { display: none; }
+@media (prefers-reduced-motion: no-preference) { .im-q { transition: background-color .2s ease; } }

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

@@ -1,12 +1,14 @@
-/* pm/home-impact.js — the weekly check of "Your impact" in Home's chat (feedback batch 16 item 7, Phase 1; canvas In development GmP1Ledger).
- * After a week ends, Claude lists that week's items and asks whether each is real: ✕ or ✓ on each row, ✓✓ for every row not checked yet.
- * Only ✓ items count. Each row links to its source. No number is shown. The card is Home's own chat intro while the check is due; it goes
- * when every row is checked.
+/* pm/home-impact.js — the weekly check of "Your impact" in Home's chat (feedback batch 16 item 7; rebuilt batch 23 item 4, canvas IcA).
+ * After a week ends, Claude shows that week's items as thank-you bubbles: the quote in bold, who and what, the source link. They count by
+ * default: nothing needs a ✓. One quiet ⋯ per row holds "Not right, drop it"; a dropped row says so with Undo. The lock line is a quiet
+ * footer. No number is shown. The card is Home's own chat intro for the whole week after (lib/impact.js: when it ends, rows nobody dropped
+ * are real); the first time it is drawn, the page says so (looked), and the row under Mentions goes.
  *
  *   readCheck(pmGet) → the GET /api/impact/check body when a check is due, else null
- *   checkIntro(c, { esc, pmPost, done }) → the intro of Home's chat: { role, text, card: { html, press } }
- *   rowHtml(c, { esc, sel }) → the one row under Mentions while the check is due: a tap opens Home's chat on it (on a phone too). No count.
- * Writes: POST /api/impact/verdict { id, real }, /verdict-all { week }, /undo { id } (page presses). Nothing leaves PMOS. */
+ *   partsOf(item) → { quote, what }: the bold line (the words in quotes, else the item's sentence) and the who/what line
+ *   checkIntro(c, { esc, pmPost }) → the intro of Home's chat: { role, mood, text, card: { html, press } }
+ *   rowHtml(c, { esc, sel }) → the one row under Mentions until the card is seen: a tap opens Home's chat on it (on a phone too). No count.
+ * Writes: POST /api/impact/verdict { id, real: false }, /undo { id }, /looked { week }. Nothing leaves PMOS. */
 
 const SV = (d, w = 18) => `<svg aria-hidden="true" width="${w}" height="${w}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="${d}"/></svg>`;
 const P = {
@@ -14,7 +16,7 @@ const P = {
   unblock: 'M7 11V8a5 5 0 0 1 9.6-2M5 11h14v9H5z',
   used: 'M12 3l8 9-8 9-8-9z',
   kr: 'M4 17l6-6 4 4 6-7M15 8h5v5',
-  no: 'M6 6l12 12M18 6L6 18', yes: 'M5 12l5 5 9-10', all: 'M18 6L7 17l-5-5M22 10l-7.5 7.5L13 16',
+  no: 'M6 6l12 12M18 6L6 18', yes: 'M5 12l5 5 9-10', dots: 'M5 12h.01M12 12h.01M19 12h.01',
   lock: 'M7 11V8a5 5 0 0 1 10 0v3M5 11h14v9H5z', open: 'M14 4h6v6M20 4l-9 9M18 14v6H4V6h6',
 };
 const DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
@@ -26,47 +28,62 @@ export async function readCheck(pmGet) {
 }
 
 export function rowHtml(c, { esc, sel }) {
-  if (!c) return '';
+  if (!c || c.looked) return '';
   return `<div class="hv-card hr-card hr-men-card"><div class="hm-r hv-r hr-men${sel ? ' sel' : ''}" data-id="impact">`
     + `<button type="button" class="hm-rm" data-hr-impact${sel ? ' aria-current="true"' : ''} aria-label="Your impact: ${esc(c.label.toLowerCase())} is ready to check">`
     + `<span class="hv-mk hr-at" aria-hidden="true">${SV(P.yes, 16)}</span><span class="hm-rt"><b>Your impact</b><small class="hr-sub">${esc(c.label)} is ready to check</small></span>`
     + '<span class="hv-xc" aria-hidden="true"></span></button></div></div>';
 }
 
-export function checkIntro(c, { esc, pmPost, done }) {
-  const st = { c, msg: '' };
-  const left = () => st.c.items.filter((x) => x.real === null);
+const QUOTE = /[“"]([^”"]{2,})[”"]/;
+/** The bold line is the thanks in the person's own words when the item quotes them; the line under it says who and what. */
+export function partsOf(x) {
+  const t = String((x && x.text) || ''), who = String((x && x.who) || ''), m = QUOTE.exec(t);
+  if (!m) return { quote: t, what: who };
+  const rest = t.replace(m[0], ' ').replace(/^[\s:—–-]+|[\s:—–-]+$/g, '').replace(/\s+/g, ' ').trim();
+  return { quote: `“${m[1].trim()}”`, what: rest && rest !== who ? rest : who };
+}
+
+export function checkIntro(c, { esc, pmPost }) {
+  const st = { c, msg: '', menu: null, told: !!c.looked };
   const row = (x) => {
-    const mark = x.real === null
-      ? `<button type="button" class="ut-ib lg" data-im-v="no" data-im-id="${esc(x.id)}" aria-label="Not real, drop it" title="Not real, drop it">${SV(P.no)}</button>`
-        + `<button type="button" class="ut-ib pri" data-im-v="yes" data-im-id="${esc(x.id)}" aria-label="Real, keep it" title="Real, keep it">${SV(P.yes)}</button>`
-      : `<button type="button" class="ut-ib lg on" data-im-undo="${esc(x.id)}" aria-pressed="true" aria-label="${x.real ? 'Kept as real. Undo' : 'Dropped. Undo'}" title="${x.real ? 'Kept as real. Undo' : 'Dropped. Undo'}">${SV(x.real ? P.yes : P.no)}</button>`;
-    return `<li class="im-row${x.real === false ? ' im-off' : ''}"><span class="im-k im-${esc(x.kind)}" aria-hidden="true">${SV(P[x.kind] || P.used)}</span>`
-      + `<span class="im-tx"><span class="im-t">${esc(x.text)}</span><a class="ut-small ut-mut im-src" href="${esc(x.source.url)}" target="_blank" rel="noopener noreferrer">${esc(x.source.label)} · ${esc(dayName(x.at))} ${SV(P.open, 12)}</a></span>${mark}</li>`;
+    const { quote, what } = partsOf(x);
+    const src = `<a class="im-src" href="${esc(x.source.url)}" target="_blank" rel="noopener noreferrer">${esc(x.source.label)} · ${esc(dayName(x.at))} ${SV(P.open, 11)}</a>`;
+    if (x.real === false) {
+      return `<li class="im-q im-gone"><span class="im-gt">Dropped, not counted: ${esc(quote)}</span>`
+        + `<button type="button" class="im-undo" data-im-undo="${esc(x.id)}">Undo</button></li>`;
+    }
+    const open = st.menu === x.id;
+    return `<li class="im-q"><span class="im-k im-${esc(x.kind)}" aria-hidden="true">${SV(P[x.kind] || P.used)}</span>`
+      + `<span class="im-tx"><span class="im-t">${esc(quote)}</span>${what ? `<span class="im-w">${esc(what)}</span>` : ''}${src}</span>`
+      + `<span class="im-mw"><button type="button" class="ut-ib im-more" data-im-more="${esc(x.id)}" aria-haspopup="menu" aria-expanded="${open}" aria-label="More" title="More">${SV(P.dots, 16)}</button>`
+      + (open ? `<span class="im-pop" role="menu"><button type="button" role="menuitem" data-im-drop="${esc(x.id)}">${SV(P.no, 15)} Not right, drop it</button></span>` : '')
+      + '</span></li>';
   };
   const html = () => {
-    const open = left();
-    return `<div class="ut-card im-card" role="group" aria-label="Your impact, ${esc(st.c.label.toLowerCase())}">`
+    if (!st.told) { st.told = true; st.c.looked = true; Promise.resolve(pmPost('/api/impact/looked', { week: st.c.week })).catch(() => {}); }
+    return `<div class="im-card" role="group" aria-label="Your impact, ${esc(st.c.label.toLowerCase())}">`
       + `<ul class="im-list">${st.c.items.map(row).join('')}</ul>`
-      + `<div class="im-foot"><span class="ut-small ut-mut im-lock">${SV(P.lock, 14)} Only you see this. Nothing leaves PMOS.</span>`
-      + (open.length > 1 ? `<button type="button" class="ut-ib pri" data-im-all aria-label="All real, keep them all" title="All real, keep them all">${SV(P.all)}</button>` : '')
-      + `</div><p class="ut-small ut-mut" role="status">${esc(st.msg)}</p></div>`;
+      + `<p class="im-lock">${SV(P.lock, 13)} Only you see this. Nothing leaves PMOS.</p>`
+      + `<p class="im-msg" role="status">${esc(st.msg)}</p></div>`;
   };
   const press = async (b) => {
     const d = b.dataset;
+    if (d.imMore) { st.menu = st.menu === d.imMore ? null : d.imMore; return true; }
     let r = null;
-    if (d.imV) r = await pmPost('/api/impact/verdict', { id: d.imId, real: d.imV === 'yes' });
+    if (d.imDrop) r = await pmPost('/api/impact/verdict', { id: d.imDrop, real: false });
     else if (d.imUndo) r = await pmPost('/api/impact/undo', { id: d.imUndo });
-    else if ('imAll' in d) r = await pmPost('/api/impact/verdict-all', { week: st.c.week });
     else return false;
+    st.menu = null;
     if (!r || !r.ok) { st.msg = (r && r.error) || 'Not saved.'; return true; }
-    if (d.imV) { const x = st.c.items.find((y) => y.id === d.imId); if (x) x.real = d.imV === 'yes'; }
-    else if (d.imUndo) { const x = st.c.items.find((y) => y.id === d.imUndo); if (x) x.real = null; }
-    else for (const x of st.c.items) if (x.real === null) x.real = true;
-    st.msg = left().length ? '' : 'Thank you. This week is checked.';
-    if (!left().length && done) done();
+    const x = st.c.items.find((y) => y.id === (d.imDrop || d.imUndo));
+    if (x) x.real = d.imDrop ? false : null;
+    st.msg = '';
     return true;
   };
-  const short = c.gate === 'short' ? ' Too many of these were not real, so I keep your sprout and your log hidden for now.' : '';
-  return { role: { key: 'claude', name: 'Claude', initial: 'C' }, text: `Here’s what I’d count as your impact ${c.label === 'Last week' ? 'last week' : c.label.replace(/^Week of/, 'the week of')}. Is each one real? I read these from your sources. I don’t post anything anywhere.${short}`, card: { html, press } };
+  const thanks = c.items.some((x) => x.kind === 'thanks');
+  const when = c.label === 'Last week' ? 'last week' : c.label.replace(/^Week of/, 'the week of');
+  const short = c.gate === 'short' ? ' Too many of these were not right, so I keep your sprout and your log hidden for now.' : '';
+  return { role: { key: 'claude', name: 'Claude', initial: 'C' }, mood: 'handled',
+    text: `${thanks ? 'People thanked you' : 'Your work moved things'} ${when}. I read these from your sources and counted them in your impact.${short}`, card: { html, press } };
 }

package/workspace/public/pm/home-ini.css

@@ -126,6 +126,8 @@ button.hi-pill { cursor: pointer; }
 /* ── the initiative's page in the Viewer (canvas HbCDesk, HbCNew, HbCPhone): the stage card, three tasks, the documents that need a look ── */
 .hi-page { display: flex; flex-direction: column; gap: 14px; }
 .hi-page .hm-pcard { margin: 0; }
+/* a phone (batch 23 item 5, canvas PmA): the Viewer's own 16 px is the page's one inset */
+@media (max-width: 760px) { .hi-v.hi-page { padding-left: 0; padding-right: 0; } }
 .hi-pg { display: flex; flex-direction: column; gap: 2px; }
 .hi-pgh { display: flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 4px; }
 .hi-pgh b { font-size: var(--fs-3); font-weight: 800; color: var(--cz-ink); }

package/workspace/public/pm/ini-view.css

@@ -1060,6 +1060,61 @@ button.iv-mt.iv-wf { padding: 0 !important; margin: 0 !important; }
   .shut-mc .iv-tel { min-height: 0; }
   .ab-sum .nm { display: none; }
 }
+/* ── a phone (batch 23 item 5, canvas PmA, agreed 2026-11-02): one 16 px inset and no beige wrapper; a shorter mission; the way to finish and About
+ * as one white card of 48 px rows (the next stage with its round →, which opens the Move sheet; the people and the program; About); 36 px pills in
+ * the Tasks header; task rows 12 px in, and a stage's late and open counts on its dates line. A desktop is unchanged. ── */
+.iv-gx-t .tx.ph, .iv-ws .n-in { display: none; }
+@media (max-width: 760px) {
+  .iv-mc { background: transparent; padding: 0; border-radius: 0; gap: 0; }
+  .iv-mc-row { display: contents; }
+  .iv-mc > .iv-mc-top { margin-bottom: 12px; border: 1px solid var(--cz-hair); }
+  .iv-mc .iv-tel { min-height: 128px; border-radius: 22px; }
+  .iv-mc:not(.shut-mc) .iv-tel { margin-bottom: 12px; }
+  .iv-mc .iv-tel-ct { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 12px; padding: 12px 56px 12px 16px; }
+  .iv-mc .iv-tel-t { display: contents; }
+  .iv-mc .iv-tel-ct .iv-shn { flex-basis: 100%; min-height: 36px; }
+  .iv-tel .iv-dtc { min-height: 24px; font-size: var(--fs-2); }
+  .iv-tel .iv-setd { min-height: 36px; }
+  .iv-ro { gap: 16px; padding-top: 0; }
+  .iv-ro > div { flex-direction: row; align-items: baseline; gap: 4px; }
+  .iv-ro small { font-size: var(--fs-2); font-weight: 700; letter-spacing: 0; }
+  .iv-ro b { font-size: var(--fs-3); }
+  .iv-ro b i { font-size: var(--fs-2); }
+  /* the readouts on the dates line say where today is; the art's own Today label would sit on them */
+  .iv-tel .mi-tx.now { display: none; }
+  /* the one card: the way to finish on top, About under it */
+  .iv-gx, .iv-ab { border: 1px solid var(--cz-hair); }
+  .iv-gx { border-radius: 22px 22px 0 0; border-bottom: 0; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t a" "l l" "f f"; }
+  .iv-ab { border-radius: 0 0 22px 22px; }
+  .iv-gx-t { padding: 4px 0 4px 10px !important; min-height: 56px; gap: 6px; }
+  .iv-gx-t .chev { width: 16px; }
+  .iv-gx[data-ph] .iv-gx-t .tx.dk, .iv-gx[data-ph] .iv-gx-c { display: none; }
+  .iv-gx-t .tx.ph { display: flex; }
+  .iv-gx-t .tx b { font-size: var(--fs-3); overflow: hidden; text-overflow: ellipsis; }
+  .iv-gx-c { grid-area: a; }
+  .iv-gx-a { padding: 0 8px 0 4px; }
+  .iv-gx[data-ph] .iv-gx-a .iv-scgo { flex: none; width: 40px; height: 40px; padding: 0 !important; justify-content: center !important; }
+  .iv-gx[data-ph] .iv-gx-a .iv-scgn { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+  .iv-gx-ft { padding: 0 8px; min-height: 48px; display: flex; align-items: center; }
+  .iv-gx .iv-meta { flex: 1; }
+  .iv-gx .iv-prog { margin-left: auto !important; }
+  .iv-ab-h { min-height: 48px; padding: 0 14px !important; }
+  /* Tasks: 36 px pills (a 44 px press under each), rows 12 px in, the counts on the dates line */
+  .hi-v .iv-th button { min-height: 36px; height: 36px; position: relative; }
+  .hi-v .iv-th button::after { content: ""; position: absolute; left: 0; right: 0; top: -4px; bottom: -4px; }
+  .iv-ws { padding-left: 12px !important; }
+  .iv-ws.in { padding-left: 12px !important; }
+  .iv-ws > .n { display: none; }
+  .iv-ws .n-in { display: inline; }
+  .iv-ws .n-in.w { color: var(--cz-risk); font-weight: 700; }
+  .iv-ws.pl > .iv-cv { margin-left: 40px; }
+  .iv-wbs > .iv-ws + .iv-ws::before, .iv-wbs > .iv-wl + .iv-ws::before, .iv-wl > .iv-ws + .iv-ws::before, .iv-wl > .iv-wl + .iv-ws::before, .iv-wbs > * + :is(.iv-wsw, .ig-dz)::before, .iv-wbs > :is(.iv-wsw, .ig-dz) + .iv-ws::before { left: 12px; }
+  .iv-wl { padding: 0 12px 6px 12px; }
+  .iv-wl > .iv-ws.in { margin-left: -12px; width: calc(100% + 24px); }
+  .iv-tr.iv-ed { margin: 0 -12px; padding: 10px 12px 12px !important; width: calc(100% + 24px); }
+  .iv-addin { margin: 0 -12px; padding: 10px 12px 4px; }
+  .iv-addd { margin: 0 -12px; padding: 4px 12px 12px; }
+}
 html.ad-still .iv-mc-top.adl, html.ad-still .iv-mc-top.adl .iv-ask .ad-svg { animation: none !important; }
 @media (prefers-reduced-motion: reduce) { .iv-mc-top.adl, .iv-mc-top.adl .iv-ask .ad-svg { animation: none !important; } }
 

package/workspace/public/pm/ini-view.js

@@ -75,11 +75,11 @@ const SHOWN = new Map();  // id → the view last drawn, for the Kanban's stage
 const MCS = new Map();    // id → the PM's own changes to { mc, gx, ab } (true = open), kept in the browser
 const MCK = 'pmos.iv.mc.';
 const store = () => { try { return typeof localStorage !== 'undefined' ? localStorage : null; } catch { return null; } };
-/** The three folds of one initiative: the PM's own, else the defaults (the way to finish is open on a wide screen, About is folded; on a phone both are folded; About opens by itself while a success measure waits on a ✓). */
+/** The three folds of one initiative: the PM's own, else the defaults (the telemetry card starts hidden in its banner; the way to finish is open on a wide screen, About is folded; on a phone both are folded; About opens by itself while a success measure waits on a ✓). */
 export function mcState(id, o = {}) {
   let mine = MCS.get(id);
   if (!mine) { mine = {}; try { const s = store(), j = s && JSON.parse(s.getItem(MCK + id) || 'null'); if (j && typeof j === 'object') for (const k of ['mc', 'gx', 'ab']) if (typeof j[k] === 'boolean') mine[k] = j[k]; } catch { mine = {}; } MCS.set(id, mine); }
-  const dflt = { mc: true, gx: !phone(), ab: !!o.proposal };
+  const dflt = { mc: false, gx: !phone(), ab: !!o.proposal };   // the telemetry starts hidden in its banner (Wawan, batch 24 item 1)
   return { mc: 'mc' in mine ? mine.mc : dflt.mc, gx: 'gx' in mine ? mine.gx : dflt.gx, ab: 'ab' in mine ? mine.ab : dflt.ab };
 }
 export function mcToggle(id, key, o) {
@@ -165,7 +165,10 @@ function gatesHtml(v, o, pri, open) {
   const rows = G.open.length ? `<div class="iv-gx-l" role="list">${G.open.slice(0, 3).map(row).join('')}${G.open.length > 3 ? `<p class="iv-gx-dn">${G.open.length - 3} more in Tasks</p>` : ''}${G.done ? `<p class="iv-gx-dn">${plural(G.done, 'milestone', 'milestones')} done</p>` : ''}</div>`
     : G.done ? `<div class="iv-gx-l"><p class="iv-gx-dn">${plural(G.done, 'milestone', 'milestones')} done</p></div>` : '';
   const title = st.line && st.line.finished ? 'This stage is done' : 'To finish this stage';
-  return `<section class="iv-gx" aria-label="${esc(title)}"><button type="button" class="iv-gx-t" data-iv-mc="gx" aria-expanded="${!!open}"><span class="chev" aria-hidden="true">${SVG(CHEV, 16, 2)}</span><span class="tx"><b>${title}</b>${sub ? `<span class="s">${esc(sub)}</span>` : ''}</span></button>`
+  // a phone (batch 23 item 5, canvas PmA) reads the row as the next stage and the count, with the round → beside it; the text above is the desktop's
+  const cnt = st.nTotal ? st.doneOf || st.nDone + ' of ' + st.nTotal + ' done' : '';
+  const ph = st.next ? `<span class="tx ph"><b>${esc('Next: ' + (st.next.ms ? '◆ ' : '') + st.next.name)}</b>${cnt ? `<span class="s">${esc(cnt)}</span>` : ''}</span>` : '';
+  return `<section class="iv-gx"${ph ? ' data-ph' : ''} aria-label="${esc(title)}"><button type="button" class="iv-gx-t" data-iv-mc="gx" aria-expanded="${!!open}"><span class="chev" aria-hidden="true">${SVG(CHEV, 16, 2)}</span><span class="tx dk"><b>${title}</b>${sub ? `<span class="s">${esc(sub)}</span>` : ''}</span>${ph}</button>`
     + `${st.nTotal ? `<span class="iv-gx-c">${pipsOf(st)}<small>${esc(st.doneOf || st.nDone + ' of ' + st.nTotal + ' done')}</small></span>` : ''}<div class="iv-gx-a">${nextHtml(st, o, pri)}</div>${open ? rows : ''}<div class="iv-gx-ft">${metaHtml(s, o)}</div></section>`;
 }
 function ctrlHtml(v, o = {}) {
@@ -305,7 +308,7 @@ function sectionHtml(v, sec, o, inner) {
   const name = sec.label || sec.name;
   const plus = st && op && has ? ED.plusHtml(sec, v.id || v.key || '', o) : '';
   const row = `<button type="button" class="iv-ws${sec.kind === 'past' || sec.kind === 'later' ? ' mut' : ''}${inner ? ' in' : ''}${plus ? ' pl' : ''}"${st ? ` data-iv-sec="${sk}"` : ''} ${has ? `data-iv-fold="${esc(key)}" aria-expanded="${op}"` : 'disabled'}>${markOf(sec)}`
-    + `<span class="w"><b>${esc(name)}</b>${sec.sub ? `<small class="${sec.subWarn ? 'w' : ''}">${esc(sec.sub)}</small>` : ''}</span>${sec.epicKey ? `<span class="ig-key">${esc(sec.epicKey)}</span>` : ''}${sec.count ? `<span class="n${sec.warn ? ' w' : ''}">${esc(sec.count)}</span>` : ''}${has ? chev(op) : ''}</button>`;
+    + `<span class="w"><b>${esc(name)}</b>${sec.sub || sec.count ? `<small class="${sec.subWarn ? 'w' : ''}">${esc(sec.sub || '')}${sec.count ? `<span class="n-in${sec.warn ? ' w' : ''}">${sec.sub ? ' · ' : ''}${esc(sec.count)}</span>` : ''}</small>` : ''}</span>${sec.epicKey ? `<span class="ig-key">${esc(sec.epicKey)}</span>` : ''}${sec.count ? `<span class="n${sec.warn ? ' w' : ''}">${esc(sec.count)}</span>` : ''}${has ? chev(op) : ''}</button>`;
   // a group's own presses sit beside its fold: ⋯ on the PM's own group, the send icon on an epic (batch 11 item 20)
   const tools = G.toolsHtml(sec) + plus, head = tools ? `<div class="iv-wsw">${row}${tools}</div>` : row;
   // the PM's own groups and Not in a group take a dragged task

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

@@ -17,6 +17,7 @@
  * Workflows (D99, workflows-per-initiative: WfABoard WfABoardOne WfATrack WfAElse WfAPhone; pm/bd-wf.js): every initiative is on one workflow. The
  * chip row picks one (its own stages become the columns and the track's header) or All (the three categories, each row its own stages).
  * Where no record holds a value for an initiative, the element says so: nothing is invented. */
+import './fetch-share.js';   // first: identical GETs in flight are asked once (page-open-speed)
 import { pmPost } from './http.js';
 import { followDoc } from './doc-follow.js';
 import { $, $$, esc, store, chatAbout, setPageGaps } from './premium-shell.js';

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

@@ -28,6 +28,7 @@
  *   IsPhone   the goal detail full screen with Readings, Moved by and Dashboards; a report setup as a sheet.
  * window.czViewer is feature-detected, with this page's side panel as the fallback. A report file opens in the report reader
  * (pm/premium-report-read.js), the report panel in the Viewer card. The page has no #dlg. */
+import './fetch-share.js';   // first: identical GETs in flight are asked once (page-open-speed)
 import { $, $$, esc, toast, wireRail, setPageGaps } from './premium-shell.js';
 import { pmPost, pmGet } from './http.js';
 import * as GW from './grill-words.js';   // Grill and Forecast screens (canvas FcIntel): the goal that will miss, and what Claude's grill found