create-pmos 0.172.0 → 0.173.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pmos",
-  "version": "0.172.0",
+  "version": "0.173.0",
   "description": "Scaffold the PMOS portable kit — run the PMOS product-management workflow (initiative → lane-fit spec → contract → build → three gates, with work-type lanes for features, research, maintenance, incidents, and content) entirely inside your own repo, with all state as git-versioned files. Includes `workflow-sweep`, which audits the state every board derives from and separates real defects from work you simply have not done. `create-pmos workspace` also installs + launches the local Terminal Workspace GUI. No database, no network, no telemetry.",
   "license": "MIT",
   "bin": {

package/payload/KIT-VERSION

@@ -1,3 +1,3 @@
-kernel-source: pmos@90450cc
+kernel-source: pmos@702f714
 assembled: 2026-10-12
 mode: vendor

package/payload/planning/evals/eval-calibration.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Eval calibration log"
 description: "Append-only record of every PM override of an evaluator verdict."
-generated: {by: process:create-pmos, at: "2026-10-12T23:07:20Z"}
+generated: {by: process:create-pmos, at: "2026-10-12T23:46:24Z"}
 status: stable
 ---
 

package/payload/planning/okrs/health-budgets.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Health budgets"
 description: "Closed registry of health-budget anchors (D59), edited only by the PM."
-generated: {by: process:create-pmos, at: "2026-10-12T23:07:20Z"}
+generated: {by: process:create-pmos, at: "2026-10-12T23:46:24Z"}
 status: stable
 ---
 

package/payload/state/discoveries.md

@@ -2,7 +2,7 @@
 type: Reference
 title: "Discoveries and friction log"
 description: "Append-only record of what runs discovered and where the process rubbed."
-generated: {by: process:create-pmos, at: "2026-10-12T23:07:20Z"}
+generated: {by: process:create-pmos, at: "2026-10-12T23:46:24Z"}
 status: stable
 ---
 

package/workspace/c3-ib-items-test.js

@@ -58,6 +58,7 @@ const { harness } = require('./c3-ini-harness');
   await page.click('[data-wk-src="pmos"]');
   await until(() => st(() => document.querySelector('[data-wk-src="pmos"]').getAttribute('aria-pressed') === 'true'));
   ok('F2 the Source filter keeps PMOS tasks only', await st(() => { const s = [...document.querySelectorAll('[data-ini-card]')].map((c) => c.dataset.src); return s.length > 0 && s.every((x) => x === 'pmos'); }));
+  await page.click('[data-ini="board-tabs"] .qt-more');   // Backlog sits behind More (c3-quiet-pages)
   await page.click('[data-ini-tab="backlog"]');
   await until(() => st(() => !!document.querySelector('[data-wk-tab="backlog"]')));
   ok('F3 the filters stay on when the tab changes to Backlog', await st(() => document.querySelector('[data-wk-src="pmos"]').getAttribute('aria-pressed') === 'true' && [...document.querySelectorAll('[data-ini-item]')].every((n) => n.dataset.src === 'pmos')));

package/workspace/c3-quiet-test.js

@@ -0,0 +1,142 @@
+#!/usr/bin/env node
+'use strict';
+/* c3-quiet-test.js — the quieter console3 pages (initiative c3-quiet-pages; PRD done-criteria 1 to 4 and 6).
+ * A real server and a real Chromium drive /c3.html: live mode for the header and a board, demo mode for Calendar and Reports.
+ *
+ *   board     at 1280 wide no page title, freshness line or sunrise text shows; the breadcrumb, the board tabs and Board settings
+ *             share one row, and the content starts right under it; Dashboard is not shown
+ *   fresh     the freshness line is one dot beside the date; pressing it shows the full line
+ *   more      Backlog, Releases, Docs and Sprints show only after More; each still opens
+ *   calendar  one Layers button shows and hides the layer chips
+ *   reports   no deck is drawn
+ *   phone     at 400 wide nothing changes: the title shows and no dot is drawn (the phone gets its own companion design)
+ * No script error may be raised.
+ */
+const path = require('path');
+const { spawn } = require('child_process');
+const { findBrowser } = require('./lib/find-browser');
+const T = require('./test-run').configure({ name: 'c3-quiet' });
+
+const BASE = T.BASE;
+const results = [];
+const ok = (name, cond, extra = '') => { results.push({ name, cond: !!cond }); console.log(`${cond ? '✓' : '✗'} ${name}${!cond && extra !== '' ? ' — ' + String(extra).slice(0, 400) : ''}`); };
+let srv = null; let browser = null;
+const finish = async (code) => {
+  if (browser) await browser.close().catch(() => {});
+  if (srv) { try { srv.kill('SIGKILL'); } catch { /* gone */ } }
+  T.killTmux();
+  const bad = results.filter((x) => !x.cond).length;
+  console.log(`\n${results.length - bad}/${results.length} c3-quiet assertions passed`);
+  process.exit(code !== undefined ? code : (bad ? 1 : 0));
+};
+process.on('unhandledRejection', (e) => { console.error(e); finish(1); });
+
+async function waitFor(page, fn, arg, ms = 30000) {
+  try { await page.waitForFunction(fn, arg, { timeout: ms }); return true; } catch { return false; }
+}
+const shown = (s) => { const n = document.querySelector(s); return !!n && getComputedStyle(n).display !== 'none' && n.getBoundingClientRect().height > 0; };
+
+(async () => {
+  const exe = findBrowser();
+  if (!exe) { console.log('✗ no Chrome/Chromium on this machine — the c3-quiet suite cannot run'); return finish(1); }
+  let chromium;
+  try { ({ chromium } = require('playwright-core')); } catch { console.log('✗ playwright-core is not installed — the c3-quiet suite cannot run'); return finish(1); }
+
+  srv = spawn(process.execPath, [path.join(__dirname, 'server.js')], { cwd: __dirname, stdio: 'ignore', env: T.env({ PMOS_WS_PORT: String(T.PORT) }) });
+  await T.waitForServer(BASE);
+  browser = await chromium.launch({ executablePath: exe });
+  const errors = [];
+  const open = async (w, url) => {
+    const ctx = await browser.newContext({ viewport: { width: w, height: 860 } });
+    const page = await ctx.newPage();
+    page.on('pageerror', (e) => errors.push(String((e && e.message) || e)));
+    await page.goto(BASE + url, { waitUntil: 'load' });
+    await waitFor(page, () => document.querySelector('.c3')?.dataset.quiet === '1' && document.querySelector('nav.c3tabs [role="tab"]'));
+    return page;
+  };
+
+  /* ── board and header, live mode, 1280 ── */
+  let page = await open(1280, '/c3.html?tab=init');
+  const opened = await waitFor(page, () => !!document.querySelector('[data-ini-open-board]'));
+  ok('B0 the portfolio lists a board to open', opened);
+  if (opened) {
+    await page.evaluate(() => document.querySelector('[data-ini-open-board]').click());
+    const moved = await waitFor(page, () => { const t = document.querySelector('[data-ini-view="board"] [data-ini="board-tabs"]'), c = document.querySelector('[data-ini-view="board"] [data-ini="crumbs"]'); return t && c && t.parentElement === c.parentElement; });
+    ok('B1 the board tabs sit on the breadcrumb row', moved);
+    await page.waitForTimeout(300);
+    const g = await page.evaluate((shownSrc) => {
+      const vis = new Function('s', 'return (' + shownSrc + ')(s)');
+      const t = document.querySelector('[data-ini-view="board"] [data-ini="board-tabs"]').getBoundingClientRect(), c = document.querySelector('[data-ini-view="board"] [data-ini="crumbs"]').getBoundingClientRect();
+      const nav = document.querySelector('nav.c3tabs').getBoundingClientRect();
+      const body = document.querySelector('[data-ini-view="board"] .bcols, [data-ini-view="board"] .calbody');
+      return {
+        title: vis('.c3top h1'), freshLine: vis('.c3top .fr-fresh'), daylight: vis('.c3pg-daylight'),
+        sameRow: Math.abs((t.top + t.bottom) / 2 - (c.top + c.bottom) / 2) < 12, ctxGap: Math.round(c.top - nav.bottom),
+        contentGap: body ? Math.round(body.getBoundingClientRect().top - Math.max(t.bottom, c.bottom)) : null,
+        dash: [...document.querySelectorAll('[data-ini-view="board"] button')].some((b) => b.textContent.trim() === 'Dashboard' && b.getBoundingClientRect().height > 0),
+        gear: (() => { const b = document.querySelector('[data-ini="board-settings"]'), row = document.querySelector('[data-ini-view="board"] [data-ini="crumbs"]').parentElement; return !!b && row.contains(b) && b.getBoundingClientRect().height > 0; })(),
+        status: (document.querySelector('[data-ini-view="board"] [data-ini="crumbs"] .qt-status') || {}).textContent || '',
+      };
+    }, shown.toString());
+    ok('B2 no page title, freshness line or sunrise text shows', !g.title && !g.freshLine && !g.daylight, JSON.stringify(g));
+    ok('B3 the breadcrumb and the tabs share one row, right under the page tabs', g.sameRow && g.ctxGap >= 0 && g.ctxGap < 40, JSON.stringify(g));
+    ok('B4 the content starts right under that row', g.contentGap !== null && g.contentGap >= 0 && g.contentGap < 48, JSON.stringify(g));
+    ok('B5 the board status reads on the breadcrumb row', g.status.length > 0, JSON.stringify(g));
+    ok('B6 Board settings sits on the same row; Dashboard is not shown', g.gear && !g.dash, JSON.stringify(g));
+
+    /* More */
+    const tabVis = (k) => page.evaluate((k) => { const n = document.querySelector(`[data-ini="board-tabs"] [data-ini-tab="${k}"]`); return !!n && getComputedStyle(n).display !== 'none'; }, k);
+    const hidden = [];
+    for (const k of ['backlog', 'releases', 'docs', 'sprints']) if (await page.$(`[data-ini="board-tabs"] [data-ini-tab="${k}"]`)) hidden.push(!(await tabVis(k)));
+    ok('M1 Backlog, Releases, Docs and Sprints are behind More', hidden.length > 0 && hidden.every(Boolean), JSON.stringify(hidden));
+    ok('M2 Summary still shows on the row', await tabVis('summary'));
+    await page.click('[data-ini="board-tabs"] .qt-more');
+    ok('M3 More shows them', await tabVis('backlog') && await page.getAttribute('[data-ini="board-tabs"] .qt-more', 'aria-expanded') === 'true');
+    await page.click('[data-ini="board-tabs"] [data-ini-tab="backlog"]');
+    ok('M4 Backlog opens and stays shown while it is the open tab',
+      await waitFor(page, () => document.querySelector('[data-ini="board-tabs"] [data-ini-tab="backlog"]')?.getAttribute('aria-pressed') === 'true') && await tabVis('backlog'));
+  }
+
+  /* the freshness dot */
+  const hasLine = await page.$('.c3top .fr-fresh');
+  if (hasLine) {
+    const dot = await waitFor(page, () => !!document.querySelector('.c3top [data-c3pg="fresh-dot"]'));
+    const label = dot ? await page.getAttribute('[data-c3pg="fresh-dot"]', 'aria-label') : '';
+    ok('F1 the freshness line is one dot beside the date, named by what it says', dot && /^(\d+ sources? not read|Sources read)\./.test(label || ''), label);
+    await page.click('[data-c3pg="fresh-dot"]');
+    ok('F2 pressing the dot shows the full line', await page.evaluate(shown, '.c3top .fr-fresh') && await page.getAttribute('[data-c3pg="fresh-dot"]', 'aria-expanded') === 'true');
+    await page.click('[data-c3pg="fresh-dot"]');
+    ok('F3 pressing it again hides the line', !(await page.evaluate(shown, '.c3top .fr-fresh')));
+  } else ok('F0 this workspace draws no freshness line, so no dot is needed', !(await page.$('[data-c3pg="fresh-dot"]')));
+  await page.context().close();
+
+  /* ── Calendar, demo mode ── */
+  page = await open(1280, '/c3.html?demo=1&tab=cal');
+  const lay = await waitFor(page, () => !!document.querySelector('[data-c3pg="cal-layers"]'));
+  ok('C1 Calendar has one Layers button', lay);
+  if (lay) {
+    const chips = () => page.evaluate(() => { const n = document.querySelector('[data-cal3="chips"]'); return !!n && getComputedStyle(n).display !== 'none'; });
+    ok('C2 the layer chips are folded', !(await chips()));
+    await page.click('[data-c3pg="cal-layers"]');
+    ok('C3 Layers shows the chips', await chips() && await page.getAttribute('[data-c3pg="cal-layers"]', 'aria-expanded') === 'true');
+    await page.click('[data-c3pg="cal-layers"]');
+    ok('C4 pressing it again folds them', !(await chips()));
+  }
+  await page.context().close();
+
+  /* ── Reports, demo mode ── */
+  page = await open(1280, '/c3.html?demo=1&tab=rep');
+  await waitFor(page, () => !!document.querySelector('[data-rp3]'));
+  ok('R1 Reports draws no deck', await page.evaluate(() => [...document.querySelectorAll('[data-rp3-deck]')].every((n) => getComputedStyle(n).display === 'none')));
+  await page.context().close();
+
+  /* ── phone: unchanged ── */
+  page = await open(400, '/c3.html?tab=init');
+  await page.waitForTimeout(400);
+  const ph = await page.evaluate((shownSrc) => { const vis = new Function('s', 'return (' + shownSrc + ')(s)'); return { title: vis('.c3top h1'), dot: !!document.querySelector('[data-c3pg="fresh-dot"]') }; }, shown.toString());
+  ok('P1 at 400 wide the page keeps today\'s layout: the title shows and no dot is drawn', ph.title && !ph.dot, JSON.stringify(ph));
+  await page.context().close();
+
+  ok('E1 no script error', errors.length === 0, errors.join(' | '));
+  finish();
+})();

package/workspace/c3-reports-test.js

@@ -78,6 +78,7 @@ document.getElementById('c3-root').setAttribute('data-c3-demo', '1');
 </script></body></html>`;
 
 const D = '[data-rp3-pane="dash"]';
+const ACT = '[data-rp3]';   // Share, Edit dashboard and Reset sit on the tab row at desktop width (c3-quiet-pages), inside the pane on a phone
 const order = (page) => page.$$eval(D + ' [data-rp3-w]', (a) => a.map((n) => n.getAttribute('data-rp3-w')));
 const DEF_P = ['north', 'outcomes', 'signals', 'delivery', 'bets', 'synergy', 'maturity'];
 
@@ -184,18 +185,18 @@ const DEF_P = ['north', 'outcomes', 'signals', 'delivery', 'bets', 'synergy', 'm
   await page.click('[data-rp3-scope="board"]'); await loaded(page, 5);
   const reads = await page.evaluate(() => window.__rp3spy.reads);
   ok('the data route is read once per scope and id, and not again within the minute', JSON.stringify(reads) === JSON.stringify(['board|shop', 'board|enterprise', 'initiative|checkout', 'initiative|sso', 'initiative|onb']), JSON.stringify(reads));
-  await page.click(D + ' [data-rp3-edit]');
+  await page.click(ACT + ' [data-rp3-edit]');
   const freeB = await page.$$eval(D + ' [data-rp3-free]', (a) => a.map((n) => n.getAttribute('data-rp3-free')));
   ok('the Board add list holds only reports that fit a board (no north star, no maturity)', !freeB.includes('north') && !freeB.includes('maturity'), JSON.stringify(freeB));
-  await page.click(D + ' [data-rp3-edit]');
+  await page.click(ACT + ' [data-rp3-edit]');
   await page.click('[data-rp3-scope="portfolio"]'); await loaded(page, 7);
 
   /* ── edit ── */
   await spy(page);
-  await page.click(D + ' [data-rp3-edit]');
-  ok('Edit dashboard turns edit mode on, with arrows and Remove on each widget', await page.getAttribute(D + ' [data-rp3-edit]', 'aria-pressed') === 'true' && (await page.$$(D + ' [data-rp3-rm]')).length === 7 && (await page.$$(D + ' [data-rp3-up]')).length === 7);
+  await page.click(ACT + ' [data-rp3-edit]');
+  ok('Edit dashboard turns edit mode on, with arrows and Remove on each widget', await page.getAttribute(ACT + ' [data-rp3-edit]', 'aria-pressed') === 'true' && (await page.$$(D + ' [data-rp3-rm]')).length === 7 && (await page.$$(D + ' [data-rp3-up]')).length === 7);
   ok('the first widget cannot move up, the last cannot move down', await page.$eval(D + ' [data-rp3-up="north"]', (b) => b.disabled) && await page.$eval(D + ' [data-rp3-down="maturity"]', (b) => b.disabled));
-  ok('Reset to default is off while the scope shows its default', await page.$eval(D + ' [data-rp3-reset]', (b) => b.disabled));
+  ok('Reset to default is off while the scope shows its default', await page.$eval(ACT + ' [data-rp3-reset]', (b) => b.disabled));
   await page.click(D + ' [data-rp3-up="outcomes"]');
   ok('up moves a report up', !!(await until(async () => JSON.stringify(await order(page)) === JSON.stringify(['outcomes', 'north', 'signals', 'delivery', 'bets', 'synergy', 'maturity']))), JSON.stringify(await order(page)));
   let P = await posts(page, '/api/report-dashboards/layout');
@@ -216,7 +217,7 @@ const DEF_P = ['north', 'outcomes', 'signals', 'delivery', 'bets', 'synergy', 'm
   ok('Add puts a library report at the end of the dashboard', !!(await until(async () => (await order(page)).slice(-1)[0] === 'maturity')));
   P = await posts(page, '/api/report-dashboards/layout');
   ok('every change POSTed its layout (move, move, remove, undo, remove, add)', P.length === 6 && P.every((q) => q.body.key === 'portfolio' && Array.isArray(q.body.reports)), String(P.length));
-  ok('Reset to default is on once the scope has its own layout', !(await page.$eval(D + ' [data-rp3-reset]', (b) => b.disabled)));
+  ok('Reset to default is on once the scope has its own layout', !(await page.$eval(ACT + ' [data-rp3-reset]', (b) => b.disabled)));
   // a failed POST: the page keeps the change and says why
   await page.evaluate(() => { window.__rp3spy.fail = '/api/report-dashboards/layout'; });
   await page.click(D + ' [data-rp3-down="outcomes"]');
@@ -225,22 +226,22 @@ const DEF_P = ['north', 'outcomes', 'signals', 'delivery', 'bets', 'synergy', 'm
   await page.evaluate(() => { window.__rp3spy.fail = null; });
   await page.click(D + ' [data-rp3-up="outcomes"]');
   await until(async () => (await order(page)).join(',') === 'outcomes,signals,north,delivery,bets,synergy,maturity');
-  await page.click(D + ' [data-rp3-edit]');
-  ok('Done editing leaves edit mode', await page.getAttribute(D + ' [data-rp3-edit]', 'aria-pressed') === 'false' && !(await page.$(D + ' [data-rp3-rm]')));
+  await page.click(ACT + ' [data-rp3-edit]');
+  ok('Done editing leaves edit mode', await page.getAttribute(ACT + ' [data-rp3-edit]', 'aria-pressed') === 'false' && !(await page.$(D + ' [data-rp3-rm]')));
 
   /* ── the layout survives a reload ── */
   await open(page); await loaded(page, 7);
   ok('a stored layout is there after a reload', (await order(page)).join(',') === 'outcomes,signals,north,delivery,bets,synergy,maturity', JSON.stringify(await order(page)));
   await spy(page);
-  await page.click(D + ' [data-rp3-edit]'); await page.click(D + ' [data-rp3-reset]');
+  await page.click(ACT + ' [data-rp3-edit]'); await page.click(ACT + ' [data-rp3-reset]');
   ok('Reset to default returns the default order', !!(await until(async () => JSON.stringify(await order(page)) === JSON.stringify(DEF_P))), JSON.stringify(await order(page)));
   P = await posts(page, '/api/report-dashboards/layout');
   ok('Reset POSTs reports: null', P.length === 1 && P[0].body.reports === null && P[0].body.key === 'portfolio', JSON.stringify(P));
-  await page.click(D + ' [data-rp3-edit]');
+  await page.click(ACT + ' [data-rp3-edit]');
   // a board layout is kept per key
   await page.click('[data-rp3-scope="board"]'); await loaded(page, 5);
-  await page.click(D + ' [data-rp3-edit]'); await page.click(D + ' [data-rp3-rm="synergy"]'); await until(async () => (await order(page)).length === 4);
-  await page.click(D + ' [data-rp3-edit]');
+  await page.click(ACT + ' [data-rp3-edit]'); await page.click(D + ' [data-rp3-rm="synergy"]'); await until(async () => (await order(page)).length === 4);
+  await page.click(ACT + ' [data-rp3-edit]');
   P = await posts(page, '/api/report-dashboards/layout');
   ok('a board layout is POSTed under board:<id>', P.length === 2 && P[1].body.key === 'board:shop', JSON.stringify(P.map((q) => q.body.key)));
   await page.click('[data-rp3-scope="portfolio"]'); await loaded(page, 7);
@@ -249,7 +250,7 @@ const DEF_P = ['north', 'outcomes', 'signals', 'delivery', 'bets', 'synergy', 'm
   /* ── share ── */
   ok('the head says the portfolio is scheduled, draft only (the demo seeds a monthly schedule)', /Scheduled: Monthly, 1st at 08:00, draft only/.test(await page.textContent(D + ' [data-rp3-schedline]')));
   await spy(page);
-  await page.click(D + ' [data-rp3-share]');
+  await page.click(ACT + ' [data-rp3-share]');
   const sheet = await until(() => page.$('[data-rp3-sheet] [data-rp3-frame="Headline"]'));
   ok('Share opens a sheet with the report frame', !!sheet);
   const frames = await page.$$eval('[data-rp3-sheet] [data-rp3-frame] h2', (a) => a.map((h) => h.textContent.replace(/\d+$/, '')));
@@ -336,10 +337,10 @@ const DEF_P = ['north', 'outcomes', 'signals', 'delivery', 'bets', 'synergy', 'm
   const lefts = await pp.$$eval(D + ' [data-rp3-w]', (a) => [...new Set(a.map((w) => Math.round(w.getBoundingClientRect().left)))]);
   ok('400px: the widgets stack in one column', lefts.length === 1, JSON.stringify(lefts));
   await pp.click('[data-rp3-scope="initiative"]'); await loaded(pp, 4);
-  await pp.click(D + ' [data-rp3-edit]');
+  await pp.click(ACT + ' [data-rp3-edit]');
   ok('400px: Initiative scope in edit mode has no horizontal scroll', await noScroll(pp));
-  await pp.click(D + ' [data-rp3-edit]');
-  await pp.click(D + ' [data-rp3-share]'); await until(() => pp.$('[data-rp3-sheet] [data-rp3-frame]'));
+  await pp.click(ACT + ' [data-rp3-edit]');
+  await pp.click(ACT + ' [data-rp3-share]'); await until(() => pp.$('[data-rp3-sheet] [data-rp3-frame]'));
   ok('400px: the share sheet has no horizontal scroll', await noScroll(pp));
   await pp.keyboard.press('Escape');
   await pp.click('[data-rp3-tab="lib"]'); await pp.click('[data-rp3-pane="lib"] [data-home="delivery"]');

package/workspace/guide/console-calendar.md

@@ -35,7 +35,7 @@ The keys work too. Press `+` to zoom in and `-` to zoom out. Press the left or t
 
 ## Layers
 
-The chips under the zoom bar are the layers. Each chip shows the number of items in the range. Press a chip to hide its items, and press it again to show them.
+The chips under the zoom bar are the layers. On a screen wider than 600 pixels they are folded: press **Layers** in the zoom bar to show them, and press it again to fold them. They stay shown until you fold them or reload the page. Each chip shows the number of items in the range. Press a chip to hide its items, and press it again to show them.
 
 | Chip | What it shows |
 |---|---|

package/workspace/guide/console3-sessions.md

@@ -11,7 +11,7 @@ Press the **Sessions** button in the console3 header to open the panel. It is th
 
 ## The dock
 
-The dock is open on the Briefing. On the other tabs it is folded away, and no rail of buttons is left at the right edge. To open the dock again, press Ctrl J (⌘J on a Mac), or use **Open the dock** in the **More** menu.
+The dock is folded when you first open the console. To open it, press Ctrl J (⌘J on a Mac), or use **Open the dock** in the **More** menu. The browser keeps your choice: when you leave the dock open, it opens on the Briefing next time. On the other tabs it is folded away, and no rail of buttons is left at the right edge.
 
 ## Start a session
 

package/workspace/guide/data-freshness.md

@@ -44,7 +44,7 @@ The record is kept in your own runtime folder on this machine, never in a reposi
 
 ## Where you see it
 
-Each page shows a short line under its title that says when each source was last read, for example **Initiatives read 08:02 · Calendar read 07:15 · Jira status read 06:31**. The line never says that the data is up to date, because the agents read these sources on a schedule and not live.
+Each page shows a short line that says when each source was last read, for example **Initiatives read 08:02 · Calendar read 07:15 · Jira status read 06:31**. On a screen wider than 600 pixels, the line is folded into one dot next to the date. The dot is amber and says how many sources are not read, for example **2 sources not read**, or it says **Sources read**. Press the dot to show the full line, and press it again to fold it. The line never says that the data is up to date, because the agents read these sources on a schedule and not live.
 
 - A source older than its limit is amber.
 - A source that was never read says **not read yet**, in amber.

package/workspace/guide/initiative-boards.md

@@ -2,7 +2,7 @@
 type: Guide
 title: "Initiatives on the console: Portfolio, boards and workflows"
 description: "How to use the Initiatives tab of the console page (/): the Portfolio of boards, a board and its nine tabs, an initiative with its own workflow and stage records, and the Build and deliver setting."
-timestamp: 2026-10-11
+timestamp: 2026-10-12
 ---
 
 # Initiatives on the console: Portfolio, boards and workflows
@@ -24,6 +24,8 @@ Under the rows are a timeline of all boards (board › initiative › epic) and
 
 The tabs are **Summary**, **Initiatives**, **Triage**, **Backlog**, **Board**, **Timeline**, **Releases**, **Docs** and **Sprints**. A board with Build and deliver off has no Releases and no Sprints tab.
 
+On a screen wider than 600 pixels, the breadcrumb, the board status, the tabs and the Board settings gear are on one row. **Backlog**, **Releases**, **Docs** and **Sprints** are behind **More**. Press **More** to show them. When one of them is the open tab, it stays shown.
+
 - **Summary** shows the initiatives at a glance and one bar per category. At a glance lists up to six open initiatives. Initiatives with work, and Now initiatives that are not on track, come first. The others follow by end date. Press a bar to open the Initiatives tab with that category.
 - **Initiatives** lists the initiatives of the board, 25 on each page. Use the saved views (Now and next, Mine, At risk, No owner, All), the filters and the sort. Press **Move** on a row to move the initiative to a stage of its own workflow.
 - **Triage** lists the new asks. Add an ask, then open it to see its draft. Press **Accept** to start an initiative. An initiative needs an anchor (a KR or a health budget). On a board, **New initiative** lists the anchors that `planning/okrs/` declares. Pick one from the list. Press **Ask for more** to ask a question, or **Decline** and give a reason.

package/workspace/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "pmos-workspace",
-  "version": "0.172.0",
+  "version": "0.173.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "pmos-workspace",
-      "version": "0.172.0",
+      "version": "0.173.0",
       "license": "MIT",
       "dependencies": {
         "@xterm/addon-fit": "^0.11.0",

package/workspace/package.json

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

package/workspace/public/pm/c3-quiet.css

@@ -0,0 +1,100 @@
+/* pm/c3-quiet.css — quieter console3 pages (c3-quiet-pages, PM-approved 2026-10-12). Linked once by c3-quiet.js.
+ * At most two rows sit above a page's content: row one is the page tabs with the date, the freshness dot and the tools on the
+ * right; row two is the page's own context (breadcrumb, status, sub-tabs, actions). Teaching sentences, empty cards and extra
+ * chips are not drawn; decks show on Briefing only. Everything is scoped under .c3 and uses tokens only. */
+/* Phone widths keep today's layout: the phone gets its own companion design (Wawan, 2026-10-12), so every rule here is for 601px and up. */
+@media (min-width:601px){
+/* 1. Header: one row. Title and date left, a short tool set right. */
+.c3 .c3top{display:flex !important;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:nowrap}
+.c3 .c3top > div:first-child{min-width:0}
+.c3 .c3top .tools{order:2;margin-left:auto;flex-wrap:nowrap}
+.c3 .c3top .fr-fresh{display:none !important}               /* the long freshness line */
+.c3 .c3pg-daylight{display:none !important}                  /* sunrise and sunset text */
+.c3 .c3top [data-c3pg="calendar"]{display:none !important}   /* same as the Calendar tab */
+.c3 .c3top .ib:not([aria-pressed="true"]),.c3 .c3top .psess{border-color:transparent !important;background:transparent !important;box-shadow:none !important}
+.c3 .c3pg-tick{display:none !important}                       /* the pop-up "Just in" toast: the bell keeps it */
+.qt-fresh{margin-left:4px}
+.qt-fresh .qt-fresh__dot{width:8px;height:8px;border-radius:50%;background:var(--warning);display:inline-block}
+.qt-fresh.ok .qt-fresh__dot{background:var(--muted-foreground)}
+.c3 .c3top .fr-fresh.qt-open{display:flex !important;margin-top:6px}
+/* 2. Tab counts: plain grey numbers, not blue badges */
+.c3 .c3tabs .bdg{background:transparent !important;color:var(--muted-foreground) !important;font-weight:400;padding:0 0 0 2px;min-width:0;box-shadow:none}
+/* 3. Teaching sentences and hints: gone from every page */
+.c3 .ini-note:not(:has([data-ibb="clear"],[data-wk="clear"])),.c3 .ini-lhm .dim,.c3 .cal3-note,.c3 [data-pm-chips],.c3 [data-pm-lens-head],
+.c3 [data-c3pg="foot"],.c3 .pulse-foot .c3s2,.c3 .st-lead,.c3 [data-c3pg="kept-out"],.c3 [data-needs-summary]{display:none !important}
+/* 4. Rows: title plus at most two chips; the rest lives in the row's panel */
+.c3 .nrow .nb > .chips > :nth-child(n+3){display:none !important}
+.c3 [data-c3pg="today"] .nrow .chips [data-prep],.c3 [data-c3pg="today"] .nrow .chips [data-before]{display:none !important}
+.c3 [data-c3pg="today"] .nrow .nb > .chips > [data-people]{display:inline !important}
+/* 5. Decks: only Briefing shows the big cards */
+.c3 .cal3 [data-c3pg="plan"],.c3 [data-rp3-deck]{display:none !important}
+.c3 .stance [data-shell="listen"]{display:none !important}
+.c3 .fc .cfh .kp:nth-child(n+2){display:none !important}
+/* 7. Initiatives */
+.c3 [data-ini-view="portfolio"] .ini-meta{display:none !important}
+.c3 [data-ini-view="portfolio"] .bcol.r > section:first-child{display:none !important}   /* repeats each board's own bar */
+.c3 [data-ini="boards"] .nrow .nb > .chips > :nth-child(n+3){display:inline-flex !important}
+.c3 [data-ini="boards"] .nrow .nb > .chips:has(.ini-sw){display:none !important}   /* Discover 0 Plan 25 ... legend */
+.c3 [data-ini="boards"] .nrow .chips .tag{display:none !important}
+.c3 .bcols.qt-one{display:block !important}
+.c3 .bcols.qt-one > .bcol.r{display:none !important}
+.c3 .bcols.qt-one > .bcol.l{width:auto;max-width:none}
+.c3 [data-ini="setup"]{display:none !important}                                             /* Build and deliver line: lives in Board settings */
+.c3 [data-ini-view="board"] > .calbody > .lh{display:none !important}                       /* board name repeats the breadcrumb */
+.c3 [data-ini="board-tabs"] .bdg{display:none !important}
+.c3 [data-ini="board-tabs"] .qt-more-tab{display:none}
+.c3 [data-ini="board-tabs"].qt-show .qt-more-tab{display:inline-flex}
+.c3 .qt-status{color:var(--muted-foreground);font-size:var(--fs-2);margin-left:8px}
+.c3 .qt-status.warn{color:var(--warning)}
+.c3 [data-ini="glance"] .chip2.mono{display:none !important}
+.c3 .qt-fold > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--muted-foreground)}
+.c3 .qt-fold > summary::-webkit-details-marker{display:none}
+.c3 .qt-hide{display:none !important}
+/* 8. Calendar: layers behind one button */
+.c3 [data-c3-pane="cal"] [data-cal3="chips"]{display:none !important}
+.c3 [data-c3-pane="cal"] [data-cal3="chips"].qt-open{display:flex !important}
+.c3 [data-c3-pane="cal"] [data-cal3="lanes"]{display:none !important}
+/* 9. Work */
+.c3 .wkfc-why,.c3 .wkfr .nb > .chips:nth-of-type(2){display:none !important}
+@media (hover: hover){   /* with a pointer, a focus card's steps and buttons show on pointing at or tabbing into it; a touch screen always shows them */
+  .c3 .wkfr:not(:hover):not(:focus-within) .wkfr-b{display:none !important}
+}
+.c3 .wkfr .nb > .chips:has(> .chip2){display:none !important}
+.c3 [data-pm-lenses] .bdg{background:transparent !important;color:var(--muted-foreground) !important}
+/* 10. Reports */
+.c3 .rp3-w > .chips{display:none !important}
+@media (hover: hover){   /* with a pointer, About this report shows on pointing at or tabbing into the report */
+  .c3 .rp3-w:not(:hover):not(:focus-within) .rp3-about{opacity:0}
+}
+/* 11. Settings */
+.c3 .st-nav .sh2 .bdg{display:none !important}
+
+/* Phone: title and tools on one row, tools icon-only, date line below */
+/* ===== v2: two rows above content ===== */
+/* Row 1: the page tabs carry the page name; date, freshness dot and tools sit on the same row */
+.c3 .c3main{position:relative}
+.c3 .c3top h1{display:none !important}
+.c3 .c3top{position:absolute;top:0;right:0;left:auto;align-items:center !important;gap:10px;z-index:3;padding:0 !important;margin:0 !important;min-height:44px;background:transparent}
+.c3 .c3top > div:first-child{display:flex;align-items:center;gap:8px;order:1}
+.c3 .c3top .sub{font-size:var(--fs-1);margin:0}
+.c3 .c3top .fr-fresh.qt-open{position:absolute;top:44px;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px;flex-wrap:wrap;max-width:560px;box-shadow:0 6px 24px rgb(0 0 0 / .08)}
+.c3 nav.c3tabs{margin-top:0 !important;min-height:44px}
+/* Row 2: one context bar per page */
+.c3 .qt-ctx{display:flex !important;align-items:center;gap:10px;flex-wrap:wrap}
+.c3 .qt-ctx [data-ini="board-tabs"]{margin-left:auto}
+.c3 [data-ini-view="board"] > .calbody > .calbar:has([data-ini="board-tabs"]){display:none !important}
+.c3 [data-ini-view="portfolio"] .calbody > .lh{display:none !important}
+.c3 .stance[data-bf="lens-bar"]{display:none !important}
+.c3 .rp3-head:not(:has(.rp3-pick)){display:none !important}   /* Portfolio: the tab row says it all */
+.c3 .rp3-head > .ki,.c3 .rp3-head [data-rp3-title],.c3 .rp3-head .rp3-min0 > .dim{display:none !important}   /* a board or an initiative: only its chooser */
+.c3 .c3add{display:flex;align-items:center;gap:10px}
+.c3 .c3add .form{flex:1 1 auto}
+.c3 .wk > .calbar.qt-moved{display:none !important}
+.c3 .qt-ctx{justify-content:flex-start !important;flex-direction:row !important}
+.c3 .qt-ctx > [data-ini="crumbs"]{order:1}
+.c3 .qt-ctx > [data-ini="board-tabs"]{order:2;margin-left:12px !important}
+.c3 .qt-ctx > .chips2:not([data-ini="crumbs"]){order:3;margin-left:auto}
+.c3 [data-ini-view="board"] > .calbody{padding-top:4px}
+.c3.qt-stack .c3top{position:static;justify-content:flex-end !important;min-height:0}
+.c3.qt-stack nav.c3tabs{padding-right:0}
+}

package/workspace/public/pm/c3-quiet.js

@@ -0,0 +1,164 @@
+/* pm/c3-quiet.js — quieter console3 pages (c3-quiet-pages, PM-approved 2026-10-12: the mockup's
+ * version 2, linked from the initiative record).
+ *
+ *   mountQuiet(root)   links c3-quiet.css once and keeps the page in its quiet layout as the views draw:
+ *     - the freshness line folds into one dot next to the date ("4 sources not read"); pressing the dot shows the full line;
+ *     - a board: its status joins the breadcrumb, the board tabs join that row, Backlog, Releases, Docs and Sprints go
+ *       behind More, Dashboard and the all-zero Work items card are not shown;
+ *     - the portfolio: the headline joins the breadcrumb, an empty triage card is not shown, the timeline folds;
+ *     - empty chips ("No owner", "0 epics", ...) are not drawn;
+ *     - Calendar: the layer chips sit behind one Layers button, the Detail card shows once a meeting is picked;
+ *     - Work: the lenses sit beside Add work;  Reports: Share and Edit dashboard join the tab row.
+ * Desktop only: below 601px the page keeps today's layout.
+ * The views draw their own markup; this module only moves and hides it, so every press still goes to the view's own handler.
+ * It runs again, debounced, whenever the views redraw (one MutationObserver on the root). */
+
+import { button } from './primitives.js';
+
+const EMPTY_CHIP = /^(No owner|No dates yet|0 epics|0%|No release planned|Build and deliver)$/;
+const MORE_TABS = /^(backlog|releases|docs|sprints)$/;
+let layersOpen = false;   // the Calendar's Layers button, for this page load
+const BAD_FRESH = '.fr-fresh__state--never,.fr-fresh__state--stale,.fr-fresh__state--failed';
+
+/** Link c3-quiet.css once, from this module's own folder (the way c3-scan.js links its stylesheet). */
+export function ensureQuietCss() {
+  if (typeof document === 'undefined' || document.querySelector('link[data-c3-quiet]')) return;
+  const l = document.createElement('link');
+  l.rel = 'stylesheet'; l.href = new URL('./c3-quiet.css', import.meta.url).href; l.setAttribute('data-c3-quiet', '');
+  document.head.appendChild(l);
+}
+
+const mk = (tag, cls, text) => { const n = document.createElement(tag); if (cls) n.className = cls; if (text != null) n.textContent = text; return n; };
+const warnWords = (t) => /attention|off track|at risk|late/i.test(t);
+
+/* Header: the freshness dot. The Sessions button stays: it is the one way to the running sessions. */
+function header(root) {
+  const top = root.querySelector('.c3top');
+  if (!top) return;
+  const fr = top.querySelector('.fr-fresh');
+  const date = top.querySelector('[data-c3pg="date"]');
+  if (fr && date) {
+    let dot = top.querySelector('.qt-fresh');
+    if (!dot) {
+      const press = () => { const on = fr.classList.toggle('qt-open'); dot.setAttribute('aria-expanded', String(on)); };
+      dot = button({ label: '', variant: 'ghost', size: 'sm', onClick: press, attrs: { class: 'qt-fresh', 'data-c3pg': 'fresh-dot', 'aria-expanded': 'false' } });
+      dot.prepend(mk('span', 'qt-fresh__dot'));
+      date.after(dot);
+    }
+    const bad = fr.querySelectorAll(BAD_FRESH).length;
+    const words = bad ? bad + (bad === 1 ? ' source' : ' sources') + ' not read' : 'Sources read';
+    dot.classList.toggle('ok', !bad);
+    if (dot.title !== words) { dot.title = words; dot.setAttribute('aria-label', words + '. Show when each source was read'); }
+  }
+  // The tools sit on the tab row when both fit; when they do not (a narrow window, the demo banner), they take their own row.
+  const nav = root.querySelector('nav.c3tabs');
+  const w = Math.ceil(top.getBoundingClientRect().width);
+  if (nav && w) {
+    const tabs = [...nav.querySelectorAll('[role="tab"]')];
+    const need = tabs.length ? tabs[tabs.length - 1].getBoundingClientRect().right - nav.getBoundingClientRect().left : 0;
+    root.classList.toggle('qt-stack', need + w + 32 > (nav.parentElement || nav).getBoundingClientRect().width);
+  }
+}
+
+/* A board: one context row, five tabs and More, a gear for Board settings. */
+function board(v) {
+  const crumbs = v.querySelector('[data-ini="crumbs"]');
+  const st = v.querySelector('.ini-lhm .dim');
+  if (crumbs && st) {
+    let s = crumbs.querySelector('.qt-status');
+    const t = st.textContent.split('.')[0];
+    if (!s) { s = mk('span', 'qt-status'); crumbs.appendChild(s); }
+    if (s.textContent !== t) { s.textContent = t; s.classList.toggle('warn', warnWords(t)); }
+  }
+  // Dashboard lives in Reports, which already holds the board dashboard.
+  for (const b of v.querySelectorAll(':scope > .calbar button')) if (b.textContent.trim() === 'Dashboard') b.classList.add('qt-hide');
+  const tabs = v.querySelector('[data-ini="board-tabs"]');
+  if (tabs) {
+    for (const t of tabs.querySelectorAll('[data-ini-tab]')) if (MORE_TABS.test(t.dataset.iniTab)) t.classList.add('qt-more-tab');
+    if (!tabs.querySelector('.qt-more')) {
+      const m = button({ label: 'More', variant: 'ghost', size: 'sm', attrs: { class: 'qt-more', 'aria-expanded': 'false' },
+        onClick: () => { const on = tabs.classList.toggle('qt-show'); m.setAttribute('aria-expanded', String(on)); } });
+      tabs.appendChild(m);
+    }
+    // a tab behind More that is the open one keeps the row shown, so the pressed tab never disappears
+    if (tabs.querySelector('.qt-more-tab[aria-pressed="true"]')) tabs.classList.add('qt-show');
+    const row = crumbs && crumbs.parentElement;
+    if (row && tabs.parentElement !== row) { row.classList.add('qt-ctx'); row.insertBefore(tabs, row.querySelector(':scope > .chips2:not([data-ini="crumbs"])')); }
+  }
+  for (const s of v.querySelectorAll('.bcol.r > section')) {
+    if (/Work items/i.test(s.textContent) && (s.textContent.match(/\b\d+\b/g) || []).every((x) => x === '0')) s.classList.add('qt-hide');
+  }
+}
+
+/* The portfolio: the headline beside the breadcrumb, no empty triage card, the timeline folded. */
+function portfolio(v) {
+  const c = v.querySelector('[data-ini="crumbs"]'), h = v.querySelector('.ini-lhm b');
+  if (c && h) {
+    let s = c.querySelector('.qt-status');
+    if (!s) { s = mk('span', 'qt-status'); c.appendChild(s); }
+    if (s.textContent !== h.textContent) { s.textContent = h.textContent; s.classList.toggle('warn', warnWords(h.textContent)); }
+  }
+  for (const s of v.querySelectorAll('.bcol.r section')) s.classList.toggle('qt-hide', /No new asks/.test(s.textContent));
+  const tl = [...v.querySelectorAll('section.card.sect')].find((s) => /Timeline across boards/.test((s.querySelector('h2') || {}).textContent || ''));
+  if (tl && !tl.closest('.qt-fold')) {
+    const d = mk('details', 'qt-fold card'); d.setAttribute('data-c3pg', 'pf-timeline-fold');
+    d.appendChild(mk('summary', null, 'Timeline across boards'));
+    tl.before(d); d.appendChild(tl);
+  }
+}
+
+/* Phone widths keep today's layout (the phone gets its own companion design), so nothing moves below 601px. */
+const wide = () => typeof matchMedia !== 'function' || matchMedia('(min-width: 601px)').matches;
+
+function apply(root) {
+  if (!wide()) return;
+  header(root);
+  for (const v of root.querySelectorAll('[data-ini-view="board"]')) board(v);
+  for (const v of root.querySelectorAll('[data-ini-view="portfolio"]')) portfolio(v);
+  // Two columns become one when the right column has nothing left to show.
+  for (const c of root.querySelectorAll('[data-ini-view] .bcols')) {
+    const r = c.querySelector(':scope > .bcol.r');
+    if (r) c.classList.toggle('qt-one', ![...r.children].some((x) => getComputedStyle(x).display !== 'none'));
+  }
+  for (const c of root.querySelectorAll('.nrow .chips > .chip2')) if (EMPTY_CHIP.test(c.textContent.trim())) c.classList.add('qt-hide');
+  for (const c of root.querySelectorAll('.chips2, .chips')) if (/^Open the Board\s*Open the Timeline$/.test(c.textContent.trim())) c.classList.add('qt-hide');
+  // Settings: the "This computer" tag under each field and the Welcome note are not drawn.
+  for (const t of root.querySelectorAll('.c3set .tag')) if (t.textContent.trim() === 'This computer') t.classList.add('qt-hide');
+  for (const f of root.querySelectorAll('.c3set .fold')) if (/^The Welcome page asks/.test(f.textContent.trim())) f.classList.add('qt-hide');
+  // Calendar: one Layers button for the layer chips. Open or folded holds across the calendar's redraws (a chip press redraws it).
+  for (const c of root.querySelectorAll('[data-c3-pane="cal"] [data-cal3="page"]')) {
+    const lens = c.querySelector(':scope > .calbar .lens'), chips = c.querySelector('[data-cal3="chips"]');
+    if (!lens || !chips) continue;
+    let b = lens.querySelector('.qt-layers');
+    if (!b) {
+      b = button({ label: 'Layers', variant: 'ghost', size: 'sm', attrs: { class: 'qt-layers', 'data-c3pg': 'cal-layers' }, onClick: () => { layersOpen = !layersOpen; apply(root); } });
+      lens.appendChild(b);
+    }
+    b.setAttribute('aria-expanded', String(layersOpen));
+    chips.classList.toggle('qt-open', layersOpen);
+  }
+  // Calendar: the Detail card shows once a meeting or a marker is picked (not its "Select a meeting" note).
+  for (const d of root.querySelectorAll('[data-cal3="detail"]')) d.classList.toggle('qt-hide', /^Select a meeting to see/.test((d.querySelector('.cal3-note') || {}).textContent || '') && !d.querySelector('button, a'));
+  // Work: the lenses beside Add work.
+  for (const w of root.querySelectorAll('.wk')) {
+    const add = w.querySelector(':scope > .c3add'), bar = w.querySelector(':scope > .calbar'), l = bar && bar.querySelector('[data-pm-lenses]');
+    if (add && l && l.parentElement === bar) { for (const o of add.querySelectorAll('[data-pm-lenses]')) o.remove(); add.appendChild(l); bar.classList.add('qt-moved'); }
+  }
+  // Reports: Share and Edit dashboard on the tab row.
+  for (const r of root.querySelectorAll('[data-rp3]')) {
+    const scope = r.querySelector(':scope > .calbar .rp3-scope'), acts = r.querySelector('.rp3-head > .chips2');
+    if (scope && acts) { for (const o of scope.querySelectorAll('.qt-acts')) o.remove(); acts.classList.add('qt-acts'); scope.appendChild(acts); }
+  }
+}
+
+/** Keep `root` (the console3 root) in the quiet layout. Safe to call once; later calls do nothing. */
+export function mountQuiet(root) {
+  if (!root || root.dataset.quiet) return;
+  root.dataset.quiet = '1';
+  ensureQuietCss();
+  let t = null;
+  const run = () => { t = null; try { apply(root); } catch { /* a view mid-draw; the next mutation runs it again */ } };
+  run();
+  new MutationObserver(() => { if (!t) t = setTimeout(run, 50); }).observe(root, { subtree: true, childList: true });
+  if (typeof matchMedia === 'function') matchMedia('(min-width: 601px)').addEventListener('change', () => { if (!t) t = setTimeout(run, 50); });
+}

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

@@ -49,6 +49,7 @@ import { registry, filterPalette, rowStep } from './briefing-model.js';
 import { freshnessLine } from './freshness-line.js';
 import { mountInitiatives } from './c3-initiatives.js';
 import { mountSettings, gearIcon, applyLook } from './c3-settings.js';
+import { mountQuiet } from './c3-quiet.js';
 
 /* In demo mode each tab's deck asks for its own cards (the mockup draws a different deck per tab); real mode sends no scope. Reports always sends its own (repTab). */
 const sc = (name) => (DEMO ? name : undefined);
@@ -63,6 +64,9 @@ const THEME_KEY = 'pmos.c3.theme';
 const q = new URLSearchParams(location.search);
 const store = { get(k) { try { return localStorage.getItem(k); } catch { return null; } }, set(k, v) { try { localStorage.setItem(k, v); } catch { /* no storage */ } } };
 const DEMO = q.get('demo') === '1';   // demo mode: c3-demo.js answers the page's /api reads with the mockup's sample content
+/* The dock's open or folded choice, kept on this device. No choice yet: folded. */
+const dockPref = () => store.get('pmos.c3.dock') === 'open';
+const keepDock = () => store.set('pmos.c3.dock', S.dockOpen ? 'open' : 'folded');
 const S = { demo: DEMO, ws: q.get('ws') || '', workspaces: [], tab: 'brief', theme: 'light', panes: {}, mounted: {}, init: 'lifecycle', initRows: null, dockOpen: true, wide: true };
 
 /* A view reads a route with no ws and the server answers for its home workspace. This page names one, so a GET to /api/ with no ws gets it. */
@@ -136,7 +140,7 @@ function toggleMore() {
     item('phone', 'Phone preview', () => togglePreview(), !!S.preview, { 'data-a': 'phone' }),
     item(S.theme === 'dark' ? 'sun' : 'moon', S.theme === 'dark' ? 'Light theme' : 'Dark theme', () => setTheme(S.theme === 'dark' ? 'light' : 'dark')),
     ((b) => { b.firstChild.replaceWith(gearIcon('sm')); return b; })(item('info', 'Settings', () => showTab('settings', true), false, { 'data-a': 'settings' })),
-    item('term', S.dockOpen ? 'Fold the dock' : 'Open the dock', () => { S.dockOpen = !S.dockOpen; syncDock(); }, false, { 'data-a': 'dockt' }, 'Ctrl J'),
+    item('term', S.dockOpen ? 'Fold the dock' : 'Open the dock', () => { S.dockOpen = !S.dockOpen; keepDock(); syncDock(); }, false, { 'data-a': 'dockt' }, 'Ctrl J'),
     el('a', { class: 'c3pg-mi', role: 'menuitem', href: '/classic.html' }, c3ic('term', 'sm'), el('span', null, 'Open the classic app')));
   S.root.append(S.menu);   // on the page root with position:fixed, so no ancestor's overflow, transform or stacking order can hide it
   S.placeMenu = () => { const r = S.moreBtn.getBoundingClientRect(); const w = S.menu.offsetWidth || 220; S.menu.style.top = Math.round(r.bottom + 6) + 'px'; S.menu.style.left = Math.round(Math.max(8, Math.min(r.right - w, innerWidth - w - 8))) + 'px'; S.menu.style.maxHeight = Math.max(160, innerHeight - r.bottom - 14) + 'px'; };
@@ -389,7 +393,7 @@ const sheetOpen = () => !!document.querySelector('[data-shell="sheet"],[data-she
 function onKey(e) {
   const ae = document.activeElement;
   if ((e.metaKey || e.ctrlKey) && !e.altKey) {
-    if (e.key === 'j' || e.key === 'J') { e.preventDefault(); e.stopPropagation(); if (!e.repeat) { S.dockOpen = !S.dockOpen; syncDock(); } }   // stopPropagation: the dock has its own Ctrl J handler on the bubble phase, and two toggles cancel out
+    if (e.key === 'j' || e.key === 'J') { e.preventDefault(); e.stopPropagation(); if (!e.repeat) { S.dockOpen = !S.dockOpen; keepDock(); syncDock(); } }   // stopPropagation: the dock has its own Ctrl J handler on the bubble phase, and two toggles cancel out
     else if (e.key === 'k' || e.key === 'K') { e.preventDefault(); if (S.pal) closePalette(true); else openPalette(); }
     return;
   }
@@ -419,7 +423,7 @@ function onKey(e) {
 /* ── the dock: the mockup's repository, branch and session tree (c3-dock.js) ── */
 function dock() {
   S.dock = createDock({
-    setOpen: (on) => { S.dockOpen = !!on; syncDock(); },
+    setOpen: (on) => { S.dockOpen = !!on; keepDock(); syncDock(); },
     onWs: (id) => { const u = new URL(location.href); u.searchParams.set('ws', id); location.assign(u.toString()); },
     /* the needs-you badge on the agent button: runs that ask, hold a permission or need the terminal (not the running ones) */
     onCount: (live, need) => { S.termBdg.textContent = String(need); S.termBdg.hidden = need === 0; import('./c3-terminal-icons.js').then((m) => { const t = m.TIPS.agentHeader(need); S.termBtn.title = t; S.termBtn.setAttribute('aria-label', t); }); },   // the badge counts runs that need you, never running ones
@@ -544,7 +548,7 @@ function showTab(id, push) {
     else S.settings.refresh();
   } else if (!S.mounted[id]) { S.mounted[id] = true; BUILD[id](S.panes[id]); }
   S.root.dataset.tab = id;
-  S.dockOpen = S.wide && id === 'brief'; syncDock();
+  S.dockOpen = S.wide && id === 'brief' && dockPref(); syncDock();   // the dock starts folded (c3-quiet-pages); Ctrl J or the More menu opens it, and the choice is kept
   S.pageView.classList.remove('view'); void S.pageView.offsetWidth; S.pageView.classList.add('view');
   moveInd();
   if (push) S.userNav = true;
@@ -602,6 +606,7 @@ async function boot() {
   root.replaceChildren(S.grid);
   mountDaypart(root, root.querySelector('.c3top'));
   mountAmbient(root);   // the ambient motion canvas, once, behind the grid
+  mountQuiet(root);     // the quiet layout: two rows above the content, no teaching sentences (c3-quiet-pages)
 
   S.dock.setWorkspaces(S.workspaces, S.ws);
   mountBell(S.bellHost, { go: (_, t) => goTarget(t) });
@@ -611,7 +616,7 @@ async function boot() {
   mountTicker(S.tickHost, { onOpen: () => openBellList() });
   import('./shell-recording.js').then((m) => m.mountRecording(S.tools)).catch(() => { /* the recorder is not available on this page */ });
   S.narrow = matchMedia('(max-width:980px)');
-  S.narrow.addEventListener('change', () => { S.wide = !S.narrow.matches; S.dockOpen = S.wide && S.tab === 'brief'; syncDock(); });
+  S.narrow.addEventListener('change', () => { S.wide = !S.narrow.matches; S.dockOpen = S.wide && S.tab === 'brief' && dockPref(); syncDock(); });
   S.wide = !S.narrow.matches;
   /* The saved settings set the start page (look.start) when the address names no tab, and turn the time-of-day tint and strip off or on. */
   let start = q.get('tab');

package/workspace/test-files.json

@@ -144,7 +144,8 @@
     "c3-driver-test.js",
     "c3-scan-test.js",
     "c3-sessions-panel-test.js",
-    "c3-updates-test.js"
+    "c3-updates-test.js",
+    "c3-quiet-test.js"
   ],
   "ui": [
     "ui-test.js"
@@ -285,7 +286,8 @@
     "settings-store.test.js": 1,
     "c3-settings-test.js": 25,
     "c3-sessions-panel-test.js": 20,
-    "c3-updates-test.js": 20
+    "c3-updates-test.js": 20,
+    "c3-quiet-test.js": 30
   },
   "_comment_seconds": "Measured wall time of each suite run alone (4-CPU sandbox, 2026-10-05). Only the ORDER uses it: the slowest suites start first, and --shard deals suites to the least-loaded shard so the shards finish together. A wrong or missing number never skips a suite; a missing one counts as 10."
 }