@deskwork/studio 0.21.0 → 0.22.0

package/dist/pages/dashboard/shortform-section.ts

@@ -0,0 +1,228 @@
+/**
+ * Shortform-by-platform section renderer (Step 2.2.9 — studio-mobile-first).
+ *
+ * Per DESIGN-STANDARDS.md § Desk information architecture, the Desk's
+ * second section absorbs the legacy `/dev/editorial-review-shortform`
+ * page as four platform tiles (LinkedIn / Reddit / YouTube / Instagram),
+ * each collapsible to reveal that platform's open workflows. Tiles share
+ * the longform-pipeline tile shape (data-stage-tile + aria-expanded +
+ * data-stage-section attrs) so the existing `dashboard/stage-tiles.ts`
+ * client controller can drive both. `data-stage-section-group="shortform"`
+ * partitions single-expand state so longform and shortform open
+ * independently.
+ *
+ * Per DESKWORK-STATE-MACHINE.md Commandment III, rows do NOT render
+ * `.er-stamp` / `er-stamp-<state>` chrome. The pre-v7 shortform page
+ * rendered review-state stamps inline; this section does not.
+ *
+ * Per THESIS Consequence 2, rows are navigation-only. The trailing `⋮`
+ * placeholder anchor links to `/dev/editorial-review/<workflow.id>`;
+ * Step 2.2.10 lands the v0.20-style row popover with stage-aware verbs
+ * once the shortform verb-routing pieces (issues G.1-G.6) land. This
+ * commit does NOT smuggle verb-routing in early. Tracked in
+ * https://github.com/audiocontrol-org/deskwork/issues/263.
+ *
+ * TRANSITIONAL SHAPE: this row's `er-row-shell` markup is a strict
+ * subset of the longform row shell defined in
+ * `dashboard/section.ts:renderRow`. Longform shells carry three
+ * children (`er-row-drawer`, `er-row-fg`, `er-row-menu`); this shell
+ * carries only the `er-row-fg`. Step 2.2.10's popover wire-up is
+ * purely additive on the existing shape — it inserts the missing
+ * `er-row-menu` (and possibly `er-row-drawer` if a swipe gesture is
+ * scoped in). Keep the two row paths' attribute conventions aligned
+ * (data-row-shell, data-platform, data-site, data-slug already match)
+ * so the unification stays straightforward.
+ */
+
+import { html, unsafe, type RawHtml } from '../html.ts';
+import type { DraftWorkflowItem } from '@deskwork/core/review/types';
+import type { Platform } from '@deskwork/core/types';
+import { DASHBOARD_PLATFORM_ORDER } from './data.ts';
+
+/** Per-platform display metadata. Mirrors desk-states-v7.html:632-655. */
+interface PlatformChrome {
+  /** Two-character badge inside the tile (replaces the longform stage glyph). */
+  readonly badge: string;
+  /** Display name on the tile. */
+  readonly name: string;
+  /** CSS variant suffix for `.er-platform-badge--<variant>`. */
+  readonly variant: string;
+}
+
+const PLATFORM_CHROME: Record<Platform, PlatformChrome> = {
+  linkedin: { badge: 'in', name: 'LinkedIn', variant: 'linkedin' },
+  reddit: { badge: 'r/', name: 'Reddit', variant: 'reddit' },
+  youtube: { badge: '@', name: 'YouTube', variant: 'youtube' },
+  instagram: { badge: 'IG', name: 'Instagram', variant: 'instagram' },
+};
+
+/**
+ * Render the shortform section head — `<div class="er-desk-section-head
+ * er-desk-section-head--shortform">` matching the mockup's
+ * `.desk-section-head.shortform` shape. Glyph + label + caption count.
+ */
+export function renderShortformSectionHead(totalCount: number): RawHtml {
+  return unsafe(html`
+    <div class="er-desk-section-head er-desk-section-head--shortform">
+      <span class="er-desk-section-head-glyph" aria-hidden="true">⊟</span>
+      <span class="er-desk-section-head-label">Shortform · by platform</span>
+      <span class="er-desk-section-head-count">· ${totalCount} ${totalCount === 1 ? 'workflow' : 'workflows'}</span>
+    </div>`);
+}
+
+/**
+ * Render one platform tile. Shares its tile shape + a11y attrs with the
+ * longform stage tile so the stage-tiles.ts client controller drives
+ * both. Empty platforms get `disabled` + `.is-empty` so the operator
+ * sees the platform exists but cannot drill into nothing.
+ */
+export function renderShortformPlatformTile(
+  platform: Platform,
+  count: number,
+): RawHtml {
+  const chrome = PLATFORM_CHROME[platform];
+  const isEmpty = count === 0;
+  const classes = isEmpty
+    ? 'er-stage-tile er-stage-tile--shortform is-empty'
+    : 'er-stage-tile er-stage-tile--shortform';
+  const disabledAttr = isEmpty ? ' disabled' : '';
+  const sectionId = `shortform-${platform}`;
+  return unsafe(html`
+    <button class="${classes}" type="button"
+      data-stage-tile="${sectionId}"
+      data-stage-section-group="shortform"
+      aria-expanded="false"
+      aria-controls="${sectionId}"${unsafe(disabledAttr)}>
+      <span class="er-platform-badge er-platform-badge--${chrome.variant}" aria-hidden="true">${chrome.badge}</span>
+      <span class="er-stage-tile-name">${chrome.name}</span>
+      <span class="er-stage-tile-count"><span class="num">${count}</span></span>
+      <span class="er-stage-tile-chev" aria-hidden="true">›</span>
+    </button>`);
+}
+
+function fmtRelTime(iso: string, now: Date): string {
+  const t = new Date(iso).getTime();
+  const s = Math.max(0, Math.floor((now.getTime() - t) / 1000));
+  if (s < 60) return `${s}s ago`;
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m}m ago`;
+  const h = Math.floor(m / 60);
+  if (h < 48) return `${h}h ago`;
+  return `${Math.floor(h / 24)}d ago`;
+}
+
+/**
+ * Render a single shortform workflow row. Mirrors the v0.20 row-affordance
+ * shape: shell + foreground (slug + title + channel) + meta column (ts +
+ * version) + trailing `⋮`. The `⋮` is a navigation placeholder anchor —
+ * Step 2.2.10 wires the stage-aware row popover.
+ */
+export function renderShortformRow(
+  workflow: DraftWorkflowItem,
+  now: Date,
+): RawHtml {
+  // workflow.id is typed as `string` on DraftWorkflowItem; UUIDs are the
+  // current shape but the type system doesn't enforce that. Encode the
+  // path segment so a future non-UUID id (e.g. one containing `?`, `#`,
+  // space) doesn't silently produce a broken link.
+  const reviewLink = `/dev/editorial-review/${encodeURIComponent(workflow.id)}`;
+  const search = [workflow.slug, workflow.channel ?? '', workflow.platform ?? '']
+    .join(' ')
+    .toLowerCase();
+  const channelMarkup: RawHtml = workflow.channel
+    ? unsafe(html`<span class="er-row-shell-channel">${workflow.channel}</span>`)
+    : unsafe('');
+  // The workflow `slug` is the post slug; we surface it as the row's
+  // primary handle (consistent with longform rows). The workflow `id` is
+  // the navigation key (uuid in the review-pipeline store).
+  return unsafe(html`
+    <div class="er-row-shell er-row-shell--shortform"
+      data-row-shell data-search="${search}"
+      data-workflow-id="${workflow.id}"
+      data-platform="${workflow.platform ?? ''}"
+      data-site="${workflow.site}"
+      data-slug="${workflow.slug}">
+      <div class="er-row-fg er-shortform-row-fg">
+        <div class="er-shortform-row-body">
+          <span class="er-row-shell-slug"><a href="${reviewLink}"
+            title="open the review surface">${workflow.slug}</a></span>
+          ${channelMarkup}
+        </div>
+        <div class="er-shortform-row-meta">
+          <span class="er-shortform-row-ts">${fmtRelTime(workflow.updatedAt, now)}</span>
+          <span class="er-shortform-row-version">v${workflow.currentVersion}</span>
+        </div>
+        <a class="er-row-shell-link" href="${reviewLink}"
+          aria-label="Open shortform review for ${workflow.slug}"
+          title="open the review surface">⋮</a>
+      </div>
+    </div>`);
+}
+
+/**
+ * Render the platform's row group — the `<div class="er-row-group">`
+ * container holding all rows for that platform. The container carries
+ * the `data-stage-section` attr the stage-tiles.ts controller targets
+ * to apply `data-collapsed`.
+ */
+function renderPlatformRowGroup(
+  platform: Platform,
+  workflows: readonly DraftWorkflowItem[],
+  now: Date,
+): RawHtml {
+  const sectionId = `shortform-${platform}`;
+  if (workflows.length === 0) {
+    // Empty platform — still emit the row-group container so the
+    // controller's `[data-stage-section="<id>"]` selector resolves. The
+    // tile is `disabled` so it cannot expand anyway; the empty container
+    // is structurally inert.
+    return unsafe(html`
+      <div class="er-row-group" id="${sectionId}" data-stage-section="${sectionId}"></div>`);
+  }
+  const rows = workflows.map((w) => renderShortformRow(w, now).__raw).join('');
+  return unsafe(html`
+    <div class="er-row-group" id="${sectionId}" data-stage-section="${sectionId}">
+      ${unsafe(rows)}
+    </div>`);
+}
+
+/**
+ * Section data shape — the renderer reads counts + workflows per platform
+ * from the dashboard's loadDashboardData() output. Caller passes the
+ * ordered Map directly (insertion order = display order).
+ */
+export interface ShortformSectionData {
+  readonly shortformByPlatform: ReadonlyMap<Platform, readonly DraftWorkflowItem[]>;
+  readonly totalCount: number;
+}
+
+/**
+ * Compose the full shortform section: head + 4 platform tiles + per-
+ * platform row groups, in `DASHBOARD_PLATFORM_ORDER` order. All 4
+ * platforms render even when zero — empty tiles communicate platform
+ * existence (per § Empty-state rendering, "the absence of items is
+ * information about the pipeline shape").
+ *
+ * API shape note: this helper iterates platforms internally (single
+ * call → whole section), whereas the longform `renderStageSection` is
+ * called per-stage by `dashboard.ts` (caller iterates). The asymmetry
+ * is intentional: longform stages share a uniform shape across all
+ * eight stages, so the caller-iterates pattern keeps the loop visible
+ * in `dashboard.ts`. Shortform's four platforms share a section head
+ * and ordered iteration constraint that lives more cleanly inside the
+ * composer. If a future surface needs both shapes via a common
+ * abstraction, the unification belongs there, not here.
+ */
+export function renderShortformSection(
+  data: ShortformSectionData,
+  now: Date,
+): RawHtml {
+  const sectionHead = renderShortformSectionHead(data.totalCount);
+  const tilesAndGroups = DASHBOARD_PLATFORM_ORDER.map((platform) => {
+    const workflows = data.shortformByPlatform.get(platform) ?? [];
+    const tile = renderShortformPlatformTile(platform, workflows.length);
+    const group = renderPlatformRowGroup(platform, workflows, now);
+    return `${tile.__raw}${group.__raw}`;
+  }).join('');
+  return unsafe(html`${sectionHead}${unsafe(tilesAndGroups)}`);
+}

package/dist/pages/dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/pages/dashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC;AAElE;;;GAGG;AACH,wBAAsB,eAAe,CACnC,GAAG,EAAE,aAAa,EAClB,QAAQ,CAAC,EAAE,oBAAoB,GAC9B,OAAO,CAAC,MAAM,CAAC,CA2CjB"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/pages/dashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AActD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC;AAElE;;;GAGG;AACH,wBAAsB,eAAe,CACnC,GAAG,EAAE,aAAa,EAClB,QAAQ,CAAC,EAAE,oBAAoB,GAC9B,OAAO,CAAC,MAAM,CAAC,CA8EjB"}

package/dist/pages/dashboard.js

@@ -33,9 +33,13 @@
 import { html, unsafe } from "./html.js";
 import { layout } from "./layout.js";
 import { renderEditorialFolio } from "./chrome.js";
+import { renderMasthead } from "./masthead.js";
+import { renderMastheadMenu } from "./masthead-menu.js";
 import { loadDashboardData, DASHBOARD_STAGE_ORDER } from "./dashboard/data.js";
 import { renderStageSection, renderDistributionPlaceholder, } from "./dashboard/section.js";
 import { renderHeader, renderFilterStrip } from "./dashboard/header.js";
+import { renderShortformSection } from "./dashboard/shortform-section.js";
+import { renderAdjacentSection } from "./dashboard/adjacent-section.js";
 /**
  * Render the studio dashboard. Async because sidecar reads hit disk;
  * the route handler in server.ts awaits the result before sending it.
@@ -43,25 +47,52 @@ import { renderHeader, renderFilterStrip } from "./dashboard/header.js";
 export async function renderDashboard(ctx, getIndex) {
     // Touch the parameter so the unused-param check stays satisfied.
     void getIndex;
-    const data = await loadDashboardData(ctx.projectRoot);
+    const data = await loadDashboardData(ctx.projectRoot, ctx.config);
     const now = ctx.now ? ctx.now() : new Date();
     const defaultSite = ctx.config.defaultSite;
     const stageSections = DASHBOARD_STAGE_ORDER.map((stage) => {
         const bucket = data.byStage.get(stage) ?? [];
         return renderStageSection(stage, bucket, defaultSite).__raw;
     }).join('\n');
+    // v7 architecture (Step 2.2.9 — studio-mobile-first): the Desk absorbs
+    // the Shortform-by-platform view as its second section, plus reserved
+    // Adjacent-tools placeholders for Phase 3+ Folio + Files surfaces. Per
+    // the v7 mockup at desk-states-v7.html:563, the masthead meta reads
+    // "${longformCount} longform · ${shortformCount} shortform" when any
+    // shortform workflows exist; otherwise it falls back to longform-only
+    // to avoid a misleading "0 shortform" claim.
+    const longformCount = data.entries.length;
+    const shortformCount = data.shortformWorkflows.length;
+    const mastheadMeta = shortformCount > 0
+        ? `${longformCount} longform · ${shortformCount} shortform`
+        : `${longformCount} longform`;
+    const masthead = renderMasthead({
+        kicker: "The compositor's desk",
+        title: 'Pipeline + Press.',
+        metaInline: mastheadMeta,
+        isHub: true,
+    });
     // The press queue (right-rail on desktop) was removed in v0.19
     // per DESKWORK-STATE-MACHINE.md Commandment III — its primary
     // purpose was surfacing review-state, which is RETIRED. The
     // archive entry at docs/studio-design/ACCEPTED/2026-05-09-press-queue-removed/
     // captures the rationale.
+    const shortformSection = renderShortformSection({
+        shortformByPlatform: data.shortformByPlatform,
+        totalCount: shortformCount,
+    }, now);
+    const adjacentSection = renderAdjacentSection();
     const body = html `
+  ${masthead}
+  ${renderMastheadMenu()}
   ${renderEditorialFolio('dashboard', 'press-check')}
   ${renderHeader(data, ctx.projectRoot, now)}
   <main class="er-container">
     ${renderFilterStrip()}
     ${unsafe(stageSections)}
     ${renderDistributionPlaceholder()}
+    ${shortformSection}
+    ${adjacentSection}
   </main>
   ${renderComposeChrome()}
   <div class="er-toast" data-toast hidden></div>
@@ -73,7 +104,9 @@ export async function renderDashboard(ctx, getIndex) {
             '/static/css/editorial-nav.css',
             '/static/css/editorial-studio.css',
             '/static/css/dashboard-mobile.css',
+            '/static/css/dashboard-desk-sections.css',
             '/static/css/dashboard-row-affordances.css',
+            '/static/css/mobile-shell.css',
         ],
         bodyAttrs: 'data-review-ui="studio"',
         bodyHtml: body,

package/dist/pages/dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../src/pages/dashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,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;AACnD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAWxE;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,GAAkB,EAClB,QAA+B;IAE/B,iEAAiE;IACjE,KAAK,QAAQ,CAAC;IAEd,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC;IAC3C,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACxD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,OAAO,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC;IAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,+DAA+D;IAC/D,8DAA8D;IAC9D,4DAA4D;IAC5D,+EAA+E;IAC/E,0BAA0B;IAC1B,MAAM,IAAI,GAAG,IAAI,CAAA;IACf,oBAAoB,CAAC,WAAW,EAAE,aAAa,CAAC;IAChD,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC;;MAEtC,iBAAiB,EAAE;MACnB,MAAM,CAAC,aAAa,CAAC;MACrB,6BAA6B,EAAE;;IAEjC,mBAAmB,EAAE;;oEAE2C,CAAC;IAEnE,OAAO,MAAM,CAAC;QACZ,KAAK,EAAE,mBAAmB;QAC1B,QAAQ,EAAE;YACR,kCAAkC;YAClC,+BAA+B;YAC/B,kCAAkC;YAClC,kCAAkC;YAClC,2CAA2C;SAC5C;QACD,SAAS,EAAE,yBAAyB;QACpC,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,CAAC,yBAAyB,CAAC;KAC3C,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,SAAS,mBAAmB;IAC1B,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAsDP,CAAC,CAAC;AACf,CAAC"}
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../src/pages/dashboard.ts"],"names":[],"mappings":"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"}

package/dist/pages/dashboard.ts

@@ -35,12 +35,16 @@ import type { StudioContext } from '../routes/api.ts';
 import { html, unsafe, type RawHtml } from './html.ts';
 import { layout } from './layout.ts';
 import { renderEditorialFolio } from './chrome.ts';
+import { renderMasthead } from './masthead.ts';
+import { renderMastheadMenu } from './masthead-menu.ts';
 import { loadDashboardData, DASHBOARD_STAGE_ORDER } from './dashboard/data.ts';
 import {
   renderStageSection,
   renderDistributionPlaceholder,
 } from './dashboard/section.ts';
 import { renderHeader, renderFilterStrip } from './dashboard/header.ts';
+import { renderShortformSection } from './dashboard/shortform-section.ts';
+import { renderAdjacentSection } from './dashboard/adjacent-section.ts';
 import type { ContentIndex } from '@deskwork/core/content-index';
 
 /**
@@ -62,7 +66,7 @@ export async function renderDashboard(
   // Touch the parameter so the unused-param check stays satisfied.
   void getIndex;
 
-  const data = await loadDashboardData(ctx.projectRoot);
+  const data = await loadDashboardData(ctx.projectRoot, ctx.config);
   const now = ctx.now ? ctx.now() : new Date();
 
   const defaultSite = ctx.config.defaultSite;
@@ -71,18 +75,51 @@ export async function renderDashboard(
     return renderStageSection(stage, bucket, defaultSite).__raw;
   }).join('\n');
 
+  // v7 architecture (Step 2.2.9 — studio-mobile-first): the Desk absorbs
+  // the Shortform-by-platform view as its second section, plus reserved
+  // Adjacent-tools placeholders for Phase 3+ Folio + Files surfaces. Per
+  // the v7 mockup at desk-states-v7.html:563, the masthead meta reads
+  // "${longformCount} longform · ${shortformCount} shortform" when any
+  // shortform workflows exist; otherwise it falls back to longform-only
+  // to avoid a misleading "0 shortform" claim.
+  const longformCount = data.entries.length;
+  const shortformCount = data.shortformWorkflows.length;
+  const mastheadMeta =
+    shortformCount > 0
+      ? `${longformCount} longform · ${shortformCount} shortform`
+      : `${longformCount} longform`;
+  const masthead = renderMasthead({
+    kicker: "The compositor's desk",
+    title: 'Pipeline + Press.',
+    metaInline: mastheadMeta,
+    isHub: true,
+  });
+
   // The press queue (right-rail on desktop) was removed in v0.19
   // per DESKWORK-STATE-MACHINE.md Commandment III — its primary
   // purpose was surfacing review-state, which is RETIRED. The
   // archive entry at docs/studio-design/ACCEPTED/2026-05-09-press-queue-removed/
   // captures the rationale.
+  const shortformSection = renderShortformSection(
+    {
+      shortformByPlatform: data.shortformByPlatform,
+      totalCount: shortformCount,
+    },
+    now,
+  );
+  const adjacentSection = renderAdjacentSection();
+
   const body = html`
+  ${masthead}
+  ${renderMastheadMenu()}
   ${renderEditorialFolio('dashboard', 'press-check')}
   ${renderHeader(data, ctx.projectRoot, now)}
   <main class="er-container">
     ${renderFilterStrip()}
     ${unsafe(stageSections)}
     ${renderDistributionPlaceholder()}
+    ${shortformSection}
+    ${adjacentSection}
   </main>
   ${renderComposeChrome()}
   <div class="er-toast" data-toast hidden></div>
@@ -95,7 +132,9 @@ export async function renderDashboard(
       '/static/css/editorial-nav.css',
       '/static/css/editorial-studio.css',
       '/static/css/dashboard-mobile.css',
+      '/static/css/dashboard-desk-sections.css',
       '/static/css/dashboard-row-affordances.css',
+      '/static/css/mobile-shell.css',
     ],
     bodyAttrs: 'data-review-ui="studio"',
     bodyHtml: body,

package/dist/pages/entry-review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/entry-review/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AASH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAgBzD,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B;oDACgD;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;mDAG+C;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AA2GD;;;;GAIG;AACH,wBAAsB,qBAAqB,CACzC,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,gBAAqB,EAC5B,QAAQ,CAAC,EAAE,sBAAsB,GAChC,OAAO,CAAC,iBAAiB,CAAC,CA8H5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/entry-review/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AASH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAwBzD,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B;oDACgD;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;mDAG+C;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AA2GD;;;;GAIG;AACH,wBAAsB,qBAAqB,CACzC,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,gBAAqB,EAC5B,QAAQ,CAAC,EAAE,sBAAsB,GAChC,OAAO,CAAC,iBAAiB,CAAC,CAkJ5B"}

package/dist/pages/entry-review/index.js

@@ -35,6 +35,8 @@ import { getAffordances } from "../../lib/stage-affordances.js";
 import { html, unsafe, escapeHtml, gloss } from "../html.js";
 import { layout } from "../layout.js";
 import { renderEditorialFolio } from "../chrome.js";
+import { renderMasthead } from "../masthead.js";
+import { renderMastheadMenu } from "../masthead-menu.js";
 import { renderScrapbookDrawer } from "../review-scrapbook-drawer.js";
 import { loadEntryReviewData } from "./data.js";
 import { renderVersionsStrip } from "./version-strip.js";
@@ -42,7 +44,8 @@ import { renderEditToolbar } from "./edit-toolbar.js";
 import { renderEditPanes } from "./edit-panes.js";
 import { renderOutlineDrawer } from "./outline-drawer.js";
 import { renderMarginalia, renderMarginaliaTab } from "./marginalia.js";
-import { renderMobileBar, renderMobileSheet, renderStripModeSegment, renderStripEditExit } from "./mobile-bar.js";
+import { renderMobileBar } from "../mobile-bar.js";
+import { renderMobileSheet, renderStripModeSegment, renderStripEditExit, getEntryReviewBarCells, } from "./mobile-sheet.js";
 import { renderDecisionStrip } from "./decision-strip.js";
 import { renderShortcutsOverlay } from "./shortcuts.js";
 import { renderEntryNotFound } from "./not-found.js";
@@ -150,6 +153,22 @@ export async function renderEntryReviewPage(ctx, entryId, query = {}, getIndex)
     const historicalBadge = data.historical
         ? unsafe(html `<span class="er-strip-historical" title="Historical version (read-only)">historical · v${data.historical.versionNumber}</span>`)
         : unsafe('');
+    // v7 universal masthead (mobile-only at this commit). The kicker
+    // reads `entry · <stage> · № <version>`; the slug occupies the
+    // bottom row; the inline meta carries the historical badge when a
+    // historical view is active. Step 2.2.8 retires the er-strip-back
+    // redundant with the masthead's `←`.
+    const versionLabel = state.currentVersion !== null
+        ? `№ ${state.currentVersion}`
+        : '№ —';
+    const mastheadKicker = `entry · ${stageLabel.toLowerCase()} · ${versionLabel}`;
+    const mastheadMeta = data.historical
+        ? `historical · v${data.historical.versionNumber}`
+        : undefined;
+    const mastheadOpts = mastheadMeta === undefined
+        ? { kicker: mastheadKicker, slug: data.entry.slug, isHub: false }
+        : { kicker: mastheadKicker, slug: data.entry.slug, metaInline: mastheadMeta, isHub: false };
+    const masthead = renderMasthead(mastheadOpts);
     // The page-grid composes the article column + the marginalia rail.
     // Mirrors the legacy longform layout (`.er-page-grid` with the
     // `.er-draft-frame` + `.er-page-gutter` + `.er-marginalia` triplet).
@@ -177,6 +196,8 @@ export async function renderEntryReviewPage(ctx, entryId, query = {}, getIndex)
     });
     const body = html `
     <div data-review-ui="longform" class="er-review-shell">
+      ${masthead}
+      ${renderMastheadMenu()}
       ${renderEditorialFolio('longform', folioSpine)}
       <div class="er-strip">
         <div class="er-strip-inner">
@@ -204,7 +225,7 @@ export async function renderEntryReviewPage(ctx, entryId, query = {}, getIndex)
       <button class="er-pencil-btn" data-add-comment-btn hidden type="button">Mark</button>
       ${renderOutlineDrawer(outlineHtml, tocEntries)}
       ${scrapbookDrawer}
-      ${renderMobileBar()}
+      ${renderMobileBar({ contextual: getEntryReviewBarCells() })}
       ${renderMobileSheet()}
       <div class="er-toast" data-toast hidden></div>
       ${renderShortcutsOverlay()}
@@ -221,6 +242,7 @@ export async function renderEntryReviewPage(ctx, entryId, query = {}, getIndex)
                 '/static/css/blog-figure.css',
                 '/static/css/review-viewport.css',
                 '/static/css/scrap-row.css',
+                '/static/css/mobile-shell.css',
             ],
             bodyAttrs: 'data-review-ui="entry-review"',
             bodyHtml: body,

package/dist/pages/entry-review/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pages/entry-review/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAiB,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAgB,MAAM,YAAY,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAwB,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA2BrD,SAAS,WAAW,CAAC,CAAU;IAC7B,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED;;;;;GAKG;AACH,KAAK,UAAU,aAAa,CAC1B,QAAgB,EAChB,SAA4C;IAE5C,MAAM,MAAM,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;IAE9B,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAEnE,+DAA+D;IAC/D,MAAM,WAAW,GAAG,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,WAAW;QACzB,CAAC,CAAC,8BAA8B,UAAU,CAAC,WAAW,CAAC,MAAM;QAC7D,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,YAAY,GAChB,OAAO,IAAI,OAAO,IAAI,CAAC;QACrB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;QACxE,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC;IAEzB,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO;QAC/B,CAAC,CAAC,MAAM,oBAAoB,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC;QACtD,CAAC,CAAC,EAAE,CAAC;IAEP,qEAAqE;IACrE,mEAAmE;IACnE,4DAA4D;IAC5D,MAAM,UAAU,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE5C,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AACjE,CAAC;AAoBD,SAAS,UAAU,CAAC,IAAqB;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;IACtC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;IAClE,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;QACxB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;QACrB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,YAAY,EAAE,KAAK;QACnB,cAAc;QACd,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,UAAU,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;KACrC,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,SAAS,yBAAyB,CAChC,GAAkB,EAClB,IAAY,EACZ,OAAe;IAEf,IAAI,CAAC;QACH,MAAM,YAAY,GAAG,mBAAmB,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC5E,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3C,MAAM,GAAG,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAC1C,OAAO,KAAK,IAAI,IAAI,CAAC;IACvB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,qBAAqB,CACzC,GAAkB,EAClB,OAAe,EACf,QAA0B,EAAE,EAC5B,QAAiC;IAEjC,IAAI,IAAqB,CAAC;IAC1B,IAAI,CAAC;QACH,IAAI,GAAG,MAAM,mBAAmB,CAAC,GAAG,EAAE,OAAO,EAAE;YAC7C,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI;YAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI;SAC3B,CAAC,CAAC;IACL,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,MAAM,MAAM,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAChE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;IACrE,CAAC;IAED,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE;QACnF,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;QACxB,IAAI,EAAE,IAAI,CAAC,IAAI;KAChB,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAExE,kEAAkE;IAClE,qEAAqE;IACrE,uDAAuD;IACvD,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI;QAC7C,CAAC,CAAC,IAAI,CAAC,aAAa;QACpB,CAAC,CAAC,yBAAyB,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/D,+DAA+D;IAC/D,8DAA8D;IAC9D,8DAA8D;IAC9D,MAAM,UAAU,GAAG,cAAc,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;IAC3C,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU;QACrC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAA,0FAA0F,IAAI,CAAC,UAAU,CAAC,aAAa,SAAS,CAAC;QAC9I,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAEf,mEAAmE;IACnE,+DAA+D;IAC/D,qEAAqE;IACrE,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;8EAIuD,MAAM,CAAC,QAAQ,CAAC;UACpF,eAAe,EAAE;;;QAGnB,gBAAgB,EAAE;WACf,CAAC;IAEV,MAAM,eAAe,GAAY,qBAAqB,CACpD,GAAG,EACH,IAAI,CAAC,IAAI,EACT,WAAW,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,WAAW,CACZ,CAAC;IAEF,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,iBAAiB,EAAE,IAAI,CAAC,UAAU,EAAE,aAAa,IAAI,IAAI;QACzD,eAAe,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI;KAChD,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,mBAAmB,CAAC;QACxC,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,WAAW;QACX,UAAU,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;KACrC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,IAAI,CAAA;;QAEX,oBAAoB,CAAC,UAAU,EAAE,UAAU,CAAC;;;;0CAIV,KAAK,CAAC,QAAQ,CAAC,UAAU,KAAK,CAAC,cAAc,IAAI,GAAG;wCACtD,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI;YAC1D,YAAY;;0DAEkC,UAAU,CAAC,WAAW,EAAE,kCAAkC,UAAU;gBAC9G,UAAU;;cAEZ,eAAe;;;YAGjB,aAAa;YACb,sBAAsB,EAAE;YACxB,mBAAmB,EAAE;;;QAGzB,iBAAiB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,UAAU,CAAC;kDACX,IAAI,CAAC,KAAK,CAAC,IAAI;UACvD,MAAM,CAAC,QAAQ,CAAC;;QAElB,mBAAmB,EAAE;;QAErB,mBAAmB,CAAC,WAAW,EAAE,UAAU,CAAC;QAC5C,eAAe;QACf,eAAe,EAAE;QACjB,iBAAiB,EAAE;;QAEnB,sBAAsB,EAAE;;WAErB,CAAC;IAEV,OAAO;QACL,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,MAAM,CAAC;YACX,KAAK,EAAE,GAAG,UAAU,WAAW;YAC/B,QAAQ,EAAE;gBACR,kCAAkC;gBAClC,+BAA+B;gBAC/B,8BAA8B;gBAC9B,6BAA6B;gBAC7B,iCAAiC;gBACjC,2BAA2B;aAC5B;YACD,SAAS,EAAE,+BAA+B;YAC1C,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YACzD,aAAa,EAAE,CAAC,qBAAqB,CAAC;SACvC,CAAC;KACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pages/entry-review/index.ts"],"names":[],"mappings":"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"}

package/dist/pages/entry-review/mobile-sheet.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Entry-review-specific mobile sheet host + strip affordances.
+ *
+ * Renders the bottom-sheet container with the five named slots
+ * (outline / notes / actions / scrapbook / format) the entry-review
+ * surface composes against, plus the two phone-only strip affordances
+ * (Source/Preview pill, ✕ Done exit) that live in the top strip when
+ * editing on phone.
+ *
+ * The mobile-BAR helper itself is universal — it moved to
+ * `../mobile-bar.ts` and accepts a list of `Cell`s the caller supplies
+ * to describe each tab. The entry-review consumer composes the
+ * pre-refactor 6-cell configuration via `getEntryReviewBarCells()`
+ * below.
+ *
+ * Design references:
+ *   - Review tabs: plugins/deskwork-studio/public/mockups/mobile-1-bottom-sheet.html
+ *   - Editor tabs: plugins/deskwork-studio/public/mockups/editor-2-press-check-tabbar.html
+ *
+ * The sheet has five content slots. The client controller
+ * (`entry-review/mobile-sheet-bar.ts`) populates each at first open.
+ * Slot sources:
+ *   - outline: clone of `.er-outline-drawer-body`
+ *   - notes:   actual `[data-sidebar-list]` element MOVED in on phone
+ *              (preserves event listeners; see mobile-sheet-bar.ts)
+ *   - actions: rendered fresh from the decision verbs
+ *   - format:  the press-check key grid rendered server-side below
+ */
+import { type RawHtml } from '../html.ts';
+import type { Cell } from '../mobile-bar.ts';
+/**
+ * The entry-review bar's contextual cell list. Six cells; CSS hides
+ * the off-mode cells via the `er-mobile-tab--review` /
+ * `er-mobile-tab--edit` modifiers (gated on
+ * `body[data-edit-mode="editing"]`).
+ *
+ *   - Review mode visible: Outline · Notes · Scrapbook · Actions
+ *   - Edit mode visible:   Format · Notes · Save
+ *
+ * The Notes tab is mode `'both'` — review notes the operator leaves
+ * carry across into edit. The Scrapbook tab uses the kraft-tone count
+ * badge to distinguish folio context from action peers.
+ */
+export declare function getEntryReviewBarCells(): readonly Cell[];
+export declare function renderMobileSheet(): RawHtml;
+/**
+ * Phone-only Source/Preview pill rendered into the top strip when in
+ * edit mode. Uses the same `data-edit-view` attribute as the desktop
+ * edit toolbar so `editModeBtns` (queried via that attribute in
+ * entry-review-client.ts) auto-binds clicks. CSS reveals it only on
+ * phone + edit mode; the desktop edit toolbar is hidden in that
+ * combination.
+ */
+export declare function renderStripModeSegment(): RawHtml;
+/**
+ * Phone-only "✕ Done" exit affordance in the strip. Visible only when
+ * editing on phone (CSS-gated). Click dispatches into the existing
+ * toggle-edit handler — preserves the confirmDiscard prompt when the
+ * buffer is dirty, immediate exit when clean. Sits alongside the
+ * existing back-link (which continues to navigate home regardless of
+ * mode) so the operator always has both "leave editor" and "leave
+ * page" affordances available.
+ */
+export declare function renderStripEditExit(): RawHtml;
+//# sourceMappingURL=mobile-sheet.d.ts.map

package/dist/pages/entry-review/mobile-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-sheet.d.ts","sourceRoot":"","sources":["../../../src/pages/entry-review/mobile-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,IAAI,EAAE,CA2CxD;AA2BD,wBAAgB,iBAAiB,IAAI,OAAO,CA2B3C;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,IAAI,OAAO,CAMhD;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAM7C"}