create-pmos 0.494.0 → 0.495.0

package/workspace/metric-drafts-ui-test.js

@@ -12,6 +12,7 @@ const path = require('path');
 const fs = require('fs');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'metric-drafts-ui' });
 const BP = require('./lib/board-premium.js');
 const F = require('./fixtures/board-premium-facts.js');
@@ -68,7 +69,7 @@ const INITIATIVE = () => ({
   const shot = async (p, name) => { if (SHOTS) { await sleep(450); await p.screenshot({ path: path.join(SHOTS, name + '.png') }); } };
 
   const open = async ({ w = 1440, h = 900, drafts = { program: PROGRAM(), initiative: INITIATIVE() }, dark = false } = {}) => {
-    const c = await browser.newContext({ viewport: { width: w, height: h }, colorScheme: dark ? 'dark' : 'light' });
+    const c = await openMission(await browser.newContext({ viewport: { width: w, height: h }, colorScheme: dark ? 'dark' : 'light' }));
     const page = await c.newPage();
     const errors = [], posts = [], gets = [];
     page.on('pageerror', (e) => errors.push(String((e && e.stack) || e)));

package/workspace/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "pmos-workspace",
-  "version": "0.494.0",
+  "version": "0.495.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "pmos-workspace",
-      "version": "0.494.0",
+      "version": "0.495.0",
       "license": "MIT",
       "dependencies": {
         "@anthropic-ai/sdk": "^1.3.0",

package/workspace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmos-workspace",
-  "version": "0.494.0",
+  "version": "0.495.0",
   "private": true,
   "description": "PMOS Terminal Workspace — local companion hosting real PTYs beside the library and gates (D62)",
   "license": "MIT",

package/workspace/premium-board-actions-test.js

@@ -10,6 +10,7 @@ const fs = require('fs');
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'premium-board-actions' });
 const { makeRepos, codeRepo, write, git } = require('./plan-test-repos');
 const BP = require('./lib/board-premium.js');
@@ -71,7 +72,7 @@ const ALLOWED = /^\/api\/(?:boards\/(?:asks\/(?:add|accept|decline)|move|archive
 
   browser = await chromium.launch({ executablePath: exe });
   const open = async (url, { w = 1280, h = 900 } = {}) => {
-    const ctx = await browser.newContext({ viewport: { width: w, height: h } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: w, height: h } }));
     await ctx.addInitScript(() => { try { localStorage.setItem('pmos.premium.openAs', 'popup'); } catch { /* none */ } });
     const page = await ctx.newPage(), errors = [], posts = [];
     page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));

package/workspace/premium-vw-backlog-test.js

@@ -7,6 +7,7 @@
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'premium-vw-backlog' });
 const BP = require('./lib/board-premium.js');
 const F = require('./fixtures/board-premium-facts.js');
@@ -46,7 +47,7 @@ const SPRINTS = { ok: true, source: 'jira', readAt: '2026-10-19T09:00:00Z', velo
   browser = await chromium.launch({ executablePath: exe });
 
   const open = async ({ w = 1280, h = 900, theme = 'light', sprints = SPRINTS } = {}) => {
-    const ctx = await browser.newContext({ viewport: { width: w, height: h } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: w, height: h } }));
     const page = await ctx.newPage();
     const S = { errors: [], reads: [] };
     page.on('pageerror', (e) => S.errors.push(String((e && e.message) || e)));
@@ -120,7 +121,7 @@ const SPRINTS = { ok: true, source: 'jira', readAt: '2026-10-19T09:00:00Z', velo
 
   /* the Board (premium-uncovered-features, BdSprint) carries no Sprint card and no dialog; its sprint chip opens the Sprints and releases popover, whose Backlog row opens the backlog in the side panel */
   {
-    const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 } }), page = await ctx.newPage(), errs = [];
+    const ctx = await openMission(await browser.newContext({ viewport: { width: 1280, height: 900 } })), page = await ctx.newPage(), errs = [];
     page.on('pageerror', (e) => errs.push(String((e && e.message) || e)));
     const model = BP.build(F.facts({ sprints: { source: 'jira', readAt: SPRINTS.readAt, sprints: [SPRINT] } }));
     await page.route('**/api/board-premium*', (r) => r.fulfill({ contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'ready', model, as_of: Date.now() }) }));

package/workspace/premium-vw-item-test.js

@@ -8,6 +8,7 @@
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'premium-vw-item' });
 const IP = require('./lib/initiative-premium.js');
 const F = require('./fixtures/initiative-premium-facts.js');
@@ -41,7 +42,7 @@ process.on('unhandledRejection', (e) => { console.error(e); finish(1); });
   const MODEL = IP.build(F.facts());
 
   const open = async ({ w = 1280, h = 900, theme = 'light', answer = null } = {}) => {
-    const ctx = await browser.newContext({ viewport: { width: w, height: h } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: w, height: h } }));
     const page = await ctx.newPage();
     const S = { errors: [], gets: [], vgets: [] };   // vgets: the Viewer's own reads (no page headers), apart from Home's
     page.on('pageerror', (e) => S.errors.push(String((e && e.message) || e)));
@@ -106,7 +107,7 @@ const openCard = async (pg, uid, V = '#czViewer') => {
   /* R9 the Board (premium-agreed-design): the Agreed Board opens an initiative in its side panel and never the dialog; its expand leads to the
    * initiative (Home's initiative layout), where the record is. R7 floors at 390 in dark: the same record, opened from Home's Overview. */
   {
-    const ctx = await browser.newContext({ viewport: { width: 390, height: 844 } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: 390, height: 844 } }));
     const page = await ctx.newPage(); const errors = [];
     page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));
     await page.route('**/api/board-premium*', (r) => r.fulfill({ contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'ready', model: BP.build(BF.facts()), as_of: Date.now() }) }));

package/workspace/premium-vw-jira-test.js

@@ -10,6 +10,7 @@
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'premium-vw-jira' });
 const BP = require('./lib/board-premium.js');
 const F = require('./fixtures/board-premium-facts.js');
@@ -75,7 +76,7 @@ const TICKETS = {
   const overview = async (pg) => { await (async (g) => { const P = '#czViewer:not([hidden]) [data-hi-v="page"]', r = '#hmList [data-hm-sel^="i:"][aria-current="true"]'; for (let i = 0; i < 4 && !(await g.$(P)) && (await g.$('#czViewer:not([hidden]) [data-cz-vw="back"]')); i++) { await g.click('#czViewer [data-cz-vw="back"]'); await g.waitForTimeout(150); } if (await g.$(P)) return; if (await g.$(r)) await g.click(r); else await g.reload(); await g.waitForSelector(P + ' .iv', { timeout: 30000 }); })(pg);   /* ← back to the initiative's page, else its row, else the address again (an initiative the list does not show) */ /* the page holds the Tasks (batch 11 item 20) */ return until(() => pg.evaluate(() => !!document.querySelector('#czViewer:not([hidden]) [data-hi-v]'))); };
   const openSprint = async (pg) => { if (!(await pg.$('#czViewer:not([hidden]) [data-hi-v]'))) await overview(pg);   /* open() already showed the Overview */ await viaMore(pg, 'Sprint'); };
   const open = async ({ w = 1280, h = 900, theme = 'light', sprints = SPRINTS, tickets = TICKETS } = {}) => {
-    const ctx = await browser.newContext({ viewport: { width: w, height: h }, colorScheme: theme });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: w, height: h }, colorScheme: theme }));
     await ctx.addInitScript((t) => { try { localStorage.setItem('pmos.c3.theme', t); } catch { /* none */ } }, theme);
     const page = await ctx.newPage(), errors = [], posts = [], reads = [];
     page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));
@@ -193,7 +194,7 @@ const TICKETS = {
 
   /* A the Board (premium-uncovered-features, BdSprint): its sprint chip names the sprint and opens the Sprints and releases popover; it opens no dialog */
   {
-    const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 } }), pg = await ctx.newPage(), errs = [];
+    const ctx = await openMission(await browser.newContext({ viewport: { width: 1280, height: 900 } })), pg = await ctx.newPage(), errs = [];
     pg.on('pageerror', (e) => errs.push(String((e && e.message) || e)));
     await pg.route('**/api/board-premium*', (r) => r.fulfill({ contentType: 'application/json', body: JSON.stringify({ ok: true, state: 'ready', model: model({ source: 'jira', readAt: new Date().toISOString(), sprints: [{ name: 'Sprint 14', state: 'active', start: '2026-10-07', end: '2026-10-21', counts: { todo: 2, doing: 1, done: 1 }, issues: [] }] }), as_of: Date.now() }) }));
     await pg.goto(BASE + '/premium-board.html');

package/workspace/program-panel-test.js

@@ -15,6 +15,7 @@
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'program-panel' });
 const BP = require('./lib/board-premium.js');
 const F = require('./fixtures/board-premium-facts.js');
@@ -46,7 +47,7 @@ process.on('unhandledRejection', (e) => { console.error(e); finish(1); });
   browser = await chromium.launch({ executablePath: exe });
 
   const open = async ({ w = 1440, h = 900, qs = '?ws=idpf&program=project-ascent', ctx = null, programs = F.programs() } = {}) => {
-    const c = ctx || await browser.newContext({ viewport: { width: w, height: h } });
+    const c = ctx || await openMission(await browser.newContext({ viewport: { width: w, height: h } }));
     const page = await c.newPage();
     const errors = [], posts = [];
     page.on('pageerror', (e) => errors.push(String((e && e.stack) || e)));

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

@@ -232,6 +232,7 @@ body.cz-home { min-height: 100vh; overflow: hidden; }
 .hm-u { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
 .hm-bub { max-width: 80%; padding: 10px 16px; border-radius: 18px 18px 8px 18px; background: var(--cz-bubble); font-size: var(--fs-3); line-height: 1.5; color: var(--cz-ink); }
 .hm-you { font-size: var(--fs-1); color: var(--cz-ink3); }
+.hm-pend.sending .hm-bub { opacity: .72; }   /* batch 24 item 2: the bubble shows at once, a touch lighter until PMOS takes it */
 .hm-worked { padding-left: 38px; }
 .hm-wk { display: flex; align-items: center; gap: 8px; max-width: 100%; min-height: 32px; padding: 0 4px; border: 0; border-radius: 8px; background: none; color: var(--cz-ink3); font-size: var(--fs-2); cursor: pointer; text-align: left; }   /* a plain grey line (AgChatAsk) */
 .hm-wk:hover { color: var(--cz-ink2); }

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

@@ -843,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;

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

@@ -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');
@@ -175,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;
@@ -205,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, !items.length) : '') + 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>';
@@ -418,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;
@@ -527,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) => {
@@ -623,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/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) {

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

@@ -538,14 +538,50 @@ $('#dBody').addEventListener('click', async (e) => {
   const b = e.target.closest('[data-lead="refresh"]'); if (!b || !S.key || !S.key.startsWith('pop:')) return;
   b.disabled = true; await sendText(S.key, leadAsk(S.key));
 });
+/* A sent message shows at once (batch 24 item 2: "enter the prompt is so long to appear on the chat"): its turn draws the moment the PM presses
+ * Enter, lighter until PMOS takes it. 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. A message that was not sent leaves at once and its words go back in the box. Keyed by row key, or 'sid:' + id. */
+const PEND = { key: null, list: [], th: null }, PEND_MAX = 180000;
+const pendOf = (key) => { if (PEND.key !== key) { PEND.key = key; PEND.list = []; PEND.th = null; } return PEND.list; };
+function pendAdd(key, text, files) {
+  const conv = key.startsWith('sid:') ? PEND.sidConv : S.conv;
+  const p = { text, files: files || [], at: new Date().toISOString(), sent: false, n: ((conv && conv.messages) || []).filter((m) => m.role === 'user').length };
+  pendOf(key).push(p); return p;
+}
+function pendHtml(key, conv) {
+  const list = pendOf(key); if (!list.length) return '';
+  const k = (t) => splitFiles(shownUser(t)).text.replace(/\s+/g, ' ').trim();
+  const users = ((conv && 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();
+  PEND.list = list.filter((p) => {
+    if (!p.sent) return true;
+    const t0 = Date.parse(p.at);
+    return now - t0 <= PEND_MAX && !(lastUser && lastUser >= t0 - 2000) && !users.slice(p.n).some((m) => k(m.text) === k(p.text));
+  });
+  return PEND.list.map((p) => `<div class="turn u pend${p.sent ? '' : ' sending'}"><div class="ub">${filesHtml(p.files)}${p.text ? userHtml(p.text) : ''}</div></div>`).join('');
+}
+/** Draws the waiting turns now, without a read: the thread as last read plus the new turn, and the stream scrolled to its end. */
+function pendDraw(key) {
+  if (key.startsWith('sid:')) { if (S.sid !== key.slice(4)) return; }
+  else if (S.key !== key) return;
+  const box = $('#dBody .stream'); if (!box) return;
+  if (!key.startsWith('sid:') && PEND.th) drawThread(PEND.th, key, S.conv);
+  else {
+    let w = $('#pendW', box); if (!w) { box.insertAdjacentHTML('beforeend', '<div id="pendW"></div>'); w = $('#pendW', box); }
+    putHtml(w, pendHtml(key, key.startsWith('sid:') ? PEND.sidConv : S.conv));
+  }
+  const b = $('#dBody'); b.scrollTop = b.scrollHeight;
+}
 export function drawThread(th, key, conv) {
   if (S.key !== key) return;
+  pendOf(key); PEND.th = th;
   const box = $('#dBody .stream'); if (!box) return;
   drawLead(box, th);
   let t = $('#thr', box); if (!t) { box.insertAdjacentHTML('beforeend', '<div id="thr"></div>'); t = $('#thr', box); }
   const b = $('#dBody'), atEnd = b.scrollHeight - b.scrollTop - b.clientHeight < 80;
   S.conv = conv;
-  putHtml(t, threadHtml(th) + sessionHtml(conv, th.goal, { answer: true }));
+  const pw = $('#pendW', box); if (pw) pw.remove();   // a first message drew its turn before the thread was read
+  putHtml(t, threadHtml(th) + sessionHtml(conv, th.goal, { answer: true }) + pendHtml(key, conv));
   ctxAuto(key, conv);
   S.goal = th.goal || null; S.draft = readyDraft(conv); S.session = th.session || null;
   syncTerm(termTarget({ live: th.session, command: th.resume, ws: new URLSearchParams(location.search).get('ws') }));
@@ -773,15 +809,29 @@ $('#dBody').addEventListener('submit', async (e) => {
   const inp = $('#askIn'), text = inp.value.trim(), key = S.key;
   if (!key && S.sid) {   // premium-session-list: a session the list opened that has no row of its own
     if (!text) { $('#askNote').textContent = 'Write a message for Claude.'; return; }
-    const id = S.sid, r = await pmPost('/api/session/say', { id, text });
-    if (!r || !r.ok) { $('#askNote').textContent = (r && r.error) || 'The message was not sent.'; return; }
-    inp.value = ''; $('#askNote').textContent = 'Sent.'; drawSlash(); setTimeout(() => loadSid(id), 400); return;
+    const id = S.sid, pk = 'sid:' + id, p = pendAdd(pk, text);
+    inp.value = ''; drawSlash(); growAsk(); pendDraw(pk);   // the turn shows at once (batch 24 item 2)
+    const r = await pmPost('/api/session/say', { id, text }).catch(() => null);
+    if (!r || !r.ok) {
+      PEND.list = pendOf(pk).filter((x) => x !== p); pendDraw(pk);
+      if (S.sid === id && !inp.value) { inp.value = text; growAsk(); }
+      $('#askNote').textContent = (r && r.error) || 'The message was not sent.'; return;
+    }
+    p.sent = true; pendDraw(pk);
+    $('#askNote').textContent = 'Sent.'; setTimeout(() => loadSid(id), 400); return;
   }
   if (!key) { $('#askNote').textContent = 'This row has no conversation, so the message was not sent.'; return; }
   const files = attachNames();
   if (files === null) { $('#askNote').textContent = 'A file is still saving. Send when its chip shows its size.'; return; }
   if (!text && !files.length) { $('#askNote').textContent = 'Write a message for Claude.'; return; }
-  if (await sendText(key, text, files)) { inp.value = ''; inp.placeholder = 'Message Claude, or type /'; clearAttach(); drawSlash(); growAsk(); }
+  // the turn shows and the box empties at once (batch 24 item 2); a send that fails takes the turn away and puts the words back
+  const p = pendAdd(key, text, files);
+  inp.value = ''; drawSlash(); growAsk(); pendDraw(key);
+  if (await sendText(key, text, files)) { p.sent = true; inp.placeholder = 'Message Claude, or type /'; clearAttach(); pendDraw(key); }
+  else {
+    PEND.list = pendOf(key).filter((x) => x !== p); pendDraw(key);
+    if (S.key === key && !inp.value) { inp.value = text; growAsk(); }
+  }
 });
 
 /* ── on scroll: a card's head sticks while its card is on screen. The old hero no longer folds into a dock (premium-agreed-design). ── */
@@ -1424,7 +1474,8 @@ async function loadSid(id) {
   syncTerm(termTarget({ live: c && c.ok && c.state !== 'ended' ? id : null }));
   const box = $('#dBody .stream'); if (!box) return;
   const b = $('#dBody'), atEnd = b.scrollHeight - b.scrollTop - b.clientHeight < 80;
-  putHtml(box, c && c.ok ? sessionHtml(c) : turnA(ptx('The conversation of this session could not be read.')));
+  if (c && c.ok) PEND.sidConv = c;
+  putHtml(box, c && c.ok ? sessionHtml(c) + pendHtml('sid:' + id, c) : turnA(ptx('The conversation of this session could not be read.')));
   $('#askNote').textContent = c && c.ask ? 'Claude is waiting for your answer above.' : 'Your message goes to this session.';
   if (atEnd) b.scrollTop = b.scrollHeight;
   if (c && c.ok && c.state !== 'ended' && $('#dlg').classList.contains('on')) R.sidTimer = setTimeout(() => loadSid(id), 2000);

package/workspace/public/pm/premium.css

@@ -285,6 +285,7 @@ a.round{color:inherit;text-decoration:none}
 .tc{min-width:0}
 .tt{margin:0;font-size:var(--fs-3);line-height:1.55;color:var(--ink);max-width:58ch}
 .turn.u{justify-items:end}
+.turn.u.pend.sending .ub{opacity:.72}   /* batch 24 item 2: a sent turn shows at once, a touch lighter until PMOS takes it */
 .ub{background:var(--solid);color:var(--on-solid);padding:11px 16px;border-radius:18px 18px 8px 18px;font-size:var(--fs-3);line-height:1.45;max-width:86%}
 .acard{margin-left:40px;background:var(--well);border-radius:var(--r-in);padding:20px 22px;display:grid;gap:14px;animation:rise .6s var(--ease) both}
 .still .turn,.still .acard{animation:none}   /* a redraw of a live chat keeps its turns still (premium-shell.js putHtml) */

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

@@ -23,6 +23,14 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wfl .t { font-size: var(--fs-3); font-weight: 700; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .wfl .n { font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; }
 .wfl.arch .t { color: var(--cz-ink3); }
+.wfl .wfb { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: left; }
+.wfl .wfb:focus-visible, .wfl .wfs:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 8px; }
+/* the star (batch 24 item 3, canvas DfA): filled on the default; an outline only on hover or focus elsewhere, and always on touch */
+.wfl .wfs { width: 30px; height: 30px; margin: -4px 0; border-radius: 999px; display: inline-grid; place-items: center; border: 0; padding: 0; background: none; color: var(--cz-ink3); cursor: pointer; flex: none; opacity: 0; }
+.wfl:hover .wfs, .wfl:focus-within .wfs, .wfl .wfs.on { opacity: 1; }
+.wfl .wfs:hover { background: var(--cz-card); color: var(--cz-ink2); box-shadow: 0 0 0 1px var(--cz-hair); }
+.wfl .wfs.on, .wfl .wfs.on:hover { color: var(--cz-risk); }
+@media (hover: none) { .wfl .wfs { opacity: 1; } }
 .wf-sub { font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); padding: 14px 10px 4px; }
 .wf-page .wfi { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 6px; background: var(--cz-well); color: var(--cz-ink2); flex: none; }
 .wfl .wfi, .wf-head .wfi { background: var(--cz-well2); }

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

@@ -1,6 +1,7 @@
 /* pm/wf-page.js — Settings › Workflows (initiative workflows per initiative, D99; canvas WfAModel, WfAStage, WfACond, WfARemove, WfANew,
  * WfADraft). One page, reached from Settings:
- *   the list   every workflow with its count of initiatives and +; Product feature first, archived ones last and quiet
+ *   the list   every workflow with its count of initiatives and +; Product feature first, archived ones last and quiet. The star on a row
+ *              (batch 24 item 3, canvas DfA) makes that workflow the default a new initiative starts on (POST /api/workflows/default)
  *   the picked workflow   one numbered list across the To do, In progress and Done columns; drag a stage to reorder it or to move it to
  *              another column; Add a stage per column; the dashed Won't do · Archived column (in every workflow); ⋯ = Copy, Archive.
  *              The name is the rename press (RnA*: tap it, one field with a check).
@@ -35,6 +36,8 @@ const DRAG = 'M9 6h.01M15 6h.01M9 12h.01M15 12h.01M9 18h.01M15 18h.01', PLUS = '
 const S = { list: null, sel: null, draft: null, edit: null, err: '', msg: '', renaming: false, renErr: '', busy: false, pop: null, chat: null, poll: 0, phoneOpen: false };
 const wfOf = (id) => (S.edit && id === S.edit.id ? S.edit : (S.list || []).find((w) => w.id === id) || null);
 const cur = () => (S.sel && S.sel !== 'new' ? wfOf(S.sel) : null);
+/** A New workflow chat is still going (its key is kept until Create), or PMOS has drafted one. */
+const draftLive = () => !!(store.get(CHAT_KEY) || S.draft);
 const readOnly = (wf) => !!wf && (wf.builtin || wf.id === PRODUCT_FEATURE_ID);
 
 function toast(text, undo) {
@@ -62,19 +65,30 @@ async function readDraft() {
   const d = r && r.ok && r.draft ? r.draft.draft || null : null;   // { draft, note, at } | null
   const was = JSON.stringify(S.draft), now = JSON.stringify(d);
   S.draft = d;
+  if (was !== now && S.sel !== 'new') drawList();   // the draft row's name follows the draft
   if (was !== now && S.sel === 'new') { drawList(); if (d) showDraft(); else if (VW.current() && VW.current().id === 'wf-draft') VW.close(); }
 }
 
 /* ── the list (WfAModel's left column) ── */
+// the star (batch 24 item 3, canvas DfA): gold and filled on the default, an outline on hover or focus elsewhere; archived rows have none
+const STAR = 'M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9 6.8 19.6l1-5.8-4.3-4.1 5.9-.9z';
+function starHtml(w) {
+  if (w.archived) return '';
+  const label = w.default ? 'Default for new initiatives' : 'Make ' + w.name + ' the default for new initiatives';
+  return `<button type="button" class="wfs${w.default ? ' on' : ''}" data-wf-star="${esc(w.id)}" aria-pressed="${w.default ? 'true' : 'false'}" aria-label="${esc(label)}" title="${w.default ? 'Default for new initiatives' : 'Make default'}">`
+    + `<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="${w.default ? 'currentColor' : 'none'}" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="${STAR}"/></svg></button>`;
+}
 function rowHtml(w) {
   const n = w.count > 0 ? `<span class="n">${w.count}</span>` : '';   // zero is silence
-  return `<button type="button" class="wfl${S.sel === w.id ? ' sel' : ''}${w.archived ? ' arch' : ''}" data-wf="${esc(w.id)}"${S.sel === w.id ? ' aria-current="true"' : ''}>${wfIcon(w, 22)}<span class="t">${esc(w.name)}</span>${n}</button>`;
+  return `<div class="wfl${S.sel === w.id ? ' sel' : ''}${w.archived ? ' arch' : ''}"><button type="button" class="wfb" data-wf="${esc(w.id)}"${S.sel === w.id ? ' aria-current="true"' : ''}>${wfIcon(w, 22)}<span class="t">${esc(w.name)}</span></button>${starHtml(w)}${n}</div>`;
 }
 function drawList() {
   const el = $('#wfList'); if (!el) return;
   const L = S.list;
   const on = (L || []).filter((w) => !w.archived), off = (L || []).filter((w) => w.archived);
-  const newRow = S.sel === 'new' ? `<button type="button" class="wfl sel" data-wf="new" aria-current="true"><span class="wfi new" aria-hidden="true">${svg(PLUS, 14)}</span><span class="t">${esc((S.draft && S.draft.name) || 'New workflow')}</span><span class="n">draft</span></button>` : '';
+  // a live draft keeps its row while another workflow is open, so its chat and draft are one press away (batch 24 item 4)
+  const onNew = S.sel === 'new';
+  const newRow = onNew || draftLive() ? `<button type="button" class="wfl${onNew ? ' sel' : ''}" data-wf="new"${onNew ? ' aria-current="true"' : ''}><span class="wfi new" aria-hidden="true">${svg(PLUS, 14)}</span><span class="t">${esc((S.draft && S.draft.name) || 'New workflow')}</span><span class="n">draft</span></button>` : '';
   el.innerHTML = `<div class="lhead"><h2>Workflows</h2><button type="button" class="ib sm" data-wf-new aria-label="New workflow: describe it and PMOS drafts it" title="New workflow: describe it and PMOS drafts it">${svg(PLUS, 16)}</button></div>`
     + (L === null ? '<p class="wf-mut wf-small wf-pad">Reading the workflows.</p>' : on.map(rowHtml).join('') + newRow
       + (off.length ? `<p class="wf-sub">Archived</p>${off.map(rowHtml).join('')}` : ''));
@@ -234,6 +248,17 @@ async function archive(wf, on) {
   await load();
   toast(on ? 'Archived ' + wf.name + '.' : 'Restored ' + wf.name + '.', () => archive(wf, !on));
 }
+async function makeDefault(id, undoTo) {
+  const w = (S.list || []).find((x) => x.id === id);
+  if (!w || (w.default && !undoTo)) return;
+  const was = (S.list || []).find((x) => x.default);
+  const r = await post('/api/workflows/default', { id });
+  if (!(r && r.ok)) { S.msg = (r && r.error) || 'Not changed.'; drawMain(); return; }
+  for (const x of S.list) { if (x.id === id) x.default = true; else delete x.default; }
+  drawList();
+  const b = document.querySelector(`#wfList [data-wf-star="${CSS.escape(id)}"]`); if (b) b.focus();
+  if (!undoTo) toast('New initiatives start on ' + w.name + '.', was ? () => makeDefault(was.id, true) : null);
+}
 async function rename(wf, name) {
   const v = String(name || '').trim();
   if (!v || v === wf.name) { S.renaming = false; S.renErr = ''; drawMain(); return; }
@@ -389,8 +414,10 @@ function bindDrag(main) {
 function bind() {
   $('#wfList').addEventListener('click', (e) => {
     if (e.target.closest('[data-wf-new]')) { startNew(); return; }
-    const b = e.target.closest('[data-wf]'); if (!b) return;
-    if (b.dataset.wf === 'new') return;
+    const star = e.target.closest('[data-wf-star]'); if (star) { makeDefault(star.dataset.wfStar); return; }
+    const row = e.target.closest('.wfl');
+    const b = e.target.closest('[data-wf]') || (row && row.querySelector('[data-wf]')); if (!b) return;
+    if (b.dataset.wf === 'new') { if (S.sel !== 'new') startNew(); return; }   // back to the live draft: its chat and draft viewer
     select(b.dataset.wf);
   });
   const main = $('#wfMain');
@@ -431,5 +458,6 @@ export function boot() {
   draw();
   load();
   if (new URLSearchParams(location.search).get('new') === '1') startNew();
+  else if (store.get(CHAT_KEY)) readDraft();   // a draft from before shows as its row, by name
 }
 if (typeof document !== 'undefined' && document.getElementById('wfMain')) boot();

package/workspace/skills/report-template.skill

@@ -46,7 +46,9 @@ When the lines after this procedure say "This report has a saved structure" (a s
 When the lines after this procedure name a draft and a change ("The draft: <path> (slot <slot>)" and "The change the PM asked for"), this run is a change, not a new cycle. Steps 4 to 6 change as follows, and every rule stays:
 - Work on THAT file only. Do not draft a new slot. Never run `pmos report draft <id>` without the slot: it drafts today's slot, which is a second file.
 - If the named file does not exist, stop and say so in one line. Do not write it yourself.
-- A change to the words: rewrite the note or notes that the change is about, even when they already have text. Keep every other note as it is. Rules 3, 6 and 7 still apply.
+- A change to the words: edit only the note or notes that the change is about, in the file, between their markers, even when they already have text. Keep every other note and every line outside the notes as it is. Rules 3, 6 and 7 still apply.
+- Do NOT redraft for a change to the words. A redraft reads today's data and rewrites every block, so the numbers, the block titles and the place of the notes can change. Run `pmos report draft <id> <slot> --redraft`, with the slot from the lines, only when the PM asks for fresh numbers (for example "refresh", "update the numbers", "use today's data"). Then read the file once more.
+- KEEP EVERY CAVEAT. A sentence that says something is provisional, not decided, unverified, at risk, not reached or a warning stays, word for word, also when the change asks for shorter text. Make the other sentences shorter. If the change cannot be made without removing a caveat, keep the caveat and say so.
 - A change to a number, a date, a section, a slide or the order: you cannot make it, because the script writes every number and the template sets the sections (rules 6 and 7). Change nothing. Say in one line which setting it needs: a structured report changes in the studio (it applies from the next cycle); other reports change in the template.
-- Then run `pmos report draft <id> <slot> --redraft`, with the slot from the lines, so the script rewrites the file, keeps every note and writes every number. Read the file once more.
+- When you finish, say in one line which notes you changed, and quote each sentence you removed.
 - A message that starts with `[PMOS report change]` is the same: it names the draft, its slot and the change.

package/workspace/split-merge-ui-test.js

@@ -14,6 +14,7 @@ const fs = require('fs');
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'split-merge-ui' });
 const { makeRepos, codeRepo, write, git } = require('./plan-test-repos');
 
@@ -68,7 +69,7 @@ const shot = (p, name) => (SHOTS ? p.screenshot({ path: path.join(SHOTS, name) }
 
   browser = await chromium.launch({ executablePath: exe });
   const open = async (o = {}) => {
-    const ctx = await browser.newContext({ viewport: { width: o.w || 1440, height: o.h || 900 } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: o.w || 1440, height: o.h || 900 } }));
     const page = await ctx.newPage();
     const errors = [];
     page.on('pageerror', (e) => errors.push(String((e && e.stack) || e)));
@@ -133,7 +134,7 @@ const shot = (p, name) => (SHOTS ? p.screenshot({ path: path.join(SHOTS, name) }
 
   /* H — the merged one on Home */
   {
-    const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: 1440, height: 900 } }));
     const p = await ctx.newPage();
     const errors = [];
     p.on('pageerror', (e) => errors.push(String((e && e.message) || e)));

package/workspace/stage-card-test.js

@@ -13,6 +13,7 @@ const fs = require('fs');
 const { spawn } = require('child_process');
 const { pathToFileURL } = require('url');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'stage-card' });
 const IP = require('./lib/initiative-premium.js');
 const F = require('./fixtures/initiative-premium-facts.js');
@@ -100,7 +101,7 @@ async function pure() {
   // the board the page reads (the one view draws the board's row): the scenario's stage, so the page and the board agree as the records do
   const boardAt = (stage) => { const f = BF.facts(); f.rows = f.rows.map((r) => (r.id === 'self-serve-v2' ? { ...r, stage } : r)); return BP.build(f); };
   const open = async ({ w = 1280, h = 900, theme = 'light', model = SCEN.build(), board = BOARD, sessions = null, trail = null } = {}) => {
-    const ctx = await browser.newContext({ viewport: { width: w, height: h } });
+    const ctx = await openMission(await browser.newContext({ viewport: { width: w, height: h } }));
     const page = await ctx.newPage();
     const errors = [], posts = [];
     page.on('pageerror', (e) => errors.push(String(e)));

package/workspace/task-press-test.js

@@ -10,6 +10,7 @@
 const path = require('path');
 const { spawn } = require('child_process');
 const { findBrowser } = require('./lib/find-browser');
+const { openMission } = require('./lib/open-mission');
 const T = require('./test-run').configure({ name: 'task-press' });
 const IP = require('./lib/initiative-premium.js');
 const F = require('./fixtures/initiative-premium-facts.js');
@@ -47,7 +48,7 @@ const json = (r, b, status = 200) => r.fulfill({ status, contentType: 'applicati
 const shot = async (p, name) => { if (SHOTS) await p.screenshot({ path: path.join(SHOTS, name) }).catch(() => {}); };
 
 async function page(url) {
-  const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
+  const ctx = await openMission(await browser.newContext({ viewport: { width: 1440, height: 900 } }));
   const p = await ctx.newPage();
   const errors = [], posts = [];
   p.on('pageerror', (e) => errors.push(String((e && e.message) || e)));