@deskwork/studio 0.21.0 → 0.22.0

package/dist/pages/shortform-review-mobile-sheet.js

@@ -0,0 +1,159 @@
+/**
+ * Shortform-review-specific mobile sheet host + bar cell composition.
+ *
+ * Mirrors `entry-review/mobile-sheet.ts` for the shortform review
+ * surface. The mobile-bar primitive (`../mobile-bar.ts`) is universal;
+ * each surface composes its `Cell[]` and the corresponding slot host
+ * here.
+ *
+ * Design contract (DESIGN-STANDARDS.md § Universal bar contract,
+ * settled 2026-05-13):
+ *   - One bar primitive, one shape. The per-surface design variable
+ *     is the cells, not the chrome.
+ *   - 1-6 contextual cells. The Actions cell is unconditional so the
+ *     bar is never empty (renderMobileBar throws on empty cells).
+ *   - The TOC and Versions cells are conditional (hidden when their
+ *     content has fewer than 2 items).
+ *
+ * State-machine compliance (DESKWORK-STATE-MACHINE.md):
+ *   - Commandment II: verbs are universal. Approve/Iterate/Cancel are
+ *     rendered unconditionally inside the Actions slot. The shortform
+ *     surface header (shortform-review.ts:1-18) explicitly defers the
+ *     legacy `DraftWorkflowState` migration; for this step we surface
+ *     the three universal verbs and trust the client clipboard handlers
+ *     to compose the right slash command from the workflow context.
+ *   - Commandment III: no review-state surfacing. No "IN REVIEW" /
+ *     "ITERATING" / "APPROVED" pills. No `.er-stamp`. No
+ *     `.er-pending-state` markup.
+ *   - Commandment IV/V/VII: clipboard-copy is the only action. The
+ *     three buttons carry `data-action="approve|iterate|cancel"`; the
+ *     existing client handlers in `editorial-review-client.ts` wire
+ *     them to clipboard-only handlers (post-G.3 refactor).
+ *   - G.4 (issue #260): the destructive verb is `cancel`, NOT `reject`.
+ *     The state machine has no `reject` verb.
+ */
+import { html, unsafe, escapeHtml } from "./html.js";
+/**
+ * Build the shortform review bar's contextual cell list.
+ *
+ * Cell ordering (when present): TOC → Versions → Actions. The Actions
+ * cell is always last and always present; the bar is never empty.
+ *
+ * Conditional-omission rules:
+ *   - TOC cell: omitted when fewer than 2 heading entries exist.
+ *     Shortform drafts (social-platform copy) are often headingless;
+ *     surfacing an empty TOC adds noise without value per the
+ *     "structure over scrolling" principle.
+ *   - Versions cell: omitted when only one revision exists. With one
+ *     revision there is no history to navigate.
+ */
+export function getShortformBarCells(opts) {
+    const cells = [];
+    if (opts.tocEntries.length >= 2) {
+        cells.push({
+            glyph: '§',
+            label: `TOC · ${opts.tocEntries.length}`,
+            mode: 'review',
+            action: { kind: 'sheet', name: 'toc' },
+        });
+    }
+    if (opts.versions.length >= 2) {
+        cells.push({
+            glyph: '№',
+            label: `Versions · ${opts.versions.length}`,
+            mode: 'review',
+            action: { kind: 'sheet', name: 'versions' },
+        });
+    }
+    cells.push({
+        glyph: '⊕',
+        label: 'Actions',
+        mode: 'review',
+        action: { kind: 'sheet', name: 'actions' },
+    });
+    return cells;
+}
+function renderTocSlotBody(tocEntries) {
+    if (tocEntries.length === 0)
+        return '';
+    const items = tocEntries
+        .map((entry) => {
+        const depthClass = `er-mobile-toc-item er-mobile-toc-item--h${entry.depth}`;
+        return `<li class="${depthClass}"><a href="#${escapeHtml(entry.id)}">${escapeHtml(entry.text)}</a></li>`;
+    })
+        .join('');
+    return `<ul class="er-mobile-toc-list">${items}</ul>`;
+}
+function renderVersionsSlotBody(versions, currentVersion) {
+    if (versions.length === 0)
+        return '';
+    const items = versions
+        .map((v) => {
+        const isActive = v.version === currentVersion.version;
+        const cls = isActive ? ' class="active"' : '';
+        return `<li class="er-mobile-versions-item"><a href="?v=${v.version}"${cls}>v${v.version}</a></li>`;
+    })
+        .join('');
+    return `<ul class="er-mobile-versions-list">${items}</ul>`;
+}
+/**
+ * The Actions slot renders the three universal verbs unconditionally
+ * per Commandment II. Per Commandment VII (and THESIS Cons. 2), each
+ * button is a clipboard-copy trigger handled by the existing
+ * `editorial-review-client.ts` `[data-action]` listeners — the markup
+ * here carries no copy-target or state mutation logic; the client
+ * composes the slash command from the embedded workflow state.
+ *
+ * G.4: `data-action="cancel"`, NOT `reject` (the state machine has
+ * no `reject` verb; this matches issue #260's resolution shape).
+ */
+function renderActionsSlotBody() {
+    return [
+        '<div class="er-mobile-actions">',
+        '  <button class="er-btn er-btn-primary er-btn-approve" data-action="approve" type="button">Approve</button>',
+        '  <button class="er-btn" data-action="iterate" type="button">Iterate</button>',
+        '  <button class="er-btn er-btn-cancel" data-action="cancel" type="button">Cancel</button>',
+        '</div>',
+    ].join('\n');
+}
+/**
+ * Render the shortform mobile sheet host with the three named slots
+ * (toc / versions / actions). Each slot body is server-rendered so
+ * the client doesn't need to clone DOM from elsewhere on the page —
+ * the slot is self-contained.
+ *
+ * The sheet host is always rendered (matches the entry-review pattern
+ * where the host is present and the client toggles `hidden` on
+ * dispatch). Individual slots are hidden until the corresponding bar
+ * cell opens them via the shared `sheet-controller` primitive.
+ */
+export function renderShortformMobileSheet(opts) {
+    const tocBody = renderTocSlotBody(opts.tocEntries);
+    const versionsBody = renderVersionsSlotBody(opts.versions, opts.currentVersion);
+    const actionsBody = renderActionsSlotBody();
+    return unsafe(html `
+    <section
+      class="er-mobile-sheet"
+      id="er-mobile-sheet"
+      data-mobile-sheet-host
+      hidden
+      aria-label="Surface sheet"
+      role="dialog"
+      aria-modal="false"
+    >
+      <button class="er-mobile-sheet-handle" data-mobile-sheet-handle type="button" aria-label="Drag to dismiss the sheet">
+        <span class="er-mobile-sheet-handle-bar" aria-hidden="true"></span>
+      </button>
+      <header class="er-mobile-sheet-head">
+        <span class="er-mobile-sheet-kicker" data-mobile-sheet-kicker></span>
+        <span class="er-mobile-sheet-meta" data-mobile-sheet-meta></span>
+        <button class="er-mobile-sheet-close" data-mobile-sheet-close type="button" aria-label="Close sheet">×</button>
+      </header>
+      <div class="er-mobile-sheet-body" data-mobile-sheet-body>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="toc" hidden>${unsafe(tocBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="versions" hidden>${unsafe(versionsBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="actions" hidden>${unsafe(actionsBody)}</div>
+      </div>
+    </section>`);
+}
+//# sourceMappingURL=shortform-review-mobile-sheet.js.map

package/dist/pages/shortform-review-mobile-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortform-review-mobile-sheet.js","sourceRoot":"","sources":["../../src/pages/shortform-review-mobile-sheet.ts"],"names":[],"mappings":"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"}

package/dist/pages/shortform-review-mobile-sheet.ts

@@ -0,0 +1,185 @@
+/**
+ * Shortform-review-specific mobile sheet host + bar cell composition.
+ *
+ * Mirrors `entry-review/mobile-sheet.ts` for the shortform review
+ * surface. The mobile-bar primitive (`../mobile-bar.ts`) is universal;
+ * each surface composes its `Cell[]` and the corresponding slot host
+ * here.
+ *
+ * Design contract (DESIGN-STANDARDS.md § Universal bar contract,
+ * settled 2026-05-13):
+ *   - One bar primitive, one shape. The per-surface design variable
+ *     is the cells, not the chrome.
+ *   - 1-6 contextual cells. The Actions cell is unconditional so the
+ *     bar is never empty (renderMobileBar throws on empty cells).
+ *   - The TOC and Versions cells are conditional (hidden when their
+ *     content has fewer than 2 items).
+ *
+ * State-machine compliance (DESKWORK-STATE-MACHINE.md):
+ *   - Commandment II: verbs are universal. Approve/Iterate/Cancel are
+ *     rendered unconditionally inside the Actions slot. The shortform
+ *     surface header (shortform-review.ts:1-18) explicitly defers the
+ *     legacy `DraftWorkflowState` migration; for this step we surface
+ *     the three universal verbs and trust the client clipboard handlers
+ *     to compose the right slash command from the workflow context.
+ *   - Commandment III: no review-state surfacing. No "IN REVIEW" /
+ *     "ITERATING" / "APPROVED" pills. No `.er-stamp`. No
+ *     `.er-pending-state` markup.
+ *   - Commandment IV/V/VII: clipboard-copy is the only action. The
+ *     three buttons carry `data-action="approve|iterate|cancel"`; the
+ *     existing client handlers in `editorial-review-client.ts` wire
+ *     them to clipboard-only handlers (post-G.3 refactor).
+ *   - G.4 (issue #260): the destructive verb is `cancel`, NOT `reject`.
+ *     The state machine has no `reject` verb.
+ */
+
+import type { TocEntry } from '@deskwork/core/review/toc';
+import type {
+  DraftVersion,
+  DraftWorkflowItem,
+} from '@deskwork/core/review/types';
+import { html, unsafe, escapeHtml, type RawHtml } from './html.ts';
+import type { Cell } from './mobile-bar.ts';
+
+export interface ShortformBarCellOptions {
+  readonly tocEntries: readonly TocEntry[];
+  readonly versions: readonly DraftVersion[];
+}
+
+/**
+ * Build the shortform review bar's contextual cell list.
+ *
+ * Cell ordering (when present): TOC → Versions → Actions. The Actions
+ * cell is always last and always present; the bar is never empty.
+ *
+ * Conditional-omission rules:
+ *   - TOC cell: omitted when fewer than 2 heading entries exist.
+ *     Shortform drafts (social-platform copy) are often headingless;
+ *     surfacing an empty TOC adds noise without value per the
+ *     "structure over scrolling" principle.
+ *   - Versions cell: omitted when only one revision exists. With one
+ *     revision there is no history to navigate.
+ */
+export function getShortformBarCells(opts: ShortformBarCellOptions): readonly Cell[] {
+  const cells: Cell[] = [];
+  if (opts.tocEntries.length >= 2) {
+    cells.push({
+      glyph: '§',
+      label: `TOC · ${opts.tocEntries.length}`,
+      mode: 'review',
+      action: { kind: 'sheet', name: 'toc' },
+    });
+  }
+  if (opts.versions.length >= 2) {
+    cells.push({
+      glyph: '№',
+      label: `Versions · ${opts.versions.length}`,
+      mode: 'review',
+      action: { kind: 'sheet', name: 'versions' },
+    });
+  }
+  cells.push({
+    glyph: '⊕',
+    label: 'Actions',
+    mode: 'review',
+    action: { kind: 'sheet', name: 'actions' },
+  });
+  return cells;
+}
+
+export interface ShortformMobileSheetOptions {
+  readonly tocEntries: readonly TocEntry[];
+  readonly versions: readonly DraftVersion[];
+  readonly workflow: DraftWorkflowItem;
+  readonly currentVersion: DraftVersion;
+}
+
+function renderTocSlotBody(tocEntries: readonly TocEntry[]): string {
+  if (tocEntries.length === 0) return '';
+  const items = tocEntries
+    .map((entry) => {
+      const depthClass = `er-mobile-toc-item er-mobile-toc-item--h${entry.depth}`;
+      return `<li class="${depthClass}"><a href="#${escapeHtml(entry.id)}">${escapeHtml(entry.text)}</a></li>`;
+    })
+    .join('');
+  return `<ul class="er-mobile-toc-list">${items}</ul>`;
+}
+
+function renderVersionsSlotBody(
+  versions: readonly DraftVersion[],
+  currentVersion: DraftVersion,
+): string {
+  if (versions.length === 0) return '';
+  const items = versions
+    .map((v) => {
+      const isActive = v.version === currentVersion.version;
+      const cls = isActive ? ' class="active"' : '';
+      return `<li class="er-mobile-versions-item"><a href="?v=${v.version}"${cls}>v${v.version}</a></li>`;
+    })
+    .join('');
+  return `<ul class="er-mobile-versions-list">${items}</ul>`;
+}
+
+/**
+ * The Actions slot renders the three universal verbs unconditionally
+ * per Commandment II. Per Commandment VII (and THESIS Cons. 2), each
+ * button is a clipboard-copy trigger handled by the existing
+ * `editorial-review-client.ts` `[data-action]` listeners — the markup
+ * here carries no copy-target or state mutation logic; the client
+ * composes the slash command from the embedded workflow state.
+ *
+ * G.4: `data-action="cancel"`, NOT `reject` (the state machine has
+ * no `reject` verb; this matches issue #260's resolution shape).
+ */
+function renderActionsSlotBody(): string {
+  return [
+    '<div class="er-mobile-actions">',
+    '  <button class="er-btn er-btn-primary er-btn-approve" data-action="approve" type="button">Approve</button>',
+    '  <button class="er-btn" data-action="iterate" type="button">Iterate</button>',
+    '  <button class="er-btn er-btn-cancel" data-action="cancel" type="button">Cancel</button>',
+    '</div>',
+  ].join('\n');
+}
+
+/**
+ * Render the shortform mobile sheet host with the three named slots
+ * (toc / versions / actions). Each slot body is server-rendered so
+ * the client doesn't need to clone DOM from elsewhere on the page —
+ * the slot is self-contained.
+ *
+ * The sheet host is always rendered (matches the entry-review pattern
+ * where the host is present and the client toggles `hidden` on
+ * dispatch). Individual slots are hidden until the corresponding bar
+ * cell opens them via the shared `sheet-controller` primitive.
+ */
+export function renderShortformMobileSheet(
+  opts: ShortformMobileSheetOptions,
+): RawHtml {
+  const tocBody = renderTocSlotBody(opts.tocEntries);
+  const versionsBody = renderVersionsSlotBody(opts.versions, opts.currentVersion);
+  const actionsBody = renderActionsSlotBody();
+  return unsafe(html`
+    <section
+      class="er-mobile-sheet"
+      id="er-mobile-sheet"
+      data-mobile-sheet-host
+      hidden
+      aria-label="Surface sheet"
+      role="dialog"
+      aria-modal="false"
+    >
+      <button class="er-mobile-sheet-handle" data-mobile-sheet-handle type="button" aria-label="Drag to dismiss the sheet">
+        <span class="er-mobile-sheet-handle-bar" aria-hidden="true"></span>
+      </button>
+      <header class="er-mobile-sheet-head">
+        <span class="er-mobile-sheet-kicker" data-mobile-sheet-kicker></span>
+        <span class="er-mobile-sheet-meta" data-mobile-sheet-meta></span>
+        <button class="er-mobile-sheet-close" data-mobile-sheet-close type="button" aria-label="Close sheet">×</button>
+      </header>
+      <div class="er-mobile-sheet-body" data-mobile-sheet-body>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="toc" hidden>${unsafe(tocBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="versions" hidden>${unsafe(versionsBody)}</div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="actions" hidden>${unsafe(actionsBody)}</div>
+      </div>
+    </section>`);
+}

package/dist/pages/shortform-review.d.ts

@@ -15,6 +15,24 @@
  *
  * Workflow-keyed wording in this file is documenting that deliberate
  * deferral; do not flag in audits.
+ *
+ * Step 2.2.10 (v7 universal chrome + state-machine compliance):
+ *   - Server-side: er-strip / er-stamp / er-pending-state / shortcut
+ *     overlay / state-branched control rendering all REMOVED. The
+ *     universal `renderMobileBar` primitive + a shortform-specific
+ *     sheet host (`./shortform-review-mobile-sheet.ts`) replace them.
+ *   - Per DESIGN-STANDARDS.md § Universal bar contract: this surface
+ *     composes its `Cell[]` mechanically (TOC / Versions / Actions)
+ *     and passes it to `renderMobileBar`. No bespoke chrome shape.
+ *   - Per DESKWORK-STATE-MACHINE.md Commandment III: no review-state
+ *     labels on the page (the stamp + pending pills were the
+ *     violations).
+ *   - The desktop edit-mode panes (`renderEditPanes`) stay — they're
+ *     gated by the existing `data-edit-mode` body attribute and the
+ *     Edit toolbar is still part of the desktop chrome. Mobile edit
+ *     entry-point is deferred to a future task (the workplan keeps
+ *     the broader shortform state-machine migration explicitly out
+ *     of scope for this step).
  */
 import type { StudioContext } from '../routes/api.ts';
 interface ShortformReviewQuery {

package/dist/pages/shortform-review.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shortform-review.d.ts","sourceRoot":"","sources":["../../src/pages/shortform-review.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAWH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,UAAU,oBAAoB;IAC5B,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AA6MD;;;;;GAKG;AACH,wBAAsB,yBAAyB,CAC7C,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,oBAAoB,GAC1B,OAAO,CAAC,MAAM,CAAC,CAyFjB"}
+{"version":3,"file":"shortform-review.d.ts","sourceRoot":"","sources":["../../src/pages/shortform-review.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAYH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAYtD,UAAU,oBAAoB;IAC5B,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AA2FD;;;;;GAKG;AACH,wBAAsB,yBAAyB,CAC7C,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,oBAAoB,GAC1B,OAAO,CAAC,MAAM,CAAC,CA0GjB"}

package/dist/pages/shortform-review.js

@@ -15,13 +15,35 @@
  *
  * Workflow-keyed wording in this file is documenting that deliberate
  * deferral; do not flag in audits.
+ *
+ * Step 2.2.10 (v7 universal chrome + state-machine compliance):
+ *   - Server-side: er-strip / er-stamp / er-pending-state / shortcut
+ *     overlay / state-branched control rendering all REMOVED. The
+ *     universal `renderMobileBar` primitive + a shortform-specific
+ *     sheet host (`./shortform-review-mobile-sheet.ts`) replace them.
+ *   - Per DESIGN-STANDARDS.md § Universal bar contract: this surface
+ *     composes its `Cell[]` mechanically (TOC / Versions / Actions)
+ *     and passes it to `renderMobileBar`. No bespoke chrome shape.
+ *   - Per DESKWORK-STATE-MACHINE.md Commandment III: no review-state
+ *     labels on the page (the stamp + pending pills were the
+ *     violations).
+ *   - The desktop edit-mode panes (`renderEditPanes`) stay — they're
+ *     gated by the existing `data-edit-mode` body attribute and the
+ *     Edit toolbar is still part of the desktop chrome. Mobile edit
+ *     entry-point is deferred to a future task (the workplan keeps
+ *     the broader shortform state-machine migration explicitly out
+ *     of scope for this step).
  */
 import { handleGetWorkflow } from '@deskwork/core/review/handlers';
+import { extractToc } from '@deskwork/core/review/toc';
 import { parseDraftFrontmatter, renderMarkdownToHtml, } from '@deskwork/core/review/render';
-import { html, unsafe } from "./html.js";
+import { escapeHtml, html, unsafe } from "./html.js";
 import { layout } from "./layout.js";
 import { renderEditorialFolio } from "./chrome.js";
-import { escapeHtml, gloss } from "./html.js";
+import { renderMasthead } from "./masthead.js";
+import { renderMastheadMenu } from "./masthead-menu.js";
+import { renderMobileBar } from "./mobile-bar.js";
+import { getShortformBarCells, renderShortformMobileSheet, } from "./shortform-review-mobile-sheet.js";
 function isSuccessBody(body) {
     if (typeof body !== 'object' || body === null)
         return false;
@@ -38,9 +60,6 @@ function errorFromBody(body) {
 function stringField(v) {
     return typeof v === 'string' ? v : undefined;
 }
-function stateLabel(state) {
-    return (state ?? '').replace('-', ' ');
-}
 async function prepareShortformRender(markdown) {
     const parsed = parseDraftFrontmatter(markdown);
     const fm = parsed.frontmatter;
@@ -56,94 +75,12 @@ async function prepareShortformRender(markdown) {
         : dekHtml + bodyHtml;
     return { fm, bodyHtml: renderedHtml };
 }
-function renderVersionsStrip(versions, current) {
-    if (versions.length <= 1)
-        return unsafe('');
-    const links = versions
-        .map((v) => {
-        const isActive = v.version === current.version;
-        const href = `?v=${v.version}`;
-        return html `<a href="${href}" class="${isActive ? 'active' : ''}">v${v.version}</a>`;
-    })
-        .join('');
-    return unsafe(html `<span class="er-strip-versions">${unsafe(links)}</span>`);
-}
-function pendingSkillCmd(workflow) {
-    const { site, slug, state } = workflow;
-    if (state === 'iterating') {
-        return `/deskwork:iterate --site ${site} ${slug}`;
-    }
-    if (state === 'approved') {
-        return `/deskwork:approve --site ${site} ${slug}`;
-    }
-    return '';
-}
-function shortcutChipWrap(buttonHtml, letter) {
-    return html `<span class="er-shortcut-chip-wrap">${unsafe(buttonHtml)}<small class="er-shortcut-chip"><kbd>${letter}</kbd><kbd>${letter}</kbd></small></span>`;
-}
-function renderControlsRight(workflow) {
-    const isActive = workflow.state === 'open' || workflow.state === 'in-review';
-    const isApproved = workflow.state === 'approved';
-    const isIterating = workflow.state === 'iterating';
-    const isTerminal = workflow.state === 'applied' || workflow.state === 'cancelled';
-    const buttons = [];
-    buttons.push(html `<button class="er-btn er-btn-small" data-action="toggle-edit" type="button">Edit</button><span class="er-edit-mode-label" data-mode="preview">preview</span>`);
-    if (isActive) {
-        buttons.push(shortcutChipWrap(html `<button class="er-btn er-btn-small er-btn-approve" data-action="approve" type="button">Approve</button>`, 'a'));
-        buttons.push(shortcutChipWrap(html `<button class="er-btn er-btn-small" data-action="iterate" type="button">Iterate</button>`, 'i'));
-        buttons.push(shortcutChipWrap(html `<button class="er-btn er-btn-small er-btn-reject" data-action="reject" type="button">Reject</button>`, 'r'));
-    }
-    if (isApproved) {
-        const applyCmd = pendingSkillCmd(workflow);
-        buttons.push(html `<span class="er-pending-state">awaiting apply…</span>`);
-        buttons.push(html `<button class="er-btn er-btn-small" data-action="copy-cmd" data-cmd="${applyCmd}" title="Copy ${applyCmd} to clipboard" type="button">copy <code>/deskwork:approve</code></button>`);
-        buttons.push(shortcutChipWrap(html `<button class="er-btn er-btn-small er-btn-reject" data-action="reject" type="button">Reject</button>`, 'r'));
-    }
-    if (isIterating) {
-        const iterateCmd = pendingSkillCmd(workflow);
-        buttons.push(html `<span class="er-pending-state">agent iterating…</span>`);
-        buttons.push(html `<button class="er-btn er-btn-small" data-action="copy-cmd" data-cmd="${iterateCmd}" title="Copy ${iterateCmd} to clipboard" type="button">copy <code>/deskwork:iterate</code></button>`);
-    }
-    if (isTerminal) {
-        buttons.push(html `<span class="er-pending-state er-pending-state--filed">filed (${workflow.state})</span>`);
-    }
-    buttons.push(html `<button class="er-btn er-btn-small" data-action="shortcuts" type="button" aria-label="Show keyboard shortcuts" title="Keyboard shortcuts">?</button>`);
-    return unsafe(`<span class="er-strip-right">${buttons.join('')}</span>`);
-}
-function renderShortcutsOverlay() {
-    return unsafe(html `
-    <div class="er-shortcuts" data-shortcuts-overlay hidden role="dialog" aria-modal="true" aria-label="Keyboard shortcuts">
-      <div class="er-shortcuts-backdrop" data-shortcuts-backdrop></div>
-      <div class="er-shortcuts-panel">
-        <h2>Keyboard</h2>
-        <dl>
-          <dt><kbd>e</kbd> / dbl-click</dt><dd>toggle edit mode</dd>
-          <dt><kbd>a</kbd> <kbd>a</kbd></dt><dd>approve <em>— press twice within 500ms</em></dd>
-          <dt><kbd>i</kbd> <kbd>i</kbd></dt><dd>iterate <em>— press twice within 500ms</em></dd>
-          <dt><kbd>r</kbd> <kbd>r</kbd></dt><dd>reject <em>— press twice within 500ms</em></dd>
-          <dt><kbd>?</kbd></dt><dd>this panel</dd>
-          <dt><kbd>esc</kbd></dt><dd>close</dd>
-        </dl>
-        <p class="er-shortcuts-footer">Press <kbd>?</kbd> anytime.</p>
-      </div>
-    </div>`);
-}
-function renderEditToolbar() {
-    return unsafe(html `
-    <div class="er-edit-toolbar" data-edit-toolbar hidden>
-      <div class="er-edit-modes" role="tablist" aria-label="Editor mode">
-        <button class="er-edit-mode-btn" data-edit-view="source" type="button" aria-pressed="true">Source</button>
-        <button class="er-edit-mode-btn" data-edit-view="split" type="button" aria-pressed="false">Split</button>
-        <button class="er-edit-mode-btn" data-edit-view="preview" type="button" aria-pressed="false">Preview</button>
-      </div>
-      <div class="er-edit-actions">
-        <button class="er-btn er-btn-small" data-action="focus-mode" type="button" title="Distraction-free mode (Shift+F)" aria-pressed="false">Focus ⛶</button>
-        <button class="er-btn er-btn-primary" data-action="save-version" type="button">Save as new version</button>
-        <button class="er-btn" data-action="cancel-edit" type="button">Cancel</button>
-        <span class="er-edit-hint" data-edit-hint></span>
-      </div>
-    </div>`);
-}
+/**
+ * Desktop-only edit panes. The `data-edit-mode` body attribute is the
+ * gate (set by the existing client toggle-edit handler). On mobile,
+ * edit mode is not currently surfaced from this surface — the broader
+ * shortform state-machine migration is the right place to design that.
+ */
 function renderEditPanes() {
     return unsafe(html `
     <div class="er-edit-mode" data-edit-panes-host hidden>
@@ -211,6 +148,9 @@ export async function renderShortformReviewPage(ctx, workflowId, query) {
     const { fm, bodyHtml } = await prepareShortformRender(currentVersion.markdown);
     const draftState = { workflow, currentVersion, versions };
     const titleField = stringField(fm.title) ?? `Draft: ${slug}`;
+    // #244 — extract TOC from the rendered body. `rehype-slug` already
+    // gave every h2/h3/h4 an `id`; `extractToc` reads the slugs + text.
+    const tocEntries = extractToc(bodyHtml);
     const shortformMeta = unsafe(html `
     <div class="er-shortform-meta">
       <span class="er-platform">${workflow.platform ?? 'other'}</span>
@@ -219,6 +159,30 @@ export async function renderShortformReviewPage(ctx, workflowId, query) {
         : ''}
     </div>`);
     const folioSpine = `shortform · ${workflow.platform ?? '?'}${workflow.channel ? ` · ${workflow.channel}` : ''} · ${slug}`;
+    // v7 universal masthead (mobile-only at this commit). Kicker carries
+    // the platform badge + channel as inline markup; the meta tag holds
+    // the galley number. Slug occupies the bottom row.
+    const platformLabel = workflow.platform ?? 'other';
+    const channelLabel = workflow.channel ? ` ${workflow.channel}` : '';
+    const mastheadKicker = unsafe(html `<span class="platform">${platformLabel}</span>${channelLabel}`);
+    const masthead = renderMasthead({
+        kickerHtml: mastheadKicker,
+        slug,
+        metaInline: `№ ${currentVersion.version}`,
+        isHub: false,
+    });
+    // v7 universal mobile bar. The cell list is composed mechanically
+    // from the surface's TOC + Versions + (always) Actions per
+    // DESIGN-STANDARDS.md § Universal bar contract. The Actions cell
+    // guarantees the bar is never empty.
+    const barCells = getShortformBarCells({ tocEntries, versions });
+    const mobileBar = renderMobileBar({ contextual: barCells });
+    const mobileSheet = renderShortformMobileSheet({
+        tocEntries,
+        versions,
+        workflow,
+        currentVersion,
+    });
     const pageGrid = html `
     <div class="er-page-grid">
       <div class="er-draft-frame">
@@ -229,30 +193,16 @@ export async function renderShortformReviewPage(ctx, workflowId, query) {
     </div>`;
     const body = html `
     <div data-review-ui="shortform" class="er-review-shell">
+      ${masthead}
+      ${renderMastheadMenu()}
       ${renderEditorialFolio('shortform', folioSpine)}
       ${shortformMeta}
-      <div class="er-strip">
-        <div class="er-strip-inner">
-          <a class="er-strip-back" href="/dev/editorial-studio" title="Back to the editorial studio">← studio</a>
-          <span class="er-strip-galley">${gloss('galley')} <em>№ ${currentVersion.version}</em></span>
-          <span class="er-strip-slug">${workflow.site} / ${workflow.slug}</span>
-          ${renderVersionsStrip(versions, currentVersion)}
-          <span class="er-strip-center">
-            <span class="er-stamp er-stamp-big er-stamp-${workflow.state}" data-state-label>
-              ${stateLabel(workflow.state)}
-            </span>
-            <span class="er-strip-hint">double-click to edit · <kbd>?</kbd> for shortcuts</span>
-          </span>
-          ${renderControlsRight(workflow)}
-        </div>
-      </div>
-      ${renderEditToolbar()}
       <article class="er-page">
         ${unsafe(pageGrid)}
       </article>
+      ${mobileBar}
+      ${mobileSheet}
       <div class="er-toast" data-toast hidden></div>
-      ${renderShortcutsOverlay()}
-      <div class="er-poll-indicator" data-poll>auto-refresh · 8s</div>
     </div>`;
     return layout({
         title: `${titleField} — Review`,
@@ -261,6 +211,7 @@ export async function renderShortformReviewPage(ctx, workflowId, query) {
             '/static/css/editorial-nav.css',
             '/static/css/blog-figure.css',
             '/static/css/review-viewport.css',
+            '/static/css/mobile-shell.css',
         ],
         bodyHtml: body,
         embeddedJson: [{ id: 'draft-state', data: draftState }],

package/dist/pages/shortform-review.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortform-review.js","sourceRoot":"","sources":["../../src/pages/shortform-review.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"shortform-review.js","sourceRoot":"","sources":["../../src/pages/shortform-review.ts"],"names":[],"mappings":"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"}