@deskwork/studio 0.20.0 → 0.22.0

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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"}

package/dist/pages/shortform-review.ts

@@ -15,9 +15,28 @@
  *
  * 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 type {
   DraftVersion,
   DraftWorkflowItem,
@@ -27,10 +46,16 @@ import {
   renderMarkdownToHtml,
 } from '@deskwork/core/review/render';
 import type { StudioContext } from '../routes/api.ts';
-import { html, unsafe, type RawHtml } from './html.ts';
+import { escapeHtml, html, unsafe, type RawHtml } from './html.ts';
 import { layout } from './layout.ts';
 import { renderEditorialFolio } from './chrome.ts';
-import { escapeHtml, gloss } from './html.ts';
+import { renderMasthead } from './masthead.ts';
+import { renderMastheadMenu } from './masthead-menu.ts';
+import { renderMobileBar } from './mobile-bar.ts';
+import {
+  getShortformBarCells,
+  renderShortformMobileSheet,
+} from './shortform-review-mobile-sheet.ts';
 
 interface ShortformReviewQuery {
   /** ?v=<n>; null shows the workflow's currentVersion. */
@@ -56,10 +81,6 @@ function stringField(v: unknown): string | undefined {
   return typeof v === 'string' ? v : undefined;
 }
 
-function stateLabel(state?: string): string {
-  return (state ?? '').replace('-', ' ');
-}
-
 interface PreparedRender {
   fm: Record<string, unknown>;
   bodyHtml: string;
@@ -84,122 +105,12 @@ async function prepareShortformRender(markdown: string): Promise<PreparedRender>
   return { fm, bodyHtml: renderedHtml };
 }
 
-function renderVersionsStrip(
-  versions: readonly DraftVersion[],
-  current: DraftVersion,
-): RawHtml {
-  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: DraftWorkflowItem): string {
-  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: string, letter: 'a' | 'i' | 'r'): string {
-  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: DraftWorkflowItem): RawHtml {
-  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: string[] = [];
-  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(): RawHtml {
-  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(): RawHtml {
-  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(): RawHtml {
   return unsafe(html`
     <div class="er-edit-mode" data-edit-panes-host hidden>
@@ -280,6 +191,10 @@ export async function renderShortformReviewPage(
   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: RawHtml = unsafe(html`
     <div class="er-shortform-meta">
       <span class="er-platform">${workflow.platform ?? 'other'}</span>
@@ -290,6 +205,32 @@ export async function renderShortformReviewPage(
 
   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">
@@ -301,30 +242,16 @@ export async function renderShortformReviewPage(
 
   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({
@@ -334,6 +261,7 @@ export async function renderShortformReviewPage(
       '/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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shortform.d.ts","sourceRoot":"","sources":["../../src/pages/shortform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoGtD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CA4C9D"}
+{"version":3,"file":"shortform.d.ts","sourceRoot":"","sources":["../../src/pages/shortform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAmGtD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CA4C9D"}

package/dist/pages/shortform.js

@@ -72,7 +72,6 @@ function renderRow(w, now) {
       <span class="er-row-site er-row-site--${w.site}" title="${w.site}">${siteLabel(w.site)}</span>
       <span class="er-row-slug">${w.slug}</span>
       ${channelMarkup}
-      <span class="er-stamp er-stamp-${w.state}">${w.state.replace('-', ' ')}</span>
       <span class="er-row-ts">v${w.currentVersion} · ${fmtRelTime(w.updatedAt, now)}</span>
       <span class="er-row-hint">Open in review →</span>
     </a>`);

package/dist/pages/shortform.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortform.js","sourceRoot":"","sources":["../../src/pages/shortform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,CAAU,CAAC;AAE/E,SAAS,SAAS,CAAC,IAAY;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACxC,CAAC;AAED,SAAS,iBAAiB,CAAC,GAAkB;IAC3C,MAAM,IAAI,GAAwB,EAAE,CAAC;IACrC,KAAK,MAAM,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;QACtD,IAAI,CAAC,CAAC,WAAW,KAAK,WAAW;YAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC;IACD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,eAAe,CAAC,SAAuC;IAI9D,MAAM,UAAU,GAAG,IAAI,GAAG,EAA+B,CAAC;IAC1D,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QAC1B,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC;QAClC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACb,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC5B,CAAC;IACD,MAAM,OAAO,GAAG;QACd,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAClD,GAAG,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAE,cAAoC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1D;KACF,CAAC;IACF,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AACjC,CAAC;AAED,SAAS,UAAU,CAAC,GAAW,EAAE,GAAS;IACxC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAClC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC9D,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,OAAO,CAAC;IAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,OAAO,CAAC;IAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,GAAG,CAAC,OAAO,CAAC;IAC/B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC;AACtC,CAAC;AAED,SAAS,SAAS,CAAC,CAAoB,EAAE,GAAS;IAChD,MAAM,aAAa,GAAY,CAAC,CAAC,OAAO;QACtC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAA,yBAAyB,CAAC,CAAC,OAAO,SAAS,CAAC;QACzD,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACf,MAAM,SAAS,GAAG,yBAAyB,CAAC,CAAC,EAAE,EAAE,CAAC;IAClD,OAAO,MAAM,CAAC,IAAI,CAAA;;cAEN,SAAS;0BACG,CAAC,CAAC,EAAE;uBACP,CAAC,CAAC,QAAQ,IAAI,OAAO;oBACxB,CAAC,CAAC,KAAK;mBACR,CAAC,CAAC,IAAI;;8CAEqB,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;kCAC1D,CAAC,CAAC,IAAI;QAChC,aAAa;uCACkB,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;iCAC3C,CAAC,CAAC,cAAc,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC;;SAE1E,CAAC,CAAC;AACX,CAAC;AAED,SAAS,qBAAqB,CAC5B,QAAgB,EAChB,SAAuC,EACvC,GAAS;IAET,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACpE,OAAO,MAAM,CAAC,IAAI,CAAA;;;cAGN,QAAQ;4CACsB,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;;QAE7E,MAAM,CAAC,IAAI,CAAC;eACL,CAAC,CAAC;AACjB,CAAC;AAED,SAAS,gBAAgB;IACvB,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,MAAM,CAAC,IAAI,CAAA;;;iCAGa,YAAY;;;WAGlC,CAAC,CAAC;AACb,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAkB;IACpD,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;IAE7C,MAAM,UAAU,GACd,SAAS,CAAC,MAAM,KAAK,CAAC;QACpB,CAAC,CAAC,gBAAgB,EAAE,CAAC,KAAK;QAC1B,CAAC,CAAC,OAAO;aACJ,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC;aACxE,IAAI,CAAC,EAAE,CAAC,CAAC;IAElB,MAAM,IAAI,GAAG,IAAI,CAAA;MACb,oBAAoB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;;;;;gBAMzC,SAAS,CAAC,MAAM;;gBAEhB,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;;;;QAIzE,MAAM,CAAC,UAAU,CAAC;;;;;mDAKyB,CAAC;IAElD,OAAO,MAAM,CAAC;QACZ,KAAK,EAAE,8BAA8B;QACrC,QAAQ,EAAE;YACR,kCAAkC;YAClC,+BAA+B;YAC/B,kCAAkC;SACnC;QACD,SAAS,EAAE,4BAA4B;QACvC,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,CAAC,yBAAyB,CAAC;KAC3C,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"shortform.js","sourceRoot":"","sources":["../../src/pages/shortform.ts"],"names":[],"mappings":"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"}

package/dist/pages/shortform.ts

@@ -82,7 +82,6 @@ function renderRow(w: DraftWorkflowItem, now: Date): RawHtml {
       <span class="er-row-site er-row-site--${w.site}" title="${w.site}">${siteLabel(w.site)}</span>
       <span class="er-row-slug">${w.slug}</span>
       ${channelMarkup}
-      <span class="er-stamp er-stamp-${w.state}">${w.state.replace('-', ' ')}</span>
       <span class="er-row-ts">v${w.currentVersion} · ${fmtRelTime(w.updatedAt, now)}</span>
       <span class="er-row-hint">Open in review →</span>
     </a>`);

package/dist/server.js

@@ -474,10 +474,50 @@ async function main() {
         const { createServer: createViteServer } = await import('vite');
         const { getRequestListener } = await import('@hono/node-server');
         const http = await import('node:http');
+        const net = await import('node:net');
         const { join } = await import('node:path');
+        // Vite's HMR WebSocket needs its own port. Default is 24678. When
+        // multiple worktrees run dev studios simultaneously, the second
+        // worktree's Vite cannot bind 24678 — it silently fails to spin
+        // up an HMR WS server, and the browser ends up trying to connect
+        // to whatever process IS on 24678 (the OTHER worktree's Vite).
+        // The handshake fails with HTTP 426; the Vite client falls back
+        // to "polling for restart" mode which page-reloads several times
+        // per second. That presents to the operator as "pathologically
+        // refreshing as fast as possible." Walk forward to find a free
+        // port so each concurrent worktree gets its own HMR slot.
+        const findFreePort = async (base, max) => {
+            for (let p = base; p <= max; p += 1) {
+                const free = await new Promise((resolve) => {
+                    const probe = net.createServer();
+                    probe.once('error', () => resolve(false));
+                    probe.once('listening', () => {
+                        probe.close(() => resolve(true));
+                    });
+                    // Bind to all interfaces (dual-stack IPv4+IPv6) so the probe
+                    // matches what Vite actually does. A previous version of this
+                    // helper bound 127.0.0.1 only and got false-positives when
+                    // another worktree's Vite was on IPv6 wildcard (*:24678) —
+                    // the IPv4 probe succeeded, then Vite's actual bind failed.
+                    probe.listen(p);
+                });
+                if (free)
+                    return p;
+            }
+            throw new Error(`deskwork-studio: no free HMR port in [${base}, ${max}]. ` +
+                `Another worktree's dev studio is likely holding the range.`);
+        };
+        const hmrPort = await findFreePort(24678, 24777);
         const viteRoot = join(pluginRoot(), 'public');
         const vite = await createViteServer({
-            server: { middlewareMode: true, allowedHosts: true },
+            server: {
+                middlewareMode: true,
+                allowedHosts: true,
+                // Pin the HMR WS to the port we just verified free. Without
+                // this, Vite uses its default 24678 and silently loses to
+                // any other worktree that grabbed it first.
+                hmr: { port: hmrPort },
+            },
             appType: 'custom',
             root: viteRoot,
         });