create-pmos 0.84.0 → 0.86.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pmos",
-  "version": "0.84.0",
+  "version": "0.86.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@fea3b24
+kernel-source: pmos@f91d32d
 assembled: 2026-10-07
 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-07T16:12:03Z"}
+generated: {by: process:create-pmos, at: "2026-10-07T16:27:16Z"}
 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-07T16:12:03Z"}
+generated: {by: process:create-pmos, at: "2026-10-07T16:27:16Z"}
 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-07T16:12:03Z"}
+generated: {by: process:create-pmos, at: "2026-10-07T16:27:16Z"}
 status: stable
 ---
 

package/workspace/guide/command-palette.md

@@ -2,16 +2,18 @@
 type: Guide
 title: "Command palette"
 description: "How to use the ⌘K palette: run a command, see its command-line form, keep a note, ask the bound session, search Knowledge, Memory and the Guide, and use the compose line on a phone."
-timestamp: 2026-10-05
+timestamp: 2026-10-07
 ---
 
 # Command palette
 
 The command palette is one box for three jobs: open something, run a command, or keep a note. Press **⌘K** (Ctrl+K on Windows and Linux) to open it. Press **Esc** to close it.
 
+On a desktop, the palette is a dialog in the middle of the screen. The search box is at the top with a search icon, the scope switch is under it, and a footer at the bottom shows a hint and the keys. On a phone it is a sheet (see "On a phone").
+
 ## Rows
 
-Type in the box. The rows change as you type. They always come in this order:
+Type in the box. The rows change as you type. Rows of one kind sit under one small label, for example Commands or Initiatives, and each row has an icon for its kind. The selected row has a ring and an arrow. The rows come in this order:
 
 1. **Matched rows.** A command, an initiative, a repository, a session, a tab or a view whose name matches what you typed. A command shows its command-line form next to its name, for example `pmos item`. You can run the same command from a terminal.
 2. **Capture as note.** Keeps what you typed as a note.

package/workspace/guide/my-work.md

@@ -10,6 +10,12 @@ Open My work from the top bar, from ⌘K (**My work**), or press `g w`.
 
 My work lists every Jira ticket and every breakdown (WBS) item assigned to you, in all your registered repositories. It ranks them, shows what each one asks, and lets you give an agent an instruction for it. The agent's draft then waits for you in Agenda.
 
+## The screen
+
+The page has the same layout as Agenda. The title says how many items wait for a brief. At the right of the title, four buttons switch the list: **To brief**, **Agents**, **Ready** and **All**, each with its count. A strip below the title shows when Jira was last read and how many tickets and plan items the read holds. **Read again** is at the right of the strip.
+
+Two cards fill the rest of the page. The left card lists the items. Each row has a dot for its tier (red for P1, amber for P2, grey for the rest). A badge shows when the item is due, and a **Decision** badge marks an item that looks like a decision only you can make. The right card, **Brief**, shows the open item. On a phone, the two cards stack.
+
 ## Where the items come from
 
 - **Jira tickets.** The workspace does not read Jira. The **my-work-read** skill reads it in an agent session, with your own Atlassian connection. It reads the open issues assigned to you, with their comments and links, and writes a context card for each: who asked, what they ask, a short summary of the thread, the questions still open, and a suggested instruction for an agent. It does not copy the comments. Press **Read again** in My work to run it.
@@ -38,7 +44,7 @@ Being assigned a ticket does not mean an agent must resolve it. Every new item s
 2. Change the instruction. It starts as the agent's suggestion.
 3. Press **Run agent**. Or press **I'll handle it** to keep the item yourself.
 
-Run agent adds one job to today's day run, with your instruction. The job runs like every Agenda job: at most 5 at once, one draft, and nothing is sent. A hand icon marks an item that looks like a decision only you can make. An agent can still prepare it.
+Run agent adds one job to today's day run, with your instruction. The job runs like every Agenda job: at most 5 at once, one draft, and nothing is sent. The **Decision** badge marks an item that looks like a decision only you can make. An agent can still prepare it.
 
 **Back to brief** returns an item to To brief, unless an agent is working on it.
 

package/workspace/package-lock.json

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

package/workspace/package.json

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

package/workspace/public/pm/components.css

@@ -696,6 +696,14 @@
   height: auto;
   max-height: calc(var(--pmc-vvh, 100dvh) - 24px);
 }
+.pmc-sheet--center {
+  inset: auto;
+  top: 84px;
+  left: 50%;
+  width: 640px;
+  max-height: 70vh;
+  transform: translateX(-50%);
+}
 .pmc-sheet__handle {
   flex: none;
   width: 36px;
@@ -723,11 +731,33 @@
   letter-spacing: -0.01em;
   overflow-wrap: anywhere;
 }
+.pmc-sheet__title--hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pmc-sheet__sub {
   font-size: 12px;
   line-height: 16px;
   color: var(--muted-foreground);
 }
+.pmc-sheet__sub--hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pmc-sheet__head .pmc-btn--icon {
   margin: -4px -8px 0 0;
 }
@@ -741,6 +771,16 @@
   overscroll-behavior: contain;
   padding: 16px;
 }
+.pmc-sheet--center .pmc-sheet__body {
+  gap: 0;
+  padding: 0;
+  overflow: hidden;
+  min-height: 0;
+}
+.pmc-sheet--center {
+  display: flex;
+  flex-direction: column;
+}
 .pmc-sheet__body > * {
   flex: none;
 }
@@ -3672,13 +3712,49 @@
   overscroll-behavior: contain;
 }
 .pl-item[aria-selected="true"] {
-  background: var(--accent);
+  background: var(--accent) !important;
+  box-shadow: 0 0 0 1px var(--ring);
+}
+.pl-icon-tile {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  background: var(--muted);
+  color: var(--muted-foreground);
+  flex: none;
+}
+.pl-item[aria-selected="true"] .pl-icon-tile {
+  color: var(--foreground);
+}
+.pl-enter-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  color: var(--foreground);
+}
+.pl-eyebrow {
+  font-family: var(--mono);
+  font-size: 11px;
+  line-height: 16px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+  padding: 10px 8px 4px;
 }
 .pl-cli {
   font-family: var(--mono);
   font-size: 12px;
   line-height: 16px;
   color: var(--muted-foreground);
+  padding: 2px 6px;
+  border-radius: 6px;
+  background: var(--background);
+  box-shadow: 0 0 0 1px var(--border);
 }
 .pl-note {
   margin: 0;
@@ -3689,6 +3765,74 @@
 .pl-note--error {
   color: var(--destructive);
 }
+.pl-search {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 0 12px 0 16px;
+  border-bottom: 1px solid var(--border);
+}
+.pl-search__icon {
+  display: flex;
+  color: var(--muted-foreground);
+}
+.pl-search > div {
+  flex: 1 1 auto;
+}
+.pl-input.pl-input,
+.pl-input.pl-input:focus-visible {
+  height: 52px;
+  font-size: 16px;
+  border: 0;
+  outline: none;
+}
+.pl-kbd {
+  font: 11px/16px var(--mono);
+  color: var(--muted-foreground);
+  padding: 0 6px;
+  border-radius: 6px;
+  box-shadow: 0 0 0 1px var(--border);
+}
+.pl-center .pl-scopes {
+  align-self: flex-start;
+  margin: 10px 16px 4px;
+}
+.pl-center .pl-list {
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
+  padding: 4px 8px 8px;
+}
+.pl-center .pl-list .pl-item {
+  border-bottom: 0;
+  background: transparent;
+  border-radius: 6px;
+  min-height: 44px;
+  padding: 6px 8px;
+}
+.pl-center .pl-list .pl-item > span:first-child {
+  align-self: center;
+}
+.pl-foot {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 16px;
+  border-top: 1px solid var(--border);
+  background: var(--background);
+}
+.pl-foot .pl-note {
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: 12px;
+  line-height: 16px;
+}
+.pl-keys {
+  flex: none;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--muted-foreground);
+}
 /* the terminal's compose line (phone): one message field and Send, in the bottom bar */
 .pl-compose {
   display: flex;
@@ -5784,12 +5928,51 @@
 }
 .rp-mywork-top {
   display: flex;
-  flex-wrap: wrap;
+  flex-direction: column;
+  gap: 12px;
+}
+.rp-mywork-header {
+  display: flex;
+  justify-content: space-between;
   align-items: center;
   gap: 12px;
 }
-.rp-mywork-top > .rp-head__title {
-  margin-right: auto;
+.rp-mywork-header h2 {
+  flex: 1;
+}
+.rp-mywork-strip {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--card);
+}
+.rp-mywork-title {
+  flex: 1;
+  margin: 0;
+  font-size: 20px;
+  font-weight: 600;
+}
+.rp-mywork-strip > .rp-mywork-hint:first-child {
+  color: var(--foreground);
+}
+.rp-mywork-row {
+  --background: transparent;
+}
+.rp-mywork-spacer {
+  flex: 1;
+}
+.rp-mywork-dot--p1 {
+  background: var(--destructive);
+}
+.rp-mywork-dot--p2 {
+  background: var(--warning);
+}
+.rp-mywork-dot--p3,
+.rp-mywork-dot--p4 {
+  background: var(--muted-foreground);
 }
 .rp-mywork-body {
   display: flex;
@@ -5798,32 +5981,69 @@
 }
 .rp-mywork-grid {
   display: grid;
-  grid-template-columns: minmax(280px, 3fr) 2fr;
-  gap: 24px;
-  align-items: start;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
+  gap: 12px;
+  align-items: stretch;
 }
 .rp-mywork-list {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0;
   min-width: 0;
 }
 .rp-mywork-views {
   border-bottom: 1px solid var(--border);
+  margin-bottom: 8px;
 }
 .rp-mywork-row {
-  border-top: 1px solid var(--border);
+  border: 1px solid transparent;
+  border-radius: 6px;
 }
-.rp-mywork-row:last-child {
-  border-bottom: 1px solid var(--border);
+.rp-mywork-grid > .td-day__panel,
+.rp-mywork-grid > .td-day__detail {
+  align-content: start;
+}
+.rp-mywork-badge {
+  gap: 4px;
+}
+.rp-mywork-row__inner {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex: 1;
+  min-width: 0;
+}
+.rp-mywork-row__content {
+  flex: 1;
+  min-width: 0;
+}
+.rp-mywork-row__title {
+  font-weight: 500;
+  font-size: 14px;
+}
+.rp-mywork-row__meta {
+  font-size: 12px;
+  color: var(--muted-foreground);
 }
 .rp-mywork-row--open {
-  box-shadow: inset 2px 0 0 var(--foreground);
+  background: var(--accent);
+  border-color: var(--ring);
+}
+.rp-mywork-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex: none;
+  display: inline-block;
+}
+.rp-mywork-badge {
+  flex: none;
 }
 .rp-mywork-state {
   display: inline-flex;
   align-items: center;
   color: var(--muted-foreground);
+  flex: none;
 }
 .rp-mywork-page {
   display: flex;
@@ -5891,6 +6111,10 @@
   .rp-mywork-grid {
     grid-template-columns: 1fr;
   }
+  .rp-mywork-header {
+    flex-direction: column;
+    align-items: flex-start;
+  }
 }
 
 /* -- layouts · .nt- Notes: one meeting on one screen — notes and what was caught beside a quiet transcript (meeting-notes Runs 1 and 2) -- */

package/workspace/public/pm/dest-mywork.js

@@ -4,15 +4,13 @@
  * A DESTINATION MODULE (registry.js): mountDestination(host, ctx) on every render with the same host, disposeDestination(host).
  * It keeps ONE persistent root per host and rebuilds the body only when its own data or a choice changed.
  *
- * What it shows:
- *   - the tabs To brief (the default) · Agents · Ready · All, each with its count, and Read again;
- *   - the list, in WSJF order: the tier, the title, a meta line (Jira or WBS, the key, who asked, the due date) and a
- *     state icon;
- *   - the chosen item: What the agent found (the ask, the thread, the open questions), the instruction box prefilled
- *     with the agent's suggestion, Run agent and I'll handle it; Back to brief when the item is the PM's or an agent's;
- *     Open Agenda when its draft waits there; Details with each part of the score.
- * Every press is a page press to POST /api/my-work/act or /api/my-work/refresh. Approve, revise and retry are Agenda's
- * (R7): there is no approve button here. In fixture mode it reads nothing.
+ * Layout (matching Agenda's two-column design):
+ *   - header: "N to brief in <repo>" with segmented control (To brief/Agents/Ready/All with counts);
+ *   - strip: Jira read line and Read again button;
+ *   - body: two-column grid (desktop) or single column (mobile)
+ *     - left: .td-day__panel card with list items (status dot, title, meta, trailing badge);
+ *     - right: .td-day__detail card with the chosen item's full view.
+ * Every press is a page press to POST /api/my-work/act or /api/my-work/refresh. In fixture mode it reads nothing.
  */
 
 import { el } from './dom.js';
@@ -71,6 +69,27 @@ const stateIcon = (x) => {
   return el('span', { class: 'rp-mywork-state', role: 'img', 'aria-label': stateWord(x), title: stateWord(x), 'data-my-work-state': x.state }, node);
 };
 
+// Helper: create status dot colored by tier
+const statusDot = (tier) => {
+  return el('span', { class: 'rp-mywork-dot rp-mywork-dot--' + String(tier).toLowerCase(), 'data-my-work-tier': tier, title: COPY.score({ tier }) });
+};
+
+// Trailing badges: a decision marker and a due date when one is set (soon = warning tone).
+const dueLabel = (due) => {
+  const days = Math.round((new Date(due + 'T00:00:00') - new Date(new Date().toDateString())) / 86400000);
+  if (Number.isNaN(days)) return { text: 'Due ' + due, soon: false };
+  if (days < 0) return { text: 'Overdue', soon: true };
+  if (days === 0) return { text: 'Due today', soon: true };
+  if (days === 1) return { text: 'Due tomorrow', soon: true };
+  return { text: 'Due ' + new Date(due + 'T00:00:00').toLocaleDateString('en-US', { month: 'short', day: 'numeric' }), soon: false };
+};
+const trailingBadges = (x) => {
+  const out = [];
+  if (x.kind === 'decide' && x.state === 'brief') out.push(badge({ text: 'Decision', tone: 'outline', attrs: { title: COPY.decide, class: 'rp-mywork-badge' } }));
+  if (x.due) { const d = dueLabel(x.due); out.push(badge({ text: d.text, tone: d.soon ? 'warning' : 'outline', attrs: { class: 'rp-mywork-badge' } })); }
+  return out;
+};
+
 /* ── mount ───────────────────────────────────────────────────────────────────────────────────────────────────────── */
 
 const insts = new WeakMap();
@@ -128,12 +147,12 @@ function itemRow(inst, x) {
   const meta = [x.source === 'jira' ? 'Jira ' + x.key : 'WBS ' + (x.repo ? x.repo + ' · ' : '') + x.key];
   if (x.from) meta.push(COPY.from(x.from));
   if (x.due) meta.push(COPY.due(x.due));
-  return el('div', { class: 'rp-mywork-row' + (open ? ' rp-mywork-row--open' : ''), role: 'listitem', 'data-my-work-item': x.id },
+  return el('div', { class: 'rp-mywork-row td-day__r' + (open ? ' rp-mywork-row--open' : ''), role: 'listitem', 'data-my-work-item': x.id, 'data-cur': open ? 'true' : null },
     row({
       title: x.title,
       meta,
-      lead: [badge({ text: x.wsjf.tier, tone: x.wsjf.tier === 'P1' ? 'warning' : 'outline', attrs: { 'data-my-work-tier': x.wsjf.tier, title: COPY.score(x.wsjf) } })],
-      trail: [x.kind === 'decide' && x.state === 'brief' ? el('span', { class: 'rp-mywork-state', role: 'img', 'aria-label': COPY.decide, title: COPY.decide }, icon('diamond')) : null, stateIcon(x)].filter(Boolean),
+      lead: [statusDot(x.wsjf.tier)],
+      trail: [...trailingBadges(x), x.state !== 'brief' ? stateIcon(x) : el('span', { 'data-my-work-state': x.state, hidden: '' })].filter(Boolean),
       onOpen: () => { inst.open = x.id; inst.details = false; inst.last = ''; draw(inst); },
       openLabel: `${x.title}, ${x.wsjf.tier}, ${stateWord(x)}`,
       openAttrs: { 'aria-current': open ? 'true' : null, 'data-my-work-open': x.id },
@@ -143,14 +162,19 @@ function itemRow(inst, x) {
 function listPane(inst, d) {
   const shown = d.items.filter((x) => TAB_STATES[inst.tab].includes(x.state));
   const counts = { brief: d.counts.brief, agents: d.counts.agents, ready: d.counts.ready, all: d.counts.all };
-  const controls = el('div', { class: 'rp-mywork-views' },
-    tabs({ variant: 'line', value: inst.tab, ariaLabel: 'Show', attrs: { 'data-my-work-tabs': '' },
-      items: Object.keys(COPY.tabs).map((id) => ({ id, label: COPY.tabs[id], count: counts[id] })),
-      onChange: (v) => { inst.tab = v; inst.open = null; inst.last = ''; draw(inst); } }));
-  const rows = shown.length
-    ? el('div', { role: 'list', 'data-my-work-list': inst.tab }, shown.map((x) => itemRow(inst, x)))
-    : el('p', { class: 'rp-section__empty' }, COPY.none[inst.tab]);
-  return el('div', { class: 'rp-mywork-list' }, controls, rows);
+  const panelChildren = [
+    el('h2', { class: 'td-day__h2' }, COPY.tabs[inst.tab], el('span', null, counts[inst.tab] + (counts[inst.tab] === 1 ? ' item' : ' items')))
+  ];
+
+  if (shown.length) {
+    const rowsContainer = el('div', { role: 'list', 'data-my-work-list': inst.tab });
+    shown.forEach((x) => rowsContainer.appendChild(itemRow(inst, x)));
+    panelChildren.push(rowsContainer);
+  } else {
+    panelChildren.push(el('p', { class: 'rp-section__empty' }, COPY.none[inst.tab]));
+  }
+
+  return el('section', { class: 'td-day__panel' }, ...panelChildren);
 }
 
 /* ── the item ────────────────────────────────────────────────────────────────────────────────────────────────────── */
@@ -178,7 +202,7 @@ function briefSec(inst, x) {
       const r = await act(inst, { action: 'brief', item: x.id, instruction }, COPY.started);
       if (r) inst.drafts.delete(x.id);
     } });
-  const mine = button({ label: COPY.handle, variant: 'outline', size: 'sm', disabled: inst.busy, attrs: { 'data-my-work-act': 'handle' },
+  const mine = button({ label: COPY.handle, variant: 'outline', size: 'sm', icon: 'check', disabled: inst.busy, attrs: { 'data-my-work-act': 'handle' },
     onClick: () => act(inst, { action: 'handle', item: x.id }, COPY.taken) });
   return el('div', { class: 'rp-mywork-brief' }, f, el('div', { class: 'rp-mywork-acts' }, run, mine));
 }
@@ -198,14 +222,18 @@ function statusSec(inst, x) {
 
 function itemPane(inst, d) {
   const x = d.items.find((y) => y.id === inst.open);
-  if (!x) return el('div', { class: 'rp-mywork-page' }, el('p', { class: 'rp-section__empty' }, COPY.pick));
+  if (!x) return el('section', { class: 'td-day__detail' }, el('p', { class: 'rp-section__empty' }, COPY.pick));
+
   const head = el('header', { class: 'rp-mywork-who' },
     el('h3', { class: 'rp-mywork-who__title' }, x.title),
     el('p', { class: 'rp-mywork-hint' }, [x.source === 'jira' ? 'Jira' : 'WBS', x.key, x.repo, x.status, x.due ? COPY.due(x.due) : null, x.from ? COPY.from(x.from) : null].filter(Boolean).join(' · ')),
     x.url ? el('a', { class: 'rp-mywork-link', href: x.url, target: '_blank', rel: 'noopener noreferrer' }, icon('link'), ' ', COPY.source) : null);
+
   const details = button({ label: inst.details ? COPY.hide : COPY.details, variant: 'ghost', size: 'sm', iconEnd: inst.details ? 'chevron-down' : 'chevron-right',
     attrs: { 'aria-expanded': inst.details ? 'true' : 'false', 'data-my-work-details': '' }, onClick: () => { inst.details = !inst.details; inst.last = ''; draw(inst); } });
-  return el('article', { class: 'rp-mywork-page', 'data-my-work-page': x.id },
+
+  return el('article', { class: 'rp-mywork-page td-day__detail', 'data-my-work-page': x.id },
+    el('h2', { class: 'td-day__h2' }, 'Brief', el('span', null, x.key)),
     head, foundSec(x),
     x.state === 'brief' ? section(COPY.instruction, [briefSec(inst, x)], { 'data-my-work-sec': 'brief' }) : statusSec(inst, x),
     el('div', { class: 'rp-mywork-acts' }, details), inst.details ? el('p', { class: 'rp-mywork-hint', 'data-my-work-score': '' }, COPY.score(x.wsjf)) : null);
@@ -213,18 +241,42 @@ function itemPane(inst, d) {
 
 /* ── the page ────────────────────────────────────────────────────────────────────────────────────────────────────── */
 
-function header(inst) {
-  if (inst.head) return inst.head;
+function header(inst, d) {
+  const key = JSON.stringify([d && d.counts, inst.tab]);
+  if (inst.head && inst.headData === key) return inst.head;
+  inst.headData = key;
+
+  const counts = d && d.counts ? d.counts : { brief: 0, agents: 0, ready: 0, all: 0 };
+  const briefCount = counts.brief || 0;
+  const nounPhrase = briefCount === 0 ? 'Nothing to brief' : `${briefCount} to brief`;
+
+  const segmentedTabs = tabs({ variant: 'segmented', role: 'radiogroup', value: inst.tab, ariaLabel: 'Filter', attrs: { 'data-my-work-tabs': '' },
+    items: Object.keys(COPY.tabs).map((id) => ({ id, label: COPY.tabs[id], count: counts[id] })),
+    onChange: (v) => { inst.tab = v; inst.open = null; inst.last = ''; draw(inst); } });
+  const btns = segmentedTabs.querySelectorAll('button');
+  Object.keys(COPY.tabs).forEach((id, i) => { if (btns[i]) btns[i].setAttribute('data-tab', id); });
+
   inst.readLine = el('p', { class: 'rp-mywork-hint', 'data-my-work-read': '' });
-  inst.head = el('div', { class: 'rp-mywork-top' }, el('h2', { class: 'rp-head__title' }, COPY.title), inst.readLine,
-    button({ label: COPY.readAgain, variant: 'outline', size: 'sm', icon: 'refresh-cw', attrs: { 'data-my-work-act': 'refresh' }, onClick: () => readAgain(inst) }));
+  const readAgainBtn = button({ label: COPY.readAgain, variant: 'outline', size: 'sm', icon: 'refresh-cw', attrs: { 'data-my-work-act': 'refresh', 'data-my-work-read': '' }, onClick: () => readAgain(inst) });
+
+  const headerRow = el('div', { class: 'rp-mywork-header' },
+    el('h2', { class: 'rp-mywork-title' }, nounPhrase),
+    segmentedTabs);
+
+  const stripCard = el('div', { class: 'rp-mywork-strip' },
+    inst.readLine,
+    el('span', { class: 'rp-mywork-spacer' }),
+    inst.countLine = el('span', { class: 'rp-mywork-hint' }),
+    readAgainBtn);
+
+  inst.head = el('div', { class: 'rp-mywork-top' }, headerRow, stripCard);
   return inst.head;
 }
 
 function draw(inst) {
   const root = inst.root;
   const d = myWork();
-  const head = header(inst);
+  const head = header(inst, d);
   if (head.parentNode !== root || inst.body.parentNode !== root) root.replaceChildren(head, inst.body);
   const fp = JSON.stringify([d, inst.tab, inst.open, inst.details, inst.busy]);
   if (fp === inst.last) return;
@@ -235,8 +287,14 @@ function draw(inst) {
   if (!d) { inst.body.replaceChildren(el('p', { class: 'rp-section__empty' }, COPY.loading)); return; }
   if (!d.ok) { inst.body.replaceChildren(el('p', { class: 'rp-section__empty rp-section__empty--bad', role: 'alert' }, d.error || COPY.readError)); return; }
   inst.readLine.textContent = COPY.readAt(d.read_at ? new Date(d.read_at).toLocaleString('en-US', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : null);
+  const nJira = d.items.filter((x) => x.source === 'jira').length;
+  const nPlan = d.items.length - nJira;
+  inst.countLine.textContent = `${nJira} ticket${nJira === 1 ? '' : 's'} · ${nPlan} plan item${nPlan === 1 ? '' : 's'}`;
   const shown = d.items.filter((x) => TAB_STATES[inst.tab].includes(x.state));
   if (!shown.some((x) => x.id === inst.open)) inst.open = shown.length ? shown[0].id : null;
   const banner = (d.banner || []).length ? el('p', { class: 'rp-mywork-hint', role: 'status', 'data-my-work-banner': '' }, d.banner.map((b) => b.source + ': ' + b.error).join(' · ')) : null;
-  inst.body.replaceChildren(...[banner, el('div', { class: 'rp-mywork-grid' }, listPane(inst, d), itemPane(inst, d))].filter(Boolean));
+  const grid = el('div', { class: 'rp-mywork-grid td-day__cols' },
+    listPane(inst, d),
+    itemPane(inst, d));
+  inst.body.replaceChildren(...[banner, grid].filter(Boolean));
 }

package/workspace/public/pm/palette-copy.js

@@ -17,6 +17,10 @@ export const COPY = {
     command: 'Command', destination: 'Go to', initiative: 'Initiative', repository: 'Repository', session: 'Session',
     tab: 'Tab', view: 'View', knowledge: 'Document', memory: 'Memory', guide: 'Guide', capture: 'Note', ask: 'Ask',
   },
+  groups: {
+    destination: 'Go to', command: 'Commands', initiative: 'Initiatives', repository: 'Repositories', session: 'Sessions',
+    tab: 'Tabs', view: 'Views', knowledge: 'Knowledge', memory: 'Memory', guide: 'Guide', capture: 'Keep', ask: 'Keep',
+  },
   hint: 'Type to search. Press Enter to open the first row.',
   hintTyped: 'Type to search. Capture as note keeps what you typed.',
   noMatch: (q) => `Nothing matches "${q}".`,

package/workspace/public/pm/palette.js

@@ -21,8 +21,8 @@
 
 import { el } from './dom.js';
 import { state, setState, FIXTURE } from './state.js';
-import { sheet, field, tabs, row, badge, signal, toast, button, dialogText, ensureComponentsCss } from './primitives.js';
-import { ensureSprite } from './icons.js';
+import { sheet, field, tabs, row, badge, signal, toast, button, dialogText, ensureComponentsCss, narrowViewport } from './primitives.js';
+import { ensureSprite, icon } from './icons.js';
 import { pmGet, pmPost } from './http.js';
 import { COPY } from './palette-copy.js';
 
@@ -215,15 +215,27 @@ function choose(it) {
   try { it.run(); } catch (e) { console.warn('[palette] a row failed:', (e && e.message) || e); }
 }
 
+/** Get the kind icon for a palette item. */
+function kindIcon(kind) {
+  const iconMap = {
+    destination: 'arrow-right', command: 'code', initiative: 'target', repository: 'git-branch', session: 'square-terminal',
+    tab: 'panel-top', view: 'panel-top', knowledge: 'file-text', memory: 'history', guide: 'list', capture: 'text-quote', ask: 'bot',
+  };
+  return iconMap[kind] || 'circle';
+}
+
 function itemRow(it, i, id) {
   const sigs = [];
   if (it.cli) sigs.push(el('code', { class: 'pl-cli' }, it.cli));
   else if (it.tag) sigs.push(signal({ text: it.tag }));
+  const lead = [el('span', { class: 'pl-icon-tile', 'aria-hidden': 'true' }, icon(kindIcon(it.kind)))];
+  const trail = i === sel ? [el('span', { class: 'pl-enter-icon', 'aria-hidden': 'true' }, icon('chevron-right'))] : [];
   return row({
     title: it.label,
     meta: [it.hint].filter(Boolean),
     signals: sigs,
-    lead: [badge({ text: COPY.kinds[it.kind] || it.kind, tone: 'muted' })],
+    lead,
+    trail,
     onOpen: () => choose(it),
     openAttrs: { 'data-palette': 'item', 'data-kind': it.kind, tabindex: '-1' },
     attrs: { class: 'pl-item', id, role: 'option', 'aria-selected': i === sel ? 'true' : 'false' },
@@ -238,8 +250,21 @@ function refresh() {
   const sig = rows.map((it) => `${it.kind}|${it.label}|${it.hint || ''}|${it.cli || ''}`).join('\n') + '#' + sel;
   if (sig !== ui.sig) {
     ui.sig = sig;
-    ui.list.replaceChildren(...rows.map((it, i) => itemRow(it, i, ui.listId + '-' + i)));
-    const cur = ui.list.children[sel];
+    // Build the list with eyebrow labels for groups
+    const grouped = [];
+    let lastKind = null;
+    let itemCount = 0;
+    for (const it of rows) {
+      if (it.kind !== lastKind) {
+        const groupName = COPY.groups[it.kind] || COPY.kinds[it.kind] || it.kind;
+        grouped.push(el('div', { class: 'pl-eyebrow', 'aria-hidden': 'true' }, groupName));
+        lastKind = it.kind;
+      }
+      grouped.push(itemRow(it, itemCount, ui.listId + '-' + itemCount));
+      itemCount++;
+    }
+    ui.list.replaceChildren(...grouped);
+    const cur = ui.list.querySelector('[role="option"][aria-selected="true"]');
     ui.input.control.setAttribute('aria-activedescendant', cur ? cur.id : '');
     if (cur && cur.scrollIntoView) cur.scrollIntoView({ block: 'nearest' });
   }
@@ -262,7 +287,7 @@ function setScope(next) {
   ui.input.control.focus();
 }
 
-const scopeTabs = () => tabs({ variant: 'line', items: SCOPES.map((id) => ({ id, label: COPY.scopes[id] })), value: scope, onChange: setScope, ariaLabel: COPY.scopeLabel, attrs: { 'data-palette': 'scopes' } });
+const scopeTabs = () => tabs({ variant: narrowViewport() ? 'line' : 'segmented', items: SCOPES.map((id) => ({ id, label: COPY.scopes[id] })), value: scope, onChange: setScope, ariaLabel: COPY.scopeLabel, attrs: { 'data-palette': 'scopes', class: 'pl-scopes' } });
 
 function onKey(e) {
   if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
@@ -282,11 +307,17 @@ function openPalette(deps) {
   q = ''; scope = 'all'; sel = 0; noteKey = ''; pinned = null; busy = false;
   const listId = 'pl-list-' + Math.random().toString(36).slice(2, 7);
   const input = field({ label: COPY.inputLabel, hideLabel: true, placeholder: COPY.placeholder,
-    attrs: { 'data-palette': 'input', role: 'combobox', 'aria-expanded': 'true', 'aria-controls': listId, 'aria-autocomplete': 'list', spellcheck: 'false' } });
+    attrs: { 'data-palette': 'input', role: 'combobox', 'aria-expanded': 'true', 'aria-controls': listId, 'aria-autocomplete': 'list', spellcheck: 'false', class: narrowViewport() ? '' : 'pl-input' } });
   const list = el('div', { class: 'pl-list', role: 'listbox', id: listId, 'aria-label': COPY.title, 'data-palette': 'list' });
   const note = el('p', { class: 'pl-note', role: 'status', 'data-palette': 'note' });
   const scopes = scopeTabs();
-  const dlg = sheet({ mode: 'auto', title: COPY.title, sub: COPY.sub, body: [scopes, input, list, note], attrs: { 'data-palette': 'overlay' },
+
+  // Center mode for palette on desktop, bottom sheet on phone
+  const mode = narrowViewport() ? 'bottom' : 'center';
+  const center = mode === 'center';
+  const search = center ? el('div', { class: 'pl-search' }, el('span', { class: 'pl-search__icon', 'aria-hidden': 'true' }, icon('search')), input, el('kbd', { class: 'pl-kbd', 'aria-hidden': 'true' }, 'Esc')) : input;
+  const foot = center ? el('div', { class: 'pl-foot' }, note, el('span', { class: 'pl-keys' }, COPY.keys)) : note;
+  const dlg = sheet({ mode, title: COPY.title, sub: COPY.sub, body: [search, scopes, list, foot], attrs: { 'data-palette': 'overlay', class: center ? 'pl-center' : '' },
     onClose: () => { ui = null; if (state.paletteOpen) setState({ paletteOpen: false }); } });
   ui = { sheet: dlg, input, list, note, scopes, deps, sig: null, listId };
   input.control.addEventListener('input', () => { input.control.resetCommitted(input.control.value); q = input.control.value; sel = 0; pinned = null; if (ui) { ui.sig = null; refresh(); } });

package/workspace/public/pm/primitives.js

@@ -394,21 +394,23 @@ export function narrowViewport() {
 }
 
 /**
- * sheet({ mode: 'auto'|'side'|'bottom', title, sub, body: Node[], actions: Node[], onClose, attrs })
- * A modal <dialog> in the layer: 420px at the side above 760px, a bottom sheet below. Escape and the backdrop close it.
+ * sheet({ mode: 'auto'|'side'|'bottom'|'center', title, sub, body: Node[], actions: Node[], onClose, attrs })
+ * A modal <dialog> in the layer: 420px at the side above 760px, a bottom sheet below, or centered. Escape and the backdrop close it.
  * On a phone the sheet follows the on-screen keyboard through visualViewport. Returns { dialog, body, close, setHead }.
  */
 export function sheet({ mode = 'auto', title, sub, body, actions, onClose, attrs } = {}) {
   const m = mode === 'auto' ? (narrowViewport() ? 'bottom' : 'side') : mode;
   const tid = nextId('pmc-sheet-t');
-  const titleEl = el('h2', { class: 'pmc-sheet__title', id: tid }, title || '');
-  const subEl = el('div', { class: 'pmc-sheet__sub' }, sub || '');
+  const titleEl = el('h2', { class: cx('pmc-sheet__title', m === 'center' && 'pmc-sheet__title--hidden'), id: tid }, title || '');
+  const subEl = el('div', { class: cx('pmc-sheet__sub', m === 'center' && 'pmc-sheet__sub--hidden') }, sub || '');
   const bodyEl = el('div', { class: 'pmc-sheet__body' }, body || []);
   let closed = false;
+  const headEl = m === 'center' ? null : el('div', { class: 'pmc-sheet__head' }, el('div', { class: 'pmc-sheet__heading' }, titleEl, subEl),
+    iconButton({ icon: 'x', ariaLabel: 'Close', onClick: () => close() }));
   const dialog = el('dialog', { 'aria-modal': 'true', 'aria-labelledby': tid, tabindex: '-1', ...withClass(cx('pmc-sheet', 'pmc-sheet--' + m), attrs) },
   m === 'bottom' ? el('div', { class: 'pmc-sheet__handle', 'aria-hidden': 'true' }) : null,
-  el('div', { class: 'pmc-sheet__head' }, el('div', { class: 'pmc-sheet__heading' }, titleEl, subEl),
-    iconButton({ icon: 'x', ariaLabel: 'Close', onClick: () => close() })),
+  m === 'center' ? titleEl : headEl,
+  m === 'center' ? subEl : null,
   bodyEl,
   actions && actions.length ? el('div', { class: 'pmc-sheet__actions' }, actions) : null);