create-pmos 0.133.0 → 0.135.0

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

@@ -1,14 +1,15 @@
 /* pm/pm-work-view.js — the Work view of My work, built on the console3 mockup's own markup and CSS (initiative
  * planning-flows-and-agent-sessions). The mockup (prototype/pmos-console-handoff/mockups/console3.html) is the UI: the rows
  * (.nrow with .rv, .ki, .nb, .tt, .chips, .xp), the lens bar (.calbar, .seg), the add line (.c3add, .chips2), the case file
- * (.case, .c3jf, .c3steps), the jobs card (.card.sect) and the swipe gesture are the mockup's; the styles are pm/console3.css
+ * (.case, .c3jf, .c3steps), the Focus card (.card.sect) and the swipe gesture are the mockup's; the styles are pm/console3.css
  * (see pm/console3-lift.md). This file keeps the real data calls and draws what they return, nothing else.
  *
  * mountPmWork(host, ctx) draws once per host; disposePmWork(host) removes it.
  * Views (initiative console3-work-page, planning/prd/console3-work-page-prd.md): Inbox, Today, Upcoming, Waiting, Someday and Review.
  * The SERVER places every item and answers `work`, `review`, `focus` and `counts`; this file draws them and never copies an item from
- * one view to another. Today opens with Focus (up to three jobs, each with the reason: Accept, Edit title, Not today). Upcoming groups
- * the next 7 days by day, then Later. Review is a weekly pass, one item at a time (Keep, Change, Drop). An item done outside PMOS
+ * one view to another. The right column of every view is Focus (up to three jobs, each with the reason: Accept, Edit, Not today; a row opens the
+ * job's sheet) (initiative console3-work-parity). Today is Overdue, Due today and Flagged. Upcoming is Next 7 days by day, then a Later card. Review
+ * also carries the agent's drafts section that Briefing used to show. Review is a weekly pass, one item at a time (Keep, Change, Drop). An item done outside PMOS
  * (`kind: offline`) shows the person and offers Done with an optional outcome, Not yet and Drop, and "Looks done?" with Confirm when
  * it carries `evidence`; PMOS never closes it by itself.
  * Routes (lib/routes-pm-items.js). Every write is a page press through pmPost:
@@ -22,7 +23,7 @@
  * drawn disabled ("no channel connected"); nothing is sent.
  * In demo mode (/c3.html?demo=1, window.__c3demo) the answers of the writes are laid over the fixtures in memory (`applyOv`) and placed
  * with work-place.js, the server's rule; the agent run of a row with a suggested move is a mock that only walks the steps and shows a
- * labelled draft. The deck is ctx.plan, a node the page builds. The microphone is drawn disabled.
+ * labelled draft. ctx.go(tab) opens another tab. The microphone is drawn disabled.
  *
  * The helpers c3ic, c3ring, ensureC3Css and c3Phone are shared with briefing-deck.js and calendar-views.js. */
 import { el } from './dom.js';
@@ -32,13 +33,16 @@ import { renderCase } from './c3-case.js';
 import { makeXp, attachExpand } from './c3-expand.js';
 import { attachSwipe } from './c3-swipe.js';
 import { toast } from './c3-toast.js';
+import { openSheet } from './c3-sheet.js';
+import { onBriefing, loadBriefing } from './shell-ticker.js';
+import { reviewSection } from './c3-brief.js';
 import { VIEWS, REVIEW_DAYS, workPlace, arrives, buildWork, addIso, daysBetween, untouchedDays } from './work-place.js';
 
 /* ── shared with the Briefing and Calendar views: the stylesheet, the icon sprite, the ring, the phone class ───────── */
 
 const SVG_NS = 'http://www.w3.org/2000/svg';
 /* The mockup's icon sprite (console3.html lines 970 to 1026, ids renamed c3i-*, plus the c3 layer's edit and trash). */
-const SPRITE = '<symbol id="c3i-sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></symbol><symbol id="c3i-moon" viewBox="0 0 24 24"><path d="M20 14a8 8 0 11-10-10 6 6 0 0010 10z"/></symbol><symbol id="c3i-cal" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="15" rx="2"/><path d="M4 10h16M8 3v4M16 3v4"/></symbol><symbol id="c3i-inbox" viewBox="0 0 24 24"><path d="M4 13l2-8h12l2 8M4 13v6h16v-6M4 13h5l1 2h4l1-2h5"/></symbol><symbol id="c3i-todo" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3"/><path d="M8 12l3 3 5-6"/></symbol><symbol id="c3i-init" viewBox="0 0 24 24"><path d="M12 3l9 5-9 5-9-5 9-5zM3 13l9 5 9-5"/></symbol><symbol id="c3i-report" viewBox="0 0 24 24"><path d="M5 20V10M12 20V4M19 20v-7"/></symbol><symbol id="c3i-notes" viewBox="0 0 24 24"><path d="M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h5"/></symbol><symbol id="c3i-user" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 4-6 8-6s8 2 8 6"/></symbol><symbol id="c3i-doc" viewBox="0 0 24 24"><path d="M6 3h9l4 4v14H6zM14 3v5h5"/></symbol><symbol id="c3i-sheet" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M4 10h16M4 15h16M10 4v16"/></symbol><symbol id="c3i-img" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="9" cy="10" r="2"/><path d="M21 16l-5-5-9 9"/></symbol><symbol id="c3i-pdf" viewBox="0 0 24 24"><path d="M6 3h9l4 4v14H6zM14 3v5h5M9 15h6M9 18h4"/></symbol><symbol id="c3i-term" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 9l3 3-3 3M13 15h4"/></symbol><symbol id="c3i-branch" viewBox="0 0 24 24"><circle cx="6" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="9" r="2"/><path d="M6 7v10M18 11c0 4-6 3-12 6"/></symbol><symbol id="c3i-repo" viewBox="0 0 24 24"><path d="M5 4h11a3 3 0 013 3v13H8a3 3 0 01-3-3zM5 17a3 3 0 013-3h11"/></symbol><symbol id="c3i-flag" viewBox="0 0 24 24"><path d="M6 21V4M6 5h11l-2 4 2 4H6"/></symbol><symbol id="c3i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol><symbol id="c3i-alert" viewBox="0 0 24 24"><path d="M12 3l10 18H2zM12 10v5M12 18v.5"/></symbol><symbol id="c3i-check" viewBox="0 0 24 24"><path d="M5 12l5 5 9-10"/></symbol><symbol id="c3i-x" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></symbol><symbol id="c3i-eye" viewBox="0 0 24 24"><path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/></symbol><symbol id="c3i-undo" viewBox="0 0 24 24"><path d="M4 12a8 8 0 108-8M4 4v6h6"/></symbol><symbol id="c3i-out" viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></symbol><symbol id="c3i-shield" viewBox="0 0 24 24"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/></symbol><symbol id="c3i-mic" viewBox="0 0 24 24"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0014 0M12 18v3"/></symbol><symbol id="c3i-clip" viewBox="0 0 24 24"><rect x="6" y="4" width="12" height="17" rx="2"/><path d="M9 4h6v3H9zM9 12h6M9 16h4"/></symbol><symbol id="c3i-search" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-5-5"/></symbol><symbol id="c3i-phone" viewBox="0 0 24 24"><rect x="7" y="2" width="10" height="20" rx="2"/><path d="M11 18h2"/></symbol><symbol id="c3i-cloud" viewBox="0 0 24 24"><path d="M7 18a4 4 0 010-8 5 5 0 019.6-1A4.5 4.5 0 0117 18z"/></symbol><symbol id="c3i-bolt" viewBox="0 0 24 24"><path d="M13 2L4 14h7l-1 8 9-12h-7z"/></symbol><symbol id="c3i-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol><symbol id="c3i-scale" viewBox="0 0 24 24"><path d="M12 3v18M5 7h14M5 7l-3 7a3 3 0 006 0zM19 7l-3 7a3 3 0 006 0z"/></symbol><symbol id="c3i-reply" viewBox="0 0 24 24"><path d="M9 7L4 12l5 5M4 12h10a6 6 0 016 6"/></symbol><symbol id="c3i-info" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 11v6M12 7.5v.5"/></symbol><symbol id="c3i-wait" viewBox="0 0 24 24"><path d="M7 3h10M7 21h10M8 3c0 5 8 5 8 9s-8 4-8 9"/></symbol><symbol id="c3i-up" viewBox="0 0 24 24"><path d="M7 11v9H4v-9zM7 11l4-8c2 0 3 1 3 3v3h5a2 2 0 012 2l-1 6a2 2 0 01-2 2H7"/></symbol><symbol id="c3i-cols" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16M15 4v16"/></symbol><symbol id="c3i-fold" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M15 4v16"/></symbol><symbol id="c3i-spark" viewBox="0 0 24 24"><path d="M12 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2z"/></symbol><symbol id="c3i-target" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1"/></symbol><symbol id="c3i-filter" viewBox="0 0 24 24"><path d="M3 5h18l-7 8v6l-4-2v-4z"/></symbol><symbol id="c3i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></symbol><symbol id="c3i-lock" viewBox="0 0 24 24"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V8a4 4 0 018 0v3"/></symbol><symbol id="c3i-play" viewBox="0 0 24 24"><path d="M7 4l13 8-13 8z"/></symbol><symbol id="c3i-stop" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" rx="1"/></symbol><symbol id="i-pause" viewBox="0 0 24 24"><path d="M8 5v14M16 5v14"/></symbol><symbol id="c3i-prev" viewBox="0 0 24 24"><path d="M15 6l-6 6 6 6"/></symbol><symbol id="c3i-next" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></symbol><symbol id="c3i-tree" viewBox="0 0 24 24"><path d="M5 4h7v4H5zM13 10h7v4h-7zM13 17h7v4h-7zM8 8v11h5M8 12h5"/></symbol><symbol id="c3i-org" viewBox="0 0 24 24"><path d="M9 3h6v5H9zM3 16h6v5H3zM15 16h6v5h-6zM12 8v4M6 16v-4h12v4"/></symbol><symbol id="c3i-drop" viewBox="0 0 24 24"><path d="M12 3c4 5 6 8 6 11a6 6 0 01-12 0c0-3 2-6 6-11z"/></symbol><symbol id="c3i-more" viewBox="0 0 24 24"><path d="M5 12h.01M12 12h.01M19 12h.01" stroke-width="3"/></symbol><symbol id="c3i-zin" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-5-5M8 11h6M11 8v6"/></symbol><symbol id="c3i-zout" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-5-5M8 11h6"/></symbol><symbol id="c3i-bell" viewBox="0 0 24 24"><path d="M6 17v-6a6 6 0 0112 0v6l2 2H4zM10 21h4"/></symbol><symbol id="c3i-vol" viewBox="0 0 24 24"><path d="M4 9v6h4l5 4V5L8 9zM16.5 8.5a5 5 0 010 7M19 6a8.5 8.5 0 010 12"/></symbol><symbol id="c3i-menu" viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h16"/></symbol><symbol id="c3i-edit" viewBox="0 0 24 24"><path d="M4 20h4L19 9l-4-4L4 16v4zM13.5 6.5l4 4"/></symbol><symbol id="c3i-trash" viewBox="0 0 24 24"><path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13"/></symbol>';
+const SPRITE = '<symbol id="c3i-sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></symbol><symbol id="c3i-star" viewBox="0 0 24 24"><path d="M12 3l2.6 5.6 6.1.7-4.5 4.2 1.2 6L12 16.5 6.6 19.5l1.2-6L3.3 9.3l6.1-.7z"/></symbol><symbol id="c3i-moon" viewBox="0 0 24 24"><path d="M20 14a8 8 0 11-10-10 6 6 0 0010 10z"/></symbol><symbol id="c3i-cal" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="15" rx="2"/><path d="M4 10h16M8 3v4M16 3v4"/></symbol><symbol id="c3i-inbox" viewBox="0 0 24 24"><path d="M4 13l2-8h12l2 8M4 13v6h16v-6M4 13h5l1 2h4l1-2h5"/></symbol><symbol id="c3i-todo" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3"/><path d="M8 12l3 3 5-6"/></symbol><symbol id="c3i-init" viewBox="0 0 24 24"><path d="M12 3l9 5-9 5-9-5 9-5zM3 13l9 5 9-5"/></symbol><symbol id="c3i-report" viewBox="0 0 24 24"><path d="M5 20V10M12 20V4M19 20v-7"/></symbol><symbol id="c3i-notes" viewBox="0 0 24 24"><path d="M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h5"/></symbol><symbol id="c3i-user" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 4-6 8-6s8 2 8 6"/></symbol><symbol id="c3i-doc" viewBox="0 0 24 24"><path d="M6 3h9l4 4v14H6zM14 3v5h5"/></symbol><symbol id="c3i-sheet" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M4 10h16M4 15h16M10 4v16"/></symbol><symbol id="c3i-img" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="9" cy="10" r="2"/><path d="M21 16l-5-5-9 9"/></symbol><symbol id="c3i-pdf" viewBox="0 0 24 24"><path d="M6 3h9l4 4v14H6zM14 3v5h5M9 15h6M9 18h4"/></symbol><symbol id="c3i-term" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 9l3 3-3 3M13 15h4"/></symbol><symbol id="c3i-branch" viewBox="0 0 24 24"><circle cx="6" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="9" r="2"/><path d="M6 7v10M18 11c0 4-6 3-12 6"/></symbol><symbol id="c3i-repo" viewBox="0 0 24 24"><path d="M5 4h11a3 3 0 013 3v13H8a3 3 0 01-3-3zM5 17a3 3 0 013-3h11"/></symbol><symbol id="c3i-flag" viewBox="0 0 24 24"><path d="M6 21V4M6 5h11l-2 4 2 4H6"/></symbol><symbol id="c3i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol><symbol id="c3i-alert" viewBox="0 0 24 24"><path d="M12 3l10 18H2zM12 10v5M12 18v.5"/></symbol><symbol id="c3i-check" viewBox="0 0 24 24"><path d="M5 12l5 5 9-10"/></symbol><symbol id="c3i-x" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></symbol><symbol id="c3i-eye" viewBox="0 0 24 24"><path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/></symbol><symbol id="c3i-undo" viewBox="0 0 24 24"><path d="M4 12a8 8 0 108-8M4 4v6h6"/></symbol><symbol id="c3i-out" viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></symbol><symbol id="c3i-shield" viewBox="0 0 24 24"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/></symbol><symbol id="c3i-mic" viewBox="0 0 24 24"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0014 0M12 18v3"/></symbol><symbol id="c3i-clip" viewBox="0 0 24 24"><rect x="6" y="4" width="12" height="17" rx="2"/><path d="M9 4h6v3H9zM9 12h6M9 16h4"/></symbol><symbol id="c3i-search" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-5-5"/></symbol><symbol id="c3i-phone" viewBox="0 0 24 24"><rect x="7" y="2" width="10" height="20" rx="2"/><path d="M11 18h2"/></symbol><symbol id="c3i-cloud" viewBox="0 0 24 24"><path d="M7 18a4 4 0 010-8 5 5 0 019.6-1A4.5 4.5 0 0117 18z"/></symbol><symbol id="c3i-bolt" viewBox="0 0 24 24"><path d="M13 2L4 14h7l-1 8 9-12h-7z"/></symbol><symbol id="c3i-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol><symbol id="c3i-scale" viewBox="0 0 24 24"><path d="M12 3v18M5 7h14M5 7l-3 7a3 3 0 006 0zM19 7l-3 7a3 3 0 006 0z"/></symbol><symbol id="c3i-reply" viewBox="0 0 24 24"><path d="M9 7L4 12l5 5M4 12h10a6 6 0 016 6"/></symbol><symbol id="c3i-info" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 11v6M12 7.5v.5"/></symbol><symbol id="c3i-wait" viewBox="0 0 24 24"><path d="M7 3h10M7 21h10M8 3c0 5 8 5 8 9s-8 4-8 9"/></symbol><symbol id="c3i-up" viewBox="0 0 24 24"><path d="M7 11v9H4v-9zM7 11l4-8c2 0 3 1 3 3v3h5a2 2 0 012 2l-1 6a2 2 0 01-2 2H7"/></symbol><symbol id="c3i-cols" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16M15 4v16"/></symbol><symbol id="c3i-fold" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M15 4v16"/></symbol><symbol id="c3i-spark" viewBox="0 0 24 24"><path d="M12 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2z"/></symbol><symbol id="c3i-target" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1"/></symbol><symbol id="c3i-filter" viewBox="0 0 24 24"><path d="M3 5h18l-7 8v6l-4-2v-4z"/></symbol><symbol id="c3i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></symbol><symbol id="c3i-lock" viewBox="0 0 24 24"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V8a4 4 0 018 0v3"/></symbol><symbol id="c3i-play" viewBox="0 0 24 24"><path d="M7 4l13 8-13 8z"/></symbol><symbol id="c3i-stop" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" rx="1"/></symbol><symbol id="i-pause" viewBox="0 0 24 24"><path d="M8 5v14M16 5v14"/></symbol><symbol id="c3i-prev" viewBox="0 0 24 24"><path d="M15 6l-6 6 6 6"/></symbol><symbol id="c3i-next" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></symbol><symbol id="c3i-tree" viewBox="0 0 24 24"><path d="M5 4h7v4H5zM13 10h7v4h-7zM13 17h7v4h-7zM8 8v11h5M8 12h5"/></symbol><symbol id="c3i-org" viewBox="0 0 24 24"><path d="M9 3h6v5H9zM3 16h6v5H3zM15 16h6v5h-6zM12 8v4M6 16v-4h12v4"/></symbol><symbol id="c3i-drop" viewBox="0 0 24 24"><path d="M12 3c4 5 6 8 6 11a6 6 0 01-12 0c0-3 2-6 6-11z"/></symbol><symbol id="c3i-more" viewBox="0 0 24 24"><path d="M5 12h.01M12 12h.01M19 12h.01" stroke-width="3"/></symbol><symbol id="c3i-zin" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-5-5M8 11h6M11 8v6"/></symbol><symbol id="c3i-zout" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-5-5M8 11h6"/></symbol><symbol id="c3i-bell" viewBox="0 0 24 24"><path d="M6 17v-6a6 6 0 0112 0v6l2 2H4zM10 21h4"/></symbol><symbol id="c3i-vol" viewBox="0 0 24 24"><path d="M4 9v6h4l5 4V5L8 9zM16.5 8.5a5 5 0 010 7M19 6a8.5 8.5 0 010 12"/></symbol><symbol id="c3i-menu" viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h16"/></symbol><symbol id="c3i-edit" viewBox="0 0 24 24"><path d="M4 20h4L19 9l-4-4L4 16v4zM13.5 6.5l4 4"/></symbol><symbol id="c3i-trash" viewBox="0 0 24 24"><path d="M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13"/></symbol>';
 
 /** Link console3.css once, from this module's own folder (the same way primitives.js links components.css). */
 export function ensureC3Css() {
@@ -106,37 +110,44 @@ const API = '/api/pm-items';
 const JOBS = '/api/pm-jobs';
 /* The six views (initiative console3-work-page, PRD R1): five places an open item can be, and the weekly Review pass. */
 const LENSES = [['inbox', 'Inbox'], ['today', 'Today'], ['upcoming', 'Upcoming'], ['waiting', 'Waiting'], ['someday', 'Someday'], ['review', 'Review']];
-const WLI = { inbox: 'inbox', today: 'sun', upcoming: 'cal', waiting: 'wait', someday: 'moon', review: 'eye' };
+const WLI = { inbox: 'inbox', today: 'sun', upcoming: 'cal', waiting: 'wait', someday: 'moon', review: 'check' };
 const WHO = ['you', 'agent-drafts', 'agent-does'];
 const OUTWARD = /\b(send|sends|sending|email|emails|message|messages|tell|post|reply to)\b/i; // mirrors lib/item-steps.js
 const RESOLVES_TIP = 'Your work. The team task is separate: close it in its initiative.';
 
 export const COPY = Object.freeze({
   addPlaceholder: 'Add work: type or speak',
-  addLabel: 'Add work', addBtn: 'Add', hint: 'Try: Send Dana the new date by Fri !1',
+  addLabel: 'Add work', addBtn: 'Add', hint: 'Try: Send Dewi the new date by Fri',
   addsTo: 'adds to', noJob: 'no job yet', waitingOn: (w) => 'waiting on ' + w,
   empty: 'Nothing here.', noJobGroup: 'No job yet', jobs: 'Jobs to be done', noJobs: 'No jobs yet.',
   addJob: 'Add a job', addJobPlaceholder: 'when I plan a release, I want honest dates, so Dana can trust them',
   groupJob: 'Group by job to be done', groupTime: 'Group by time', loading: 'Reading…',
   micOff: 'Speak is off on this line: on-device dictation runs in Notes, in the main app. Type the item here.',
   jobsNote: 'The count is every item in the job, across all views. Tap a job to edit or delete it.',
-  legend: ['open', 'done', 'migrated', 'scheduled'], readError: 'Your items could not be read.', saveError: 'Nothing was saved.',
+  legend: ['open', 'done'], readError: 'Your items could not be read.', saveError: 'Nothing was saved.',
   removed: 'Removed.', undo: 'Undo', restored: 'Restored.', tooLate: 'Too late to undo.', drop: 'Drop',
   reassigned: (n) => (n === 1 ? '1 item now has no job.' : `${n} items now have no job.`),
   progress: (d, t) => `${d} of ${t} done`,
   jobLine: (j) => `When ${j.when}, I want ${j.want}, so ${j.so}.`,
+  /* The header of each view (the mockup's INTRO): a bold line and a dim line. */
   lens: {
-    inbox: (n) => `${n} to decide`, today: (n) => `${n} for today`, upcoming: (n) => `${n} in the days ahead`,
-    waiting: (n) => `${n} waiting on others`, someday: (n) => `${n} parked in Someday`, review: (n) => `${n} to review this week`,
+    inbox: 'Decide when or whether', today: 'Overdue, due today and flagged', upcoming: 'The next 7 days, then anything later',
+    waiting: 'Things you handed to someone', someday: 'Parked on purpose', review: 'A weekly pass over items without a date',
   },
   lensSub: {
-    inbox: 'Captured, not decided. Give each one a day, a Not before date, a person to wait on, or park it in Someday.',
-    today: 'Overdue, due today and flagged. Focus says which jobs matter most today.',
-    upcoming: 'The next 7 days by day, then Later. A Not before date keeps an item out of Today until that day.',
-    waiting: 'Someone else must act first.',
-    someday: 'Parked on purpose. Nothing here asks for attention until the weekly Review.',
-    review: 'Items in Inbox, Waiting or Someday that nobody touched for 7 days, most stale first. Keep, change or drop each one.',
+    inbox: 'Nothing here has a date. Tap Decide to give each item a day, park it or drop it.',
+    today: 'Focus says which jobs matter most today.',
+    upcoming: 'A "not before" date keeps an item out of Today until it arrives.',
+    waiting: 'You expect these back. Nudge when one goes quiet.',
+    someday: 'Nothing here asks for attention until the weekly Review.',
+    review: 'Items in Inbox, Waiting or Someday that nobody touched for 7 days, most stale first. One at a time: keep it, change it, or drop it.',
   },
+  sect: { inbox: 'Inbox', waiting: 'Waiting', someday: 'Someday', overdue: 'Overdue', dueToday: 'Due today', flagged: 'Flagged', next7: 'Next 7 days', later: 'Later' },
+  decisions: (n) => ` ${n} decision${n === 1 ? '' : 's'} wait${n === 1 ? 's' : ''} in Briefing, Needs you.`, openBriefing: 'Open Briefing',
+  inboxNote: 'New asks for initiatives are triaged in', initiatives: 'Initiatives', inboxNoteEnd: '. This inbox is only for your own work.',
+  clear: 'Clear', beyond: 'beyond 7 days', nothingLater: 'Nothing beyond 7 days.', tomorrowHead: 'Tomorrow',
+  decide: 'Decide', nudge: 'Nudge', doneBtn: 'Done',
+  nudged: (w) => `Nudge to ${w} drafted. No channel is connected, so nothing is sent.`,
   emptyView: {
     inbox: 'Inbox is empty. Capture anything that crosses your mind.', today: 'Nothing due, overdue or flagged. Pick from Upcoming when you are ready.',
     upcoming: 'Nothing dated in the days ahead.', waiting: 'Nobody owes you anything right now.', someday: 'Nothing parked.',
@@ -144,17 +155,19 @@ export const COPY = Object.freeze({
   done: 'Done', doneToast: 'Marked done.', steps: 'Steps', noSteps: 'No steps yet.', addStep: 'Add a step',
   who: { you: 'You', 'agent-drafts': 'Agent drafts', 'agent-does': 'Agent does' },
   whoOutward: 'Sends to a person: the agent drafts, you slide to send.', options: 'Options', plan: 'Plan the steps',
-  /* Focus (PRD R4) */
-  focus: 'Focus', focusSub: 'Up to three jobs for today, each with the reason.', focusNone: 'No focus suggested for today. Everything below still counts.',
-  focusPinned: 'Focus today', focusSuggested: 'Suggested', accept: 'Accept', editTitle: 'Edit title', notToday: 'Not today', unpin: 'Unpin', save: 'Save', cancel: 'Cancel',
-  why: (w) => 'Why: ' + w, focusAccepted: 'Pinned to Today.', focusDismissed: 'Not today. It does not come back today.', focusCleared: 'Unpinned.',
+  /* Focus (PRD R4; console3-work-parity R2) */
+  focus: 'Focus: jobs to be done', focusNone: 'No focus for today. Everything below still counts.',
+  focusPinned: 'Focus today', accept: 'Accept', editTitle: 'Edit title', edit: 'Edit', notToday: 'Not today', unpin: 'Unpin', save: 'Save', cancel: 'Cancel',
+  why: (w) => 'Why: ' + w, focusAccepted: 'Added to Focus today', focusDismissed: 'Not today. PMOS will suggest it again tomorrow.', focusCleared: 'Unpinned.',
+  markedNot: (n) => `${n} marked not today.`, bringBack2: 'Bring back', broughtBack: 'Brought back.', newJob: 'New job', jobSheet: 'Job to be done',
   /* offline work and the shared actions (PRD R6) */
   offline: 'outside PMOS', offlineNote: (p) => 'Happens outside PMOS' + (p ? ', with ' + p : '') + '. Tell PMOS how it went.',
   outcome: 'What came out of it (optional)', notYet: 'Not yet:', laterToday: 'Later today', tomorrow: 'Tomorrow', nextWeek: 'Next week',
   looksDone: 'Looks done?', confirm: 'Confirm done', flag: 'Flag', unflag: 'Unflag', notBefore: 'Not before', someday: 'Someday', bringBack: 'Bring back',
   waitingField: 'Waiting on', waitingWho: 'Who?', stopWaiting: 'Stop waiting', flagged: 'Flagged',
-  notBeforeChip: (d) => 'Not before ' + d, advances: (t) => 'Advances: ' + t, moved: (n) => (n === 1 ? 'Moved once' : `Moved ${n} times`),
-  overdue: (n) => (n === 1 ? '1 day overdue' : `${n} days overdue`),
+  notBeforeChip: (d) => 'Not before ' + d, advances: (t) => 'Advances team task ' + t, moved: (n) => `Moved ${n}×`,
+  overdue: (n) => (n === 1 ? 'Overdue since yesterday' : `${n} days overdue`), dueToday: 'Due today', dueOn: (d) => 'Due ' + d,
+  waitingSince: (w, since, ago) => `Waiting for ${w}` + (since ? ` since ${since}` : '') + (ago ? ` (${ago})` : ''), repeats: (r) => 'Repeats ' + String(r).toLowerCase(),
   /* Review (PRD R7) */
   reviewHead: 'Weekly review', keep: 'Keep', change: 'Change', next: 'Done changing, next', reviewDone: 'Review done',
   reviewDoneText: (n) => `You looked at ${n} item${n === 1 ? '' : 's'}. Anything you changed or dropped has moved to its new view.`,
@@ -195,6 +208,7 @@ function applyOv(base, ov) {
   d.focus = {
     accepted: [...(F.accepted || []).filter((a) => !st(a.key)), ...[...ov.focus.values()].filter((x) => x.state === 'acc').map((x) => x.f)],
     suggestions: (F.suggestions || []).filter((s) => (!st(s.key) || st(s.key).state === 'clear') && live(s)).slice(0, 3),
+    dismissed: [...new Set([...(F.dismissed || []), ...[...ov.focus.entries()].filter(([, x]) => x.state === 'no').map(([k]) => k)])].filter((k) => !st(k) || st(k).state === 'no'),
   };
   const jobs = [...(d.jobs || []), ...ov.jobsAdded].filter((j) => !ov.jobsGone.has(j.id)).map((j) => ({ ...j, ...(ov.jobEdits.get(j.id) || {}) }));
   jobs.forEach((j) => {
@@ -269,9 +283,9 @@ export function mountPmWork(host, ctx) {
   if (inst) return;
   if (ctx && ctx.FIXTURE) return;
   ensureC3Css();
-  inst = { host, ctx: ctx || {}, root: el('div', { class: 'c3 calwrap', 'data-pm-work': '' }), data: null, base: null, ov: newOv(), lens: 'today', group: false,
-    opens: new Set(), picks: new Map(), editing: new Set(), planning: new Set(), runs: new Map(), trays: new Set(), cases: new Set(), timers: new Set(), hidden: new Set(), jobNew: null, jobForm: false,
-    focEdit: new Set(), rv: { ids: null, handled: new Set(), changing: false } };
+  inst = { host, ctx: ctx || {}, root: el('div', { class: 'c3 calwrap wk', 'data-pm-work': '' }), data: null, base: null, ov: newOv(), lens: 'today',
+    opens: new Set(), picks: new Map(), editing: new Set(), planning: new Set(), runs: new Map(), trays: new Set(), cases: new Set(), timers: new Set(), hidden: new Set(),
+    focEdit: new Set(), rv: { ids: null, handled: new Set(), changing: false }, decisions: 0, drafts: null, draftsSig: '', draftsHost: el('div', { 'data-pm-review-drafts': '' }) };
   inst.body = el('div', { class: 'calbody pmw-body' });
   inst.bar = el('div', { class: 'calbar' });
   inst.addBox = addLine(inst);
@@ -279,7 +293,9 @@ export function mountPmWork(host, ctx) {
   inst.stopPhone = c3Phone(inst.root);
   insts.set(host, inst);
   host.appendChild(inst.root);
-  if (inst.ctx.onLens) inst.ctx.onLens(inst.lens);   // the page's deck follows the view the page opens on
+  if (inst.ctx.onLens) inst.ctx.onLens(inst.lens);
+  inst.stopBrief = onBriefing((b) => briefRead(inst, b));   // the decisions that wait in Briefing, and the drafts the Review view carries
+  loadBriefing();
   load(inst);
 }
 
@@ -287,6 +303,7 @@ export function disposePmWork(host) {
   const inst = insts.get(host);
   if (!inst) return;
   if (inst.stopPhone) inst.stopPhone();
+  if (inst.stopBrief) inst.stopBrief();
   disposeCases(inst);
   inst.timers.forEach((t) => clearTimeout(t));
   inst.root.remove();
@@ -435,7 +452,7 @@ function addLine(inst) {
     const r = await press(inst, API + '/add', { line }, { quiet: true });
     if (!r) return;
     input.value = ''; chips.replaceChildren(...previewChips(inst, ''));
-    inst.lens = workPlace(o, before); if (inst.ctx.onLens) inst.ctx.onLens(inst.lens); inst.group = false;
+    inst.lens = workPlace(o, before); if (inst.ctx.onLens) inst.ctx.onLens(inst.lens);
     if (r.item) inst.opens.add(r.item.id);
     say({ text: 'Added to ' + labelOf(inst.lens), timeout: r.undo_ms || 6000, actionLabel: COPY.undo, onAction: async () => { if (r.item) await press(inst, API + '/remove', { id: r.item.id }, { quiet: true }); await load(inst); } });
     await load(inst);
@@ -741,7 +758,7 @@ function swipeSpec(inst, item, lens) {
 function expandRow(inst, row, key, build, onClose) {
   const xp = makeXp();
   const xi = xp.firstChild;
-  attachExpand(row, xp, {
+  row.__exp = attachExpand(row, xp, {
     key, initial: inst.opens.has(key),
     onToggle: (on) => {
       if (on) {
@@ -761,49 +778,73 @@ const KIND_ICON = { reply: 'reply', decide: 'scale', review: 'eye', do: 'check'
 /* The mockup's time-left bar (.fuse) with its text, for an item that carries `left` ({ text, pct, tone }). */
 const fuseBar = (l) => { const c = l.tone === 'warn' ? 'var(--warning)' : 'var(--acc)'; return el('div', { class: 'chips2', style: 'margin-top:6px;gap:8px' }, el('div', { class: 'fuse' }, el('i', { style: 'width:' + Math.round(l.pct * 100) + '%;background:' + c })), el('span', { class: 'mono', style: 'font-size:var(--fs-1);color:' + c }, l.text)); };
 
+/* "yesterday", "7 days ago": how long ago a day was (the mockup's ago()). */
+const ago = (from, today) => { const n = daysBetween(from, today); return n <= 0 ? 'today' : n === 1 ? 'yesterday' : n + ' days ago'; };
+
+/* The due chip of a row (the mockup's dueChip): a tag for overdue and for today, a calendar chip for a later day. */
+function dueChip(inst, item) {
+  if (!item.due) return null;
+  const today = inst.data.today; const due = String(item.due).slice(0, 10);
+  if (due < today) return el('span', { class: 'tag cal3-tone-bad', 'data-pm-due': 'overdue' }, COPY.overdue(daysBetween(due, today)));
+  if (due === today) return el('span', { class: 'tag cal3-tone-warn', 'data-pm-due': 'today' }, COPY.dueToday + (item.time ? ' ' + item.time : ''));
+  return el('span', { class: 'chip2', 'data-pm-due': 'later' }, c3ic('cal', 'sm'), COPY.dueOn(dayLabel(due)));
+}
+
 /* The chips the Work page adds to a row: outside PMOS and the person, Not before, Flagged, how often it moved, Looks done, the team task it advances. */
-function workChips(inst, item) {
+function workChips(inst, item, o = {}) {
   const today = inst.data.today; const c = [];
   if (item.kind === 'offline') c.push(el('span', { class: 'tag wk-off', 'data-pm-offline-tag': item.id }, COPY.offline), el('span', { class: 'chip2' }, c3ic('user', 'sm'), item.person || 'someone'));
-  if (item.defer && item.defer > today) c.push(el('span', { class: 'tag wk-nb', 'data-pm-notbefore': item.id }, COPY.notBeforeChip(dayLabel(item.defer))));
-  if (item.flagged) c.push(el('span', { class: 'chip2 wk-fl', 'data-pm-flagged': item.id }, c3ic('flag', 'sm'), COPY.flagged));
-  if (item.due && String(item.due).slice(0, 10) < today) c.push(el('span', { class: 'st bad' }, c3ic('alert', 'sm'), COPY.overdue(daysBetween(item.due, today))));
+  if (item.defer && item.defer > today) c.push(el('span', { class: 'tag wk-nb cal3-up', 'data-pm-notbefore': item.id }, COPY.notBeforeChip(dayLabel(item.defer))));
+  if (item.flagged && !o.noFlag) c.push(el('span', { class: 'tag cal3-up', 'data-pm-flagged': item.id }, COPY.flagged));
+  if (item.recurring) c.push(el('span', { class: 'chip2' }, c3ic('undo', 'sm'), COPY.repeats(item.recurring)));
   if (item.not_yet_count) c.push(el('span', { class: 'tag' }, COPY.moved(item.not_yet_count)));
   if (item.kind === 'offline' && item.evidence) c.push(el('span', { class: 'st warn', 'data-pm-looks-done': item.id }, c3ic('eye', 'sm'), COPY.looksDone));
   if (item.resolves) c.push(el('span', { class: 'chip2', title: RESOLVES_TIP, 'data-pm-resolves': item.resolves }, c3ic('init', 'sm'), COPY.advances(resolvesTitle(inst, item))));
   return c;
 }
 
-/* The mockup's workRow(): li.nrow.wrow > .rv.l, .rv.r (made by the swipe), .ki, .nb (.tt, .chips, .xp > .xi), and the .sg glyphs (line 3258). */
-function itemRow(inst, item, lens) {
+/* The mockup's workRow(): li.nrow.wrow > .rv.l, .rv.r (made by the swipe), .ki, .nb (.tt, .chips, .xp > .xi), the .acts button and the .sg glyphs (line 3258). */
+function itemRow(inst, item, lens, o = {}) {
   const j = item.job && jobById(inst, item.job);
+  const today = inst.data.today;
   const chips = [];
   /* An item with `mock_row` (the /c3.html demo mode's mockup rows) is drawn as the mockup draws a work row: agent move, effort, time, job, source, initiative. */
   const mock = item.mock_row === true;
   const rs = inst.runs.get(item.id);
   const agent = mock && item.agent_move && (item.ix || {}).move;
+  const overdue = !!item.due && String(item.due).slice(0, 10) < today;
   if (rs && rs.phase === 'work') chips.push(el('span', { class: 'st c3strip', 'data-sxs': item.id }, el('span', { class: 'c3spin' }, c3ic('spark', 'sm')), rs.steps[Math.min(rs.i, rs.steps.length - 1)] + ' · ' + (Math.min(rs.i, rs.steps.length - 1) + 1) + ' of ' + rs.steps.length));
   else if (rs && rs.phase === 'done') chips.push(el('span', { class: 'st ok' }, c3ic('check', 'sm'), 'agent: result ready'));
   else if (inst.planning.has(item.id)) chips.push(el('span', { class: 'st' }, el('span', { class: 'c3spin' }, c3ic('spark', 'sm')), 'planning the steps'));
+  if (item.waiting_on) {
+    const since = item.waiting_since ? String(item.waiting_since).slice(0, 10) : '';
+    chips.push(el('span', { class: 'chip2', 'data-pm-waiting-chip': item.id }, c3ic('wait', 'sm'), COPY.waitingSince(item.waiting_on, since ? dayLabel(since) : '', since ? ago(since, today) : '')));
+  }
+  chips.push(dueChip(inst, item));
+  chips.push(...workChips(inst, item, { noFlag: o.noFlag }));
   if (mock && item.agent_move && !(rs && rs.phase === 'done')) chips.push(el('span', { class: 'chip2', style: 'gap:4px', title: 'Swipe right to let the agent act' }, c3ic('spark', 'sm'), 'agent move'));
   if (mock && item.mins) chips.push(el('span', { class: 'chip2', title: 'Effort' }, c3ic('clock', 'sm'), item.mins <= 2 ? 'under 2 min' : item.mins + ' min'));
-  if (mock && item.time) chips.push(el('span', { class: 'chip2' }, c3ic('cal', 'sm'), item.time));
-  if (item.due) chips.push(el('span', { class: 'chip2' }, c3ic('cal', 'sm'), item.due));
   if (item.priority) chips.push(el('span', { class: 'fl ' + item.priority.toLowerCase() }, item.priority));
-  if (item.waiting_on) chips.push(el('span', { class: 'chip2' }, c3ic('wait', 'sm'), COPY.waitingOn(item.waiting_on)));
-  chips.push(...workChips(inst, item));
   if ((item.steps || []).length) { const dn = item.steps.filter((s) => s.done).length; const ag = item.steps.filter((s) => s.who !== 'you' && !s.done).length; chips.push(el('span', { class: 'chip2', title: 'Steps' }, c3ic('tree', 'sm'), dn + ' of ' + item.steps.length + ' steps' + (ag ? ' · agent can do ' + ag : ''))); }
   if (j) chips.push(el('span', { class: 'chip2 jc', title: j.want }, c3ic('target', 'sm'), mock && j.mock_name ? j.mock_name : j.want));
   if (mock && item.src) chips.push(el('span', { class: 'tag' }, item.src));
   if (mock && item.init) chips.push(el('span', { class: 'chip2' }, c3ic('init', 'sm'), item.init.length > 16 ? item.init.slice(0, 15) + '…' : item.init));
   const title = el('span', { class: 'tt', 'data-pm-title': item.id }, item.title);
   const spec = swipeSpec(inst, item, lens);
-  const recL = itemCase(inst, item, lens).model.opts.find((o) => o.rec);
+  const recL = itemCase(inst, item, lens).model.opts.find((q) => q.rec);
   const recSide = agent ? 'r' : (recL && /^(drop|keep|wait|defer|someday)/.test(recL.id) ? 'l' : 'r');
-  const icon = mock ? (KIND_ICON[item.kind] || 'check') : item.kind === 'offline' ? 'user' : item.flagged ? 'flag' : item.priority === 'P1' ? 'alert' : 'todo';
+  /* the row icon (the mockup): user for work outside PMOS, flag when flagged, wait in Waiting, check otherwise */
+  const icon = mock ? (KIND_ICON[item.kind] || 'check') : item.kind === 'offline' ? 'user' : item.flagged ? 'flag' : lens === 'waiting' ? 'wait' : 'check';
+  const hot = overdue || item.flagged || item.priority === 'P1';
+  /* the right side (mockup W8): Decide in Inbox, Nudge in Waiting, nothing in Someday, a Done check everywhere else */
+  let right = null;
+  if (lens === 'inbox') right = button({ label: COPY.decide, variant: 'ghost', size: 'sm', icon: 'next', attrs: { 'data-pm-decide': item.id }, onClick: (e) => { e.stopPropagation(); if (row.__exp) row.__exp.toggle(); } });
+  else if (lens === 'waiting') right = c3ib(COPY.nudge, 'out', { 'data-pm-nudge': item.id, onClick: (e) => { e.stopPropagation(); say({ text: COPY.nudged(item.waiting_on || 'them'), timeout: 4000 }); } }, 'sm');
+  else if (lens !== 'someday') right = c3ib(COPY.doneBtn, 'check', { 'data-pm-done': item.id, onClick: (e) => { e.stopPropagation(); doneAct(inst, item, row, 'Done.'); } }, 'sm');
   const row = el('li', { class: 'nrow wrow', 'data-row': '', 'data-id': item.id, 'data-w': '1', 'data-pm-item': item.id, 'data-lens': lens },
-    el('span', { class: 'ki' + (item.priority === 'P1' || item.flagged ? ' hot' : ''), title: item.kind === 'offline' ? 'Happens outside PMOS' : item.priority || '' }, c3ic(icon)),
-    el('div', { class: 'nb' }, title, mock && item.left ? fuseBar(item.left) : null, chips.length ? el('div', { class: 'chips' }, chips) : null),
+    el('span', { class: 'ki' + (hot ? ' hot' : ''), title: item.kind === 'offline' ? 'Happens outside PMOS' : item.priority || '' }, c3ic(icon)),
+    el('div', { class: 'nb' }, title, mock && item.left ? fuseBar(item.left) : null, chips.filter(Boolean).length ? el('div', { class: 'chips' }, chips.filter(Boolean)) : null),
+    right ? el('div', { class: 'acts' }, right) : el('span'),
     el('span', { class: 'sg', title: agent ? 'Drag right: the agent acts. Drag left: reply.' : 'Drag right: ' + spec.right.label + '. Drag left: ' + spec.left.label + '.' },
       el('span', { class: 'g l' + (recSide === 'l' ? ' y' : '') }, c3ic(spec.left.icon)), el('span', { class: 'g r' + (recSide === 'r' ? ' y' : '') }, c3ic(spec.right.icon))));
   const xp = expandRow(inst, row, item.id, () => caseFile(inst, item, lens));
@@ -825,52 +866,105 @@ function itemRow(inst, item, lens) {
   return row;
 }
 
-/* ── Focus: up to three jobs for today, with the reason (PRD R4) ──────────────────────────────────────────────────── */
-
-function focusCard(inst) {
-  const F = inst.data.focus || { suggestions: [], accepted: [] };
-  const acc = F.accepted || []; const sug = (F.suggestions || []).slice(0, 3);
-  const one = (f, pinned) => {
-    const editing = inst.focEdit.has(f.key);
-    const input = editing ? el('input', { type: 'text', 'aria-label': COPY.editTitle, 'data-pm-focus-input': f.key, autocomplete: 'off' }) : null;
-    if (input) input.value = f.title;
-    const save = () => focusAccept(inst, { ...f, title: (input && input.value.trim()) || f.title });
-    const cancel = () => { inst.focEdit.delete(f.key); draw(inst); };
-    const edit = () => { inst.focEdit.add(f.key); draw(inst); later(inst, () => { const i = inst.root.querySelector('[data-pm-focus-input="' + f.key + '"]'); if (i) i.focus(); }, 30); };
-    if (input) input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.isComposing) save(); else if (e.key === 'Escape') cancel(); });
-    const job = f.job && jobById(inst, f.job);
-    const refs = (f.item_ids || []).map((id) => itemById(inst, id)).filter((i) => i && !i.done && i.title !== f.title);   // a one-item job does not list itself
-    const btns = editing ? [pill(COPY.save, 'check', { class: 'pill pri', 'data-pm-focus-save': f.key, onclick: save }), pill(COPY.cancel, null, { 'data-pm-focus-cancel': f.key, onclick: cancel })]
-      : pinned ? [pill(COPY.editTitle, 'edit', { 'data-pm-focus-edit': f.key, onclick: edit }), pill(COPY.unpin, 'x', { 'data-pm-focus-clear': f.key, onclick: () => focusClear(inst, f) })]
-        : [pill(COPY.accept, 'check', { class: 'pill pri', 'data-pm-focus-accept': f.key, onclick: () => focusAccept(inst, f) }), pill(COPY.editTitle, 'edit', { 'data-pm-focus-edit': f.key, onclick: edit }),
-          pill(COPY.notToday, 'moon', { 'data-pm-focus-dismiss': f.key, onclick: () => focusDismiss(inst, f) })];
-    return el('div', { class: 'wkfc' + (pinned ? ' on' : ''), 'data-pm-focus-card': f.key, 'data-pm-focus-state': pinned ? 'accepted' : 'suggested' },
-      el('div', { class: 'chips2' }, el('span', { class: 'tag' + (pinned ? ' wk-on' : '') }, pinned ? COPY.focusPinned : COPY.focusSuggested),
-        job ? el('span', { class: 'chip2' }, c3ic('target', 'sm'), job.mock_name || job.want) : null),
-      editing ? el('span', { class: 'form' }, input) : el('b', { class: 'wkfc-t', 'data-pm-focus-title': f.key }, f.title),
-      f.why ? el('p', { class: 'wkfc-why' }, COPY.why(f.why)) : null,
-      refs.length ? el('ul', { class: 'wkfc-r', role: 'list' }, refs.map((i) => el('li', null, c3ic('next', 'sm'), el('span', null, i.title)))) : null,
-      el('div', { class: 'wkq' }, btns));
+/* ── Focus: the right-hand column of every view (console3-work-parity R2, R3; Flow today removed by console3-deck-flow-fixes) ── */
+
+/* One Focus row (the mockup's focusHTML row): target icon, title, progress, the reason, the open items, and Accept / Edit / Not today. A row that
+ * has a job opens the job's sheet (R3): the whole row, or its job chip for the keyboard. */
+function focusRow(inst, f, pinned) {
+  const editing = inst.focEdit.has(f.key);
+  const input = editing ? el('input', { type: 'text', 'aria-label': COPY.editTitle, 'data-pm-focus-input': f.key, autocomplete: 'off' }) : null;
+  if (input) input.value = f.title;
+  const save = () => focusAccept(inst, { ...f, title: (input && input.value.trim()) || f.title });
+  const cancel = () => { inst.focEdit.delete(f.key); draw(inst); };
+  const edit = () => { inst.focEdit.add(f.key); draw(inst); later(inst, () => { const i = inst.root.querySelector('[data-pm-focus-input="' + f.key + '"]'); if (i) i.focus(); }, 30); };
+  if (input) input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.isComposing) save(); else if (e.key === 'Escape') cancel(); });
+  const job = f.job && jobById(inst, f.job);
+  const refs = (f.item_ids || []).map((id) => itemById(inst, id)).filter((i) => i && !i.done && i.title !== f.title);   // a one-item job does not list itself
+  const total = job ? job.total || 0 : (f.item_ids || []).length; const done = job ? job.done || 0 : 0;
+  const btns = editing ? [pill(COPY.save, null, { class: 'pill', 'data-pm-focus-save': f.key, onclick: save }), pill(COPY.cancel, null, { 'data-pm-focus-cancel': f.key, onclick: cancel })]
+    : pinned ? [pill(COPY.edit, null, { 'data-pm-focus-edit': f.key, onclick: edit }), pill(COPY.unpin, null, { 'data-pm-focus-clear': f.key, onclick: () => focusClear(inst, f) }),
+      pill(COPY.notToday, null, { 'data-pm-focus-dismiss': f.key, onclick: () => focusDismiss(inst, f) })]
+      : [pill(COPY.accept, 'check', { class: 'pill', 'data-pm-focus-accept': f.key, onclick: () => focusAccept(inst, f) }), pill(COPY.edit, null, { 'data-pm-focus-edit': f.key, onclick: edit }),
+        pill(COPY.notToday, null, { 'data-pm-focus-dismiss': f.key, onclick: () => focusDismiss(inst, f) })];
+  const pfill = el('i'); pfill.style.setProperty('--wl-w', (total ? Math.round((done / total) * 100) : 0) + '%');
+  const openJob = () => openJobSheet(inst, job);
+  const li = el('li', { class: 'nrow wkfr', 'data-pm-focus-card': f.key, 'data-pm-focus-state': pinned ? 'accepted' : 'suggested', 'data-row': '' },
+    el('span', { class: 'ki' + (pinned ? ' hot' : '') }, c3ic('target')),
+    el('div', { class: 'nb' },
+      editing ? el('span', { class: 'form' }, input) : el('span', { class: 'tt', title: f.why || '', 'data-pm-focus-title': f.key }, f.title),
+      el('div', { class: 'chips' }, el('div', { class: 'pbar wkpb' }, pfill),
+        el('span', { class: 'mono dim wk-s' }, COPY.progress(done, total)),
+        pinned ? el('span', { class: 'tag cal3-up wk-on' }, COPY.focusPinned) : null,
+        job ? pill(job.mock_name || job.want, 'target', { class: 'pill wkjob', title: COPY.jobSheet, 'data-pm-focus-job': job.id, onclick: (e) => { e.stopPropagation(); openJob(); } }) : null),
+      f.why ? el('div', { class: 'dim wk-s wkfc-why' }, COPY.why(f.why)) : null,
+      refs.length ? el('div', { class: 'chips' }, refs.map((i) => el('span', { class: 'chip2' }, i.title))) : null,
+      el('div', { class: 'chips2 wkq wkfr-b' }, btns)),
+    el('span'));
+  return li;
+}
+
+function focusSection(inst) {
+  const F = inst.data.focus || { suggestions: [], accepted: [], dismissed: [] };
+  const acc = F.accepted || []; const sug = (F.suggestions || []).slice(0, 3); const hidden = F.dismissed || [];
+  const n = acc.length + sug.length;
+  const restore = async () => {
+    for (const k of hidden) await press(inst, API + '/focus/clear', { key: k }, { quiet: true });
+    say({ text: COPY.broughtBack, timeout: 2500 });
+    await load(inst);
   };
+  const foot = hidden.length ? el('div', { class: 'fold', 'data-pm-focus-hidden': '' }, COPY.markedNot(hidden.length), ' ', pill(COPY.bringBack2, null, { 'data-pm-focus-restore': '', onclick: restore })) : null;
+  const add = c3ib(COPY.newJob, 'plus', { 'data-pm-job-add-toggle': '', onClick: () => openNewJob(inst) }, 'sm');
   return el('section', { class: 'card sect wkfoc', 'data-pm-focus': '' },
-    el('div', { class: 'sh2' }, el('h2', null, c3ic('target', 'sm'), COPY.focus), el('span', { class: 'dim wk-s' }, COPY.focusSub)),
-    acc.length || sug.length ? el('div', { class: 'wkfg' }, ...acc.map((f) => one(f, true)), ...sug.map((f) => one(f, false))) : el('div', { class: 'dim mono wk-s', 'data-pm-focus-none': '' }, COPY.focusNone));
+    el('div', { class: 'sh2' }, el('h2', null, c3ic('target', 'sm'), COPY.focus, ' ', el('span', { class: 'bdg g' }, String(n))), el('span', { class: 'r' }, add)),
+    n ? el('ul', { class: 'list', role: 'list' }, ...acc.map((f) => focusRow(inst, f, true)), ...sug.map((f) => focusRow(inst, f, false)))
+      : el('div', { class: 'fold', 'data-pm-focus-none': '' }, c3ic('check', 'sm'), COPY.focusNone),
+    foot);
 }
 
-/* ── Upcoming: the next 7 days by day, then Later (PRD R5) ─────────────────────────────────────────────────────────── */
+/* ── Upcoming: Next 7 days by day, then a Later card (console3-work-parity R6) ──────────────────────────────────────── */
+
+const legendEl = () => el('span', { class: 'fl2', 'data-pm-legend': '' }, COPY.legend.map((w, k) => el('span', null, ['• ', '× '][k] + w)));
 
 function upcomingMain(inst, list) {
   const today = inst.data.today;
-  const block = (key, label, sub, its) => el('div', { class: 'wkday', 'data-pm-day': key },
-    el('h3', null, label, sub ? el('span', { class: 'dim' }, sub) : null, its.length ? el('span', { class: 'bdg g' }, String(its.length)) : null),
-    its.length ? el('ul', { class: 'list', role: 'list' }, its.map((i) => itemRow(inst, i, 'upcoming'))) : el('div', { class: 'wkday-none' }, 'Nothing'));
   const at = (i) => { const a = arrives(i, today); return a ? Math.max(1, daysBetween(today, a)) : 99; };
+  const near = list.filter((i) => at(i) <= 7); const far = list.filter((i) => at(i) > 7);
   const days = [];
-  for (let n = 1; n <= 7; n++) { const d = addIso(today, n); days.push(block(d, n === 1 ? 'Tomorrow' : dayLabel(d).slice(0, 3), n === 1 ? dayLabel(d).slice(4) : dayLabel(d).slice(4), list.filter((i) => at(i) === n))); }
-  days.push(block('later', 'Later', 'beyond 7 days', list.filter((i) => at(i) > 7)));
-  const sec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic('cal', 'sm'), labelOf('upcoming'), ' ', el('span', { class: 'bdg g' }, String(list.length)))), el('div', { class: 'wkdays' }, days));
-  sec.setAttribute('data-pm-list', 'upcoming');
-  return sec;
+  for (let n = 1; n <= 7; n++) {
+    const d = addIso(today, n); const its = near.filter((i) => at(i) === n);
+    days.push(el('div', { class: 'wkday', 'data-pm-day': d },
+      el('h3', { class: 'wkdayh' }, n === 1 ? COPY.tomorrowHead + ' ' : null, el('span', { class: 'dim' }, dayLabel(d))),
+      its.length ? el('ul', { class: 'list', role: 'list' }, its.map((i) => itemRow(inst, i, 'upcoming'))) : el('div', { class: 'dim wkday-none' }, COPY.clear)));
+  }
+  const nextSec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic('cal', 'sm'), COPY.sect.next7, ' ', el('span', { class: 'bdg g' }, String(near.length))), legendEl()), el('div', { class: 'wkdays' }, days));
+  nextSec.setAttribute('data-pm-list', 'upcoming');
+  const laterSec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic('moon', 'sm'), COPY.sect.later, ' ', el('span', { class: 'bdg g' }, String(far.length))), el('span', { class: 'dim wk-s' }, COPY.beyond)),
+    far.length ? el('ul', { class: 'list', role: 'list' }, far.map((i) => itemRow(inst, i, 'upcoming'))) : el('ul', { class: 'list' }, el('li', { class: 'fold' }, c3ic('check', 'sm'), COPY.nothingLater)));
+  laterSec.setAttribute('data-pm-day', 'later');
+  return [nextSec, laterSec];
+}
+
+/* ── Today: Overdue, Due today and Flagged, each its own card (console3-work-parity R5) ─────────────────────────────── */
+
+function todayMain(inst, list) {
+  const today = inst.data.today; const dayOf = (i) => (i.due ? String(i.due).slice(0, 10) : '');
+  const byDue = (a, b) => (dayOf(a) < dayOf(b) ? -1 : dayOf(a) > dayOf(b) ? 1 : String(a.time || '') < String(b.time || '') ? -1 : String(a.time || '') > String(b.time || '') ? 1 : 0);
+  const over = list.filter((i) => dayOf(i) && dayOf(i) < today).sort(byDue);
+  const due = list.filter((i) => dayOf(i) === today).sort(byDue);
+  const flag = list.filter((i) => !over.includes(i) && !due.includes(i));
+  if (!list.length) {
+    const sec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic('sun', 'sm'), labelOf('today'), ' ', el('span', { class: 'bdg g' }, '0'))), el('ul', { class: 'list' }, el('li', { class: 'fold' }, c3ic('check', 'sm'), COPY.emptyView.today)));
+    sec.setAttribute('data-pm-list', 'today');
+    return [sec];
+  }
+  let first = true;
+  return [['overdue', 'alert', COPY.sect.overdue, over], ['due', 'sun', COPY.sect.dueToday, due], ['flagged', 'flag', COPY.sect.flagged, flag]].filter((g) => g[3].length).map(([key, ic, title, its]) => {
+    const sec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic(ic, 'sm'), title, ' ', el('span', { class: 'bdg g' }, String(its.length))), first ? legendEl() : null),
+      el('ul', { class: 'list', role: 'list' }, its.map((i) => itemRow(inst, i, 'today', { noFlag: key === 'flagged' }))));
+    first = false;
+    sec.setAttribute('data-pm-list', 'today'); sec.setAttribute('data-pm-sect', key);
+    return sec;
+  });
 }
 
 /* ── Review: a weekly pass, one item at a time (PRD R7) ────────────────────────────────────────────────────────────── */
@@ -932,18 +1026,18 @@ function jobAll(inst, job) {
 }
 
 /* The job's case file (mockup C3.cases.job, line 4660): the words, the count, Keep / Delete and move / Delete and leave, slide to confirm. */
-function jobCase(inst, j) {
+function jobCase(inst, j, close) {
   const its = (inst.data.items || []).filter((i) => i.job === j.id);
   const done = its.filter((i) => i.done).length;
   const others = (inst.data.jobs || []).filter((q) => q.id !== j.id); const near = others[0];
   const nm = (q) => q.mock_name || q.want;
-  const del = (reassign) => async () => { const r = await press(inst, JOBS + '/delete', { id: j.id, ...(reassign ? { reassign_to: reassign } : {}) }); if (r) say({ text: COPY.reassigned(r.reassigned || 0), timeout: 4000 }); };
+  const del = (reassign) => async () => { const r = await press(inst, JOBS + '/delete', { id: j.id, ...(reassign ? { reassign_to: reassign } : {}) }); if (r) { say({ text: COPY.reassigned(r.reassigned || 0), timeout: 4000 }); close(); } };
   const model = { id: 'job:' + j.id, sit: COPY.jobLine(j), conf: 90, cta: 'Slide to keep it',
     chg: [['target', done + ' of ' + its.length + ' done', 'count across every view', 'ok'], ['info', 'Change the words below. They save at once and you can undo for 7 seconds.', '']],
     opts: [{ id: 'keep', l: 'Keep it', rec: 1, fx: [fx('check', 'Nothing changes', 'ok')] },
       { id: 'mv', l: near ? 'Delete it and move its ' + its.length + ' item' + (its.length === 1 ? '' : 's') + ' to "' + nm(near) + '"' : 'Delete it', rec: 0, fx: [fx('trash', 'The job is gone', 'warn'), fx('target', its.length + ' items change job', 'warn')] },
       { id: 'nj', l: 'Delete it and leave its items without a job', rec: 0, fx: [fx('trash', 'The job is gone', 'warn'), fx('alert', 'The items have no job', '')] }] };
-  const run = { keep: () => say({ text: 'Kept.', timeout: 2500 }), mv: del(near && near.id), nj: del(null) };
+  const run = { keep: () => { say({ text: 'Kept.', timeout: 2500 }); close(); }, mv: del(near && near.id), nj: del(null) };
   const root = renderCase(model, { onConfirm: ({ option }) => { if (run[option.id]) run[option.id](); } });
   root.setAttribute('data-pm-case', j.id);
   root.querySelectorAll('.opt .rk').forEach((n) => { n.replaceChildren(c3ic('spark', 'sm'), 'Suggested'); n.removeAttribute('title'); });   // a job carries no confidence figure: never show a made-up percentage
@@ -954,9 +1048,9 @@ function jobCase(inst, j) {
 }
 
 /* The "+ New job" draft (mockup c3jdraft, line 4678): one line in, the agent-style draft of the four fields out, then "Slide to create". */
-function jobNewCase(inst) {
-  const x = inst.jobNew.line || 'keep the week calm';
-  const d = inst.jobNew.draft;
+function jobNewCase(inst, st, close) {
+  const x = st.line || 'keep the week calm';
+  const d = st.draft;
   const inputs = ['when', 'want', 'so'].map((k) => el('input', { type: 'text', 'aria-label': k === 'when' ? 'When' : k === 'want' ? 'I want' : 'So', 'data-pm-job-new': k, value: d[k], autocomplete: 'off' }));
   const val = (k) => inputs[['when', 'want', 'so'].indexOf(k)].value.trim();
   const demo = DEMO();   // demo: the mockup's draft also names the job (its "Job" field); the server has no name field
@@ -965,53 +1059,48 @@ function jobNewCase(inst) {
     chg: [['spark', 'Drafted by the agent', 'assumption', 'warn']],
     opts: [{ id: 'mk', l: 'Create the job', rec: 1, fx: [fx('target', 'Items can now be filed under it', 'ok')] }, { id: 'no', l: 'Not now', rec: 0, fx: [] }] };
   const root = renderCase(model, { onConfirm: async ({ option }) => {
-    if (option.id === 'no') { inst.jobNew = null; say({ text: 'Dropped the draft.', timeout: 2500 }); draw(inst); return; }
+    if (option.id === 'no') { say({ text: 'Dropped the draft.', timeout: 2500 }); close(); return; }
     const line = 'when ' + val('when') + ', I want ' + val('want') + ', so ' + val('so');
     const r = await press(inst, JOBS + '/add', nameIn ? { line, name: nameIn.value.trim() } : { line });
-    if (r) { inst.jobNew = null; say({ text: 'Job created. Add work to it by saying which job it serves.', timeout: 3000 }); await load(inst); }
+    if (r) { say({ text: 'Job created. Add work to it by saying which job it serves.', timeout: 3000 }); close(); await load(inst); }
   } });
   if (!demo) {
     root.querySelectorAll('.opt .rk').forEach((n) => { n.replaceChildren(c3ic('spark', 'sm'), 'Suggested'); n.removeAttribute('title'); });
     root.querySelectorAll('.opt .conf').forEach((n) => n.remove());
   }
   root.querySelector('.sit').after(el('div', { class: 'c3jf' }, nameIn ? field('Job', nameIn) : null, ...['when', 'want', 'so'].map((k, i) => field(k === 'when' ? 'When' : k === 'want' ? 'I want' : 'So', inputs[i]))));
-  inst.cases.add(root);
   return root;
 }
 
-/* The mockup's jobsCard() (line 4667): section.card.sect, .sh2 with the title and the + at the right, a list of .nrow with a .pbar and a case file. */
-function jobsCard(inst) {
-  const js = inst.data.jobs || [];
-  const rows = js.map((j) => {
-    const pct = j.total ? Math.round((j.done / j.total) * 100) : 0;
-    const row = el('li', { class: 'nrow', 'data-row': '', 'data-pm-job': j.id },
-      el('span', { class: 'ki' }, c3ic('target')),
-      el('div', { class: 'nb' }, el('span', { class: 'tt', title: COPY.jobLine(j) }, j.mock_name || j.want.charAt(0).toUpperCase() + j.want.slice(1)),
-        el('div', { class: 'chips' }, el('div', { class: 'pbar', style: 'width:90px' }, el('i', { style: 'width:' + pct + '%' })),
-          el('span', { class: 'mono dim', style: small }, COPY.progress(j.done, j.total)))));
-    row.querySelector('.nb').append(expandRow(inst, row, j.id, () => jobCase(inst, j)));
-    return row;
-  });
-  const lines = [];
-  if (inst.jobNew) {
-    if (inst.jobNew.draft) lines.push(el('li', { class: 'c3jnew' }, jobNewCase(inst)));
-    else {
-      const input = el('input', { type: 'text', placeholder: 'What are you trying to get done? One line', 'aria-label': 'New job', autocomplete: 'off', 'data-pm-add': JOBS + '/add' });
-      const go = () => { const x = (input.value || '').trim() || 'keep the week calm'; inst.jobNew = { line: x, draft: { when: 'it comes up', want: 'a clear way to ' + x.toLowerCase().replace(/^to /, '').replace(/\.$/, ''), so: 'the outcome is not left to chance' } }; draw(inst); later(inst, () => { const i = inst.root.querySelector('[data-pm-job-new="name"], [data-pm-job-new="when"]'); if (i) i.focus(); }, 30); };
-      input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.isComposing) go(); });
-      lines.push(el('li', { class: 'c3jnew' }, el('div', { class: 'form' }, input, c3ib('Draft it', 'spark', { 'data-pm-job-draft': '', onClick: go }, 'pri'), c3ib('Cancel', 'x', { 'data-pm-job-cancel': '', onClick: () => { inst.jobNew = null; draw(inst); } }, 'sm'))));
-    }
-  }
-  const plus = c3ib('New job', 'plus', { 'aria-expanded': String(!!inst.jobNew), 'data-pm-job-add-toggle': '', onClick: () => { inst.jobNew = inst.jobNew ? null : {}; draw(inst); later(inst, () => { const i = inst.root.querySelector('[aria-label="New job"]'); if (i) i.focus(); }, 30); } }, 'sm');
-  return el('section', { class: 'card sect', 'data-pm-jobs': '' },
-    el('div', { class: 'sh2' }, el('h2', null, c3ic('target', 'sm'), COPY.jobs), el('span', { class: 'r' }, plus)),   // no count: the mockup's title has none
-    js.length || lines.length ? el('ul', { class: 'list', role: 'list' }, ...lines, ...rows) : el('div', { class: 'dim mono', style: small }, COPY.noJobs),
-    el('div', { class: 'dim', style: small }, COPY.jobsNote));
+/* The job's sheet (console3-work-parity R3): a Focus row opens it. The case file lives in the sheet, so a redraw of the page does not dispose it. */
+function openJobSheet(inst, job) {
+  let h = null;
+  const body = jobCase(inst, job, () => h && h.close());
+  h = openSheet({ title: COPY.jobSheet, icon: 'target', body, onClose: () => { try { body.c3case.dispose(); } catch { /* already gone */ } } });
+}
+
+/* The New job button of the Focus section: one line in, the draft of the three fields out, then "Slide to create", all in a sheet. */
+function openNewJob(inst) {
+  let h = null; let case2 = null;
+  const holder = el('div', { 'data-pm-job-new-sheet': '' });
+  const close = () => h && h.close();
+  const input = el('input', { type: 'text', placeholder: 'What are you trying to get done? One line', 'aria-label': 'New job', autocomplete: 'off', 'data-pm-add': JOBS + '/add' });
+  const go = () => {
+    const x = (input.value || '').trim() || 'keep the week calm';
+    const st = { line: x, draft: { when: 'it comes up', want: 'a clear way to ' + x.toLowerCase().replace(/^to /, '').replace(/\.$/, ''), so: 'the outcome is not left to chance' } };
+    case2 = jobNewCase(inst, st, close);
+    holder.replaceChildren(case2);
+    later(inst, () => { const i = holder.querySelector('[data-pm-job-new="name"], [data-pm-job-new="when"]'); if (i) i.focus(); }, 30);
+  };
+  input.addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.isComposing) go(); });
+  holder.append(el('div', { class: 'form' }, input, c3ib('Draft it', 'spark', { 'data-pm-job-draft': '', onClick: go }, 'pri')));
+  h = openSheet({ title: COPY.newJob, icon: 'target', body: holder, onClose: () => { try { if (case2) case2.c3case.dispose(); } catch { /* already gone */ } } });
+  later(inst, () => input.focus(), 30);
 }
 
 /* ── the page ────────────────────────────────────────────────────────────────────────────────────────────────────── */
 
-/* The mockup's workHead() calbar: the .seg view bar with a count on every view, and the group toggle as an .ib (line 3281). */
+/* The mockup's workHead() calbar: the .seg view bar with a count on every view (line 3281). */
 function lensBar(inst) {
   const seg = el('div', { class: 'seg', role: 'group', 'aria-label': 'Work view', 'data-pm-lenses': '' },
     LENSES.map(([id, label]) => {
@@ -1023,16 +1112,7 @@ function lensBar(inst) {
       badge.setAttribute('data-pm-count', id);
       return b;
     }));
-  const grp = c3ib(inst.group ? COPY.groupTime : COPY.groupJob, 'target', { 'aria-pressed': String(inst.group), 'data-pm-group': '', disabled: inst.lens === 'review' }, 'sm');
-  grp.addEventListener('click', () => { inst.group = !inst.group; draw(inst); });
-  return [seg, el('div', { class: 'chips2' }, grp)];
-}
-
-/* The ring at the right of Today's header: done today of done today plus what is still in Today. */
-function todayRing(inst) {
-  const d = inst.data;
-  const doneToday = (d.items || []).filter((i) => i.done && String(i.done_at || '').slice(0, 10) === d.today).length;
-  return c3ring(doneToday, doneToday + shown(inst, 'today').length, 44);
+  return [seg];
 }
 
 /* A .card.sect with an .sh2 title row and a ul.list of rows (line 3262). */
@@ -1040,6 +1120,18 @@ function sect(head, rows) { return el('section', { class: 'card sect' }, head, r
 
 const FOCUS_ATTRS = ['data-pm-edit', 'data-pm-step-add', 'data-pm-job-edit', 'data-pm-agent-reply', 'data-pm-job-new', 'data-pm-outcome', 'data-pm-wait-on', 'data-pm-focus-input'];
 
+/* What the briefing tells this page: how many decisions wait in Briefing (the header says so), and the drafts section that Review carries (decision 1). */
+function briefRead(inst, b) {
+  const decide = ((b && b.cards) || []).filter((c) => c && (c.move || c.tag === 'Critical'));
+  const n = b && Array.isArray(b.needs) && b.needs.length ? b.needs.length : decide.length;
+  const rv = b && b.review ? b.review : null;
+  const sig = JSON.stringify([n, rv]);
+  if (sig === inst.briefSig) return;
+  inst.briefSig = sig; inst.decisions = n;
+  inst.draftsHost.replaceChildren(...(rv ? [reviewSection(rv)] : []));
+  if (inst.data && insts.get(inst.host) === inst) draw(inst);
+}
+
 function draw(inst) {
   if (inst.lens !== inst.prevLens) { if (inst.lens === 'review') inst.rv.ids = null; inst.prevLens = inst.lens; }   // a fresh Review pass each time the view is opened
   /* keep the focus: a field the PM is typing in, or the row they were on, is found again after the redraw */
@@ -1055,33 +1147,28 @@ function draw(inst) {
   if (!d) { inst.body.replaceChildren(el('p', { class: 'dim mono', style: small }, COPY.loading)); return; }
   const lens = inst.lens;
   const list = lens === 'review' ? [] : shown(inst, lens);
+  const go = inst.ctx.go;
   const lh = el('div', { class: 'lh', 'data-pm-lens-head': lens },
     el('span', { class: 'ki' }, c3ic(WLI[lens])),
-    el('div', { class: 'wk-min' }, el('b', null, COPY.lens[lens](countOf(inst, lens))), el('div', { class: 'dim' }, COPY.lensSub[lens])),
-    lens === 'today' ? todayRing(inst) : null);
+    el('div', { class: 'wk-min' }, el('b', null, COPY.lens[lens]),
+      el('div', { class: 'dim' }, COPY.lensSub[lens] + (inst.decisions ? COPY.decisions(inst.decisions) : ''),
+        inst.decisions && go ? [' ', pill(COPY.openBriefing, 'next', { 'data-pm-open-briefing': '', onclick: () => go('brief') })] : null)));
   const empty = el('li', { class: 'fold' }, c3ic('check', 'sm'), COPY.emptyView[lens] || COPY.empty);
   let main;
-  if (lens === 'review') main = [reviewMain(inst)];
-  else if (inst.group) {
-    const groups = (d.jobs || []).map((j) => [j, list.filter((i) => i.job === j.id)])
-      .concat([[null, list.filter((i) => !i.job || !jobById(inst, i.job))]]).filter((g) => g[1].length);
-    main = groups.length ? groups.map(([j, its]) => {
-      const sec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic('target', 'sm'), j ? (j.mock_name || j.want) : COPY.noJobGroup),
-        j ? el('span', { class: 'chips2 dim mono', style: small }, COPY.progress(j.done, j.total)) : null),
-        el('ul', { class: 'list', role: 'list' }, its.map((i) => itemRow(inst, i, lens))));
-      sec.setAttribute('data-pm-group-card', j ? j.id : '');
-      return sec;
-    }) : [sect(el('div', { class: 'sh2' }, el('h2', null, c3ic(WLI[lens], 'sm'), labelOf(lens))), el('ul', { class: 'list' }, empty))];
-  } else if (lens === 'upcoming') main = [upcomingMain(inst, list)];
+  if (lens === 'review') main = [reviewMain(inst), inst.draftsHost];
+  else if (lens === 'upcoming') main = upcomingMain(inst, list);
+  else if (lens === 'today') main = todayMain(inst, list);
   else {
-    const sec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic(WLI[lens], 'sm'), labelOf(lens), ' ', el('span', { class: 'bdg g' }, String(list.length))),
-      el('span', { class: 'fl2', 'data-pm-legend': '' }, COPY.legend.map((w, k) => el('span', null, ['• ', '× ', '> ', '< '][k] + w)))),
+    const sec = sect(el('div', { class: 'sh2' }, el('h2', null, c3ic(WLI[lens], 'sm'), COPY.sect[lens], ' ', el('span', { class: 'bdg g' }, String(list.length))), legendEl()),
       el('ul', { class: 'list', role: 'list' }, list.length ? list.map((i) => itemRow(inst, i, lens)) : empty));
     sec.setAttribute('data-pm-list', lens);
     main = [sec];
+    if (lens === 'inbox') {
+      const to = go ? pill(COPY.initiatives, 'next', { 'data-pm-go-init': '', onclick: () => go('init') }) : COPY.initiatives;
+      main.push(el('div', { class: 'fold', 'data-pm-inbox-note': '' }, COPY.inboxNote + ' ', to, COPY.inboxNoteEnd));
+    }
   }
-  if (lens === 'today') main.unshift(focusCard(inst));
-  /* The mockup's vWork() body: .calbody > .lh + .brief.sbb > .bcols > .bcol.l (the list) and .bcol.r (the jobs card). */
-  inst.body.replaceChildren(lh, el('div', { class: 'brief sbb' }, el('div', { class: 'bcols' }, el('div', { class: 'bcol l' }, inst.ctx.plan || null, ...main), el('div', { class: 'bcol r' }, jobsCard(inst)))));
+  /* The mockup's vWork() body: .calbody > .lh + .brief.sbb > .bcols > .bcol.l (the view) and .bcol.r (Focus). The PM removed the mockup's Flow today card (console3-deck-flow-fixes). */
+  inst.body.replaceChildren(lh, el('div', { class: 'brief sbb' }, el('div', { class: 'bcols' }, el('div', { class: 'bcol l' }, ...main), el('div', { class: 'bcol r' }, focusSection(inst)))));
   if (keep) { const n = inst.root.querySelector(keep.sel); if (n && n.focus) { try { n.focus({ preventScroll: true }); } catch { /* not focusable */ } } }
 }