@deskwork/studio 0.20.0 → 0.22.0

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":"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"}
+{"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"}

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

@@ -0,0 +1,170 @@
+/**
+ * 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 { html, unsafe } from "../html.js";
+/**
+ * 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 function getEntryReviewBarCells() {
+    return [
+        {
+            glyph: '§',
+            label: 'Outline',
+            mode: 'review',
+            action: { kind: 'sheet', name: 'outline' },
+        },
+        {
+            glyph: '¶',
+            label: 'Format',
+            mode: 'edit',
+            action: { kind: 'sheet', name: 'format' },
+        },
+        {
+            glyph: '✎',
+            label: 'Notes',
+            mode: 'both',
+            action: { kind: 'sheet', name: 'notes' },
+            count: { dataAttr: 'data-notes-count' },
+        },
+        {
+            glyph: '▦',
+            label: 'Scrapbook',
+            mode: 'review',
+            action: { kind: 'sheet', name: 'scrapbook' },
+            count: { dataAttr: 'data-scrapbook-count', tone: 'kraft' },
+            modifierClass: 'er-mobile-tab--scrapbook',
+        },
+        {
+            glyph: '⊕',
+            label: 'Actions',
+            mode: 'review',
+            action: { kind: 'sheet', name: 'actions' },
+        },
+        {
+            glyph: '⊕',
+            label: 'Save',
+            mode: 'edit',
+            action: { kind: 'direct', action: 'save' },
+            modifierClass: 'er-mobile-tab--save',
+        },
+    ];
+}
+function renderFormatGrid() {
+    return html `
+    <div class="er-fkey-section">Headings</div>
+    <div class="er-fkey-grid">
+      <button type="button" class="er-fkey er-fkey--h1" data-fkey="h1"><span class="er-fkey-face">H1</span><span class="er-fkey-label">Title</span></button>
+      <button type="button" class="er-fkey er-fkey--h2" data-fkey="h2"><span class="er-fkey-face">H2</span><span class="er-fkey-label">Section</span></button>
+      <button type="button" class="er-fkey er-fkey--h3" data-fkey="h3"><span class="er-fkey-face">H3</span><span class="er-fkey-label">Sub</span></button>
+      <button type="button" class="er-fkey er-fkey--hr" data-fkey="hr"><span class="er-fkey-face">— · — · —</span><span class="er-fkey-label">Rule</span></button>
+    </div>
+    <div class="er-fkey-section">Inline</div>
+    <div class="er-fkey-grid">
+      <button type="button" class="er-fkey er-fkey--bold" data-fkey="bold"><span class="er-fkey-face"><strong>B</strong></span><span class="er-fkey-label">Bold</span></button>
+      <button type="button" class="er-fkey er-fkey--em" data-fkey="em"><span class="er-fkey-face"><em>I</em></span><span class="er-fkey-label">Italic</span></button>
+      <button type="button" class="er-fkey er-fkey--code" data-fkey="code"><span class="er-fkey-face">\` \`</span><span class="er-fkey-label">Code</span></button>
+      <button type="button" class="er-fkey er-fkey--link" data-fkey="link"><span class="er-fkey-face">link</span><span class="er-fkey-label">Link</span></button>
+    </div>
+    <div class="er-fkey-section">Block</div>
+    <div class="er-fkey-grid">
+      <button type="button" class="er-fkey er-fkey--list" data-fkey="list"><span class="er-fkey-face">— ·<br>— ·</span><span class="er-fkey-label">List</span></button>
+      <button type="button" class="er-fkey er-fkey--ol" data-fkey="ol"><span class="er-fkey-face">1·<br>2·</span><span class="er-fkey-label">Numbered</span></button>
+      <button type="button" class="er-fkey er-fkey--quote" data-fkey="quote"><span class="er-fkey-face">"</span><span class="er-fkey-label">Quote</span></button>
+      <button type="button" class="er-fkey er-fkey--fence" data-fkey="fence"><span class="er-fkey-face">\`\`\`</span><span class="er-fkey-label">Code block</span></button>
+    </div>`;
+}
+export function renderMobileSheet() {
+    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="outline" hidden></div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="notes" hidden></div>
+        <div class="er-mobile-sheet-slot" data-mobile-sheet-slot="actions" hidden></div>
+        <div class="er-mobile-sheet-slot er-mobile-sheet-slot--scrapbook" data-mobile-sheet-slot="scrapbook" hidden></div>
+        <div class="er-mobile-sheet-slot er-mobile-sheet-slot--format" data-mobile-sheet-slot="format" hidden>${unsafe(renderFormatGrid())}</div>
+      </div>
+    </section>`);
+}
+/**
+ * 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 function renderStripModeSegment() {
+    return unsafe(html `
+    <span class="er-strip-mode-mobile" data-strip-mode-mobile aria-hidden="true">
+      <button type="button" class="er-strip-mode-btn" data-edit-view="source" aria-pressed="true">Source</button>
+      <button type="button" class="er-strip-mode-btn" data-edit-view="preview" aria-pressed="false">Preview</button>
+    </span>`);
+}
+/**
+ * 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 function renderStripEditExit() {
+    return unsafe(html `
+    <button type="button" class="er-strip-edit-done" data-strip-edit-done aria-label="Exit editor">
+      <span class="er-strip-edit-done-glyph" aria-hidden="true">✕</span>
+      <span class="er-strip-edit-done-label">Done</span>
+    </button>`);
+}
+//# sourceMappingURL=mobile-sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-sheet.js","sourceRoot":"","sources":["../../../src/pages/entry-review/mobile-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAGxD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO;QACL;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE;SAC3C;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC1C;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;YACxC,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE;SACxC;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,sBAAsB,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1D,aAAa,EAAE,0BAA0B;SAC1C;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE;SAC3C;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;YAC1C,aAAa,EAAE,qBAAqB;SACrC;KACF,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB;IACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;WAqBF,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;gHAuB4F,MAAM,CAAC,gBAAgB,EAAE,CAAC;;eAE3H,CAAC,CAAC;AACjB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO,MAAM,CAAC,IAAI,CAAA;;;;YAIR,CAAC,CAAC;AACd,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,MAAM,CAAC,IAAI,CAAA;;;;cAIN,CAAC,CAAC;AAChB,CAAC"}

package/dist/pages/masthead-menu.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Server-side renderer for the masthead `⋮` popover menu (Step 2.2.7).
+ *
+ * Per `DESIGN-STANDARDS.md § Menu reveal pattern · popover, not slide-up
+ * sheet`, the masthead's `⋮` opens a dropdown popover anchored UNDER the
+ * glyph, with an up-pointing arrow registered to the glyph's
+ * x-position. The popover does NOT use Phase 2.1's `createSlideUpSheet`
+ * — that primitive is reserved for bottom-anchored affordances.
+ *
+ * The HTML scaffold emitted here lives hidden in the DOM until the
+ * companion client controller (`mobile-shell/masthead-popover.ts`)
+ * toggles it open. The scaffold has three sections, in order:
+ *
+ *   1. Operator help    · Manual + Keyboard shortcuts
+ *   2. Configure        · Configure studio (Phase 4 placeholder)
+ *   3. Connect          · File an issue + About deskwork
+ *
+ * Companion CSS lives in `mobile-shell.css` under the
+ * `.er-masthead-popover-*` class vocabulary. The popover is mobile-only
+ * (≤600px) — desktop keeps existing per-surface chrome.
+ *
+ * Mirrors the v7 mockup's `.v7-popover` block faithfully (renamed
+ * `v7-` → `er-masthead-popover-` to match the project's BEM-ish
+ * namespace).
+ */
+import { type RawHtml } from './html.ts';
+/**
+ * Render the popover scaffold + scrim. Returns RawHtml so callers can
+ * embed it directly in their page template literals. The element is
+ * hidden by default; the client controller sets `hidden=false` to open.
+ *
+ * The scrim is a sibling element placed BEFORE the popover so it sits
+ * underneath in stacking order. Both elements share the
+ * `data-er-masthead-popover` / `data-er-masthead-popover-scrim` hooks
+ * the client controller uses to wire dismiss handlers.
+ */
+export declare function renderMastheadMenu(): RawHtml;
+//# sourceMappingURL=masthead-menu.d.ts.map

package/dist/pages/masthead-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masthead-menu.d.ts","sourceRoot":"","sources":["../../src/pages/masthead-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AAKvD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAsF5C"}

package/dist/pages/masthead-menu.js

@@ -0,0 +1,126 @@
+/**
+ * Server-side renderer for the masthead `⋮` popover menu (Step 2.2.7).
+ *
+ * Per `DESIGN-STANDARDS.md § Menu reveal pattern · popover, not slide-up
+ * sheet`, the masthead's `⋮` opens a dropdown popover anchored UNDER the
+ * glyph, with an up-pointing arrow registered to the glyph's
+ * x-position. The popover does NOT use Phase 2.1's `createSlideUpSheet`
+ * — that primitive is reserved for bottom-anchored affordances.
+ *
+ * The HTML scaffold emitted here lives hidden in the DOM until the
+ * companion client controller (`mobile-shell/masthead-popover.ts`)
+ * toggles it open. The scaffold has three sections, in order:
+ *
+ *   1. Operator help    · Manual + Keyboard shortcuts
+ *   2. Configure        · Configure studio (Phase 4 placeholder)
+ *   3. Connect          · File an issue + About deskwork
+ *
+ * Companion CSS lives in `mobile-shell.css` under the
+ * `.er-masthead-popover-*` class vocabulary. The popover is mobile-only
+ * (≤600px) — desktop keeps existing per-surface chrome.
+ *
+ * Mirrors the v7 mockup's `.v7-popover` block faithfully (renamed
+ * `v7-` → `er-masthead-popover-` to match the project's BEM-ish
+ * namespace).
+ */
+import { html, unsafe } from "./html.js";
+const MANUAL_HREF = '/dev/editorial-help';
+const ISSUE_HREF = 'https://github.com/audiocontrol-org/deskwork/issues/new';
+/**
+ * Render the popover scaffold + scrim. Returns RawHtml so callers can
+ * embed it directly in their page template literals. The element is
+ * hidden by default; the client controller sets `hidden=false` to open.
+ *
+ * The scrim is a sibling element placed BEFORE the popover so it sits
+ * underneath in stacking order. Both elements share the
+ * `data-er-masthead-popover` / `data-er-masthead-popover-scrim` hooks
+ * the client controller uses to wire dismiss handlers.
+ */
+export function renderMastheadMenu() {
+    return unsafe(html `
+    <div
+      class="er-masthead-popover-scrim"
+      data-er-masthead-popover-scrim
+      hidden
+    ></div>
+    <div
+      class="er-masthead-popover"
+      data-er-masthead-popover
+      role="dialog"
+      aria-labelledby="masthead-menu-trigger"
+      hidden
+    >
+      <div class="er-masthead-popover-section">
+        <div class="er-masthead-popover-section-label">Operator help</div>
+        <a
+          class="er-masthead-popover-item"
+          href="${MANUAL_HREF}"
+        >
+          <span class="er-masthead-popover-item-glyph">§</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">Manual</span>
+            <span class="er-masthead-popover-item-route">${MANUAL_HREF}</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </a>
+        <button
+          type="button"
+          class="er-masthead-popover-item"
+          data-er-masthead-popover-action="shortcuts"
+        >
+          <span class="er-masthead-popover-item-glyph er-masthead-popover-item-glyph--blue">⌘</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">Keyboard shortcuts</span>
+            <span class="er-masthead-popover-item-route">opens overlay</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </button>
+      </div>
+      <div class="er-masthead-popover-section">
+        <div class="er-masthead-popover-section-label">Configure</div>
+        <button
+          type="button"
+          class="er-masthead-popover-item er-masthead-popover-item--future"
+          data-er-masthead-popover-action="configure"
+          data-disabled="true"
+          aria-disabled="true"
+          tabindex="-1"
+        >
+          <span class="er-masthead-popover-item-glyph er-masthead-popover-item-glyph--kraft">⊞</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">Configure studio</span>
+            <span class="er-masthead-popover-item-route">.deskwork/config.json <span class="er-masthead-popover-item-future-tag">phase 4</span></span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </button>
+      </div>
+      <div class="er-masthead-popover-section">
+        <div class="er-masthead-popover-section-label">Connect</div>
+        <a
+          class="er-masthead-popover-item"
+          href="${ISSUE_HREF}"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <span class="er-masthead-popover-item-glyph er-masthead-popover-item-glyph--blue">✎</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">File an issue</span>
+            <span class="er-masthead-popover-item-route">github · new tab</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow er-masthead-popover-item-arrow--external" aria-hidden="true">↗</span>
+        </a>
+        <a
+          class="er-masthead-popover-item"
+          href="${MANUAL_HREF}"
+        >
+          <span class="er-masthead-popover-item-glyph">❡</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">About deskwork</span>
+            <span class="er-masthead-popover-item-route">manual · GPL-3.0</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </a>
+      </div>
+    </div>`);
+}
+//# sourceMappingURL=masthead-menu.js.map

package/dist/pages/masthead-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masthead-menu.js","sourceRoot":"","sources":["../../src/pages/masthead-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,WAAW,CAAC;AAEvD,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,UAAU,GAAG,yDAAyD,CAAC;AAE7E;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;kBAiBF,WAAW;;;;;2DAK8B,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAuCpD,UAAU;;;;;;;;;;;;;kBAaV,WAAW;;;;;;;;;;WAUlB,CAAC,CAAC;AACb,CAAC"}

package/dist/pages/masthead-menu.ts

@@ -0,0 +1,128 @@
+/**
+ * Server-side renderer for the masthead `⋮` popover menu (Step 2.2.7).
+ *
+ * Per `DESIGN-STANDARDS.md § Menu reveal pattern · popover, not slide-up
+ * sheet`, the masthead's `⋮` opens a dropdown popover anchored UNDER the
+ * glyph, with an up-pointing arrow registered to the glyph's
+ * x-position. The popover does NOT use Phase 2.1's `createSlideUpSheet`
+ * — that primitive is reserved for bottom-anchored affordances.
+ *
+ * The HTML scaffold emitted here lives hidden in the DOM until the
+ * companion client controller (`mobile-shell/masthead-popover.ts`)
+ * toggles it open. The scaffold has three sections, in order:
+ *
+ *   1. Operator help    · Manual + Keyboard shortcuts
+ *   2. Configure        · Configure studio (Phase 4 placeholder)
+ *   3. Connect          · File an issue + About deskwork
+ *
+ * Companion CSS lives in `mobile-shell.css` under the
+ * `.er-masthead-popover-*` class vocabulary. The popover is mobile-only
+ * (≤600px) — desktop keeps existing per-surface chrome.
+ *
+ * Mirrors the v7 mockup's `.v7-popover` block faithfully (renamed
+ * `v7-` → `er-masthead-popover-` to match the project's BEM-ish
+ * namespace).
+ */
+
+import { html, unsafe, type RawHtml } from './html.ts';
+
+const MANUAL_HREF = '/dev/editorial-help';
+const ISSUE_HREF = 'https://github.com/audiocontrol-org/deskwork/issues/new';
+
+/**
+ * Render the popover scaffold + scrim. Returns RawHtml so callers can
+ * embed it directly in their page template literals. The element is
+ * hidden by default; the client controller sets `hidden=false` to open.
+ *
+ * The scrim is a sibling element placed BEFORE the popover so it sits
+ * underneath in stacking order. Both elements share the
+ * `data-er-masthead-popover` / `data-er-masthead-popover-scrim` hooks
+ * the client controller uses to wire dismiss handlers.
+ */
+export function renderMastheadMenu(): RawHtml {
+  return unsafe(html`
+    <div
+      class="er-masthead-popover-scrim"
+      data-er-masthead-popover-scrim
+      hidden
+    ></div>
+    <div
+      class="er-masthead-popover"
+      data-er-masthead-popover
+      role="dialog"
+      aria-labelledby="masthead-menu-trigger"
+      hidden
+    >
+      <div class="er-masthead-popover-section">
+        <div class="er-masthead-popover-section-label">Operator help</div>
+        <a
+          class="er-masthead-popover-item"
+          href="${MANUAL_HREF}"
+        >
+          <span class="er-masthead-popover-item-glyph">§</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">Manual</span>
+            <span class="er-masthead-popover-item-route">${MANUAL_HREF}</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </a>
+        <button
+          type="button"
+          class="er-masthead-popover-item"
+          data-er-masthead-popover-action="shortcuts"
+        >
+          <span class="er-masthead-popover-item-glyph er-masthead-popover-item-glyph--blue">⌘</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">Keyboard shortcuts</span>
+            <span class="er-masthead-popover-item-route">opens overlay</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </button>
+      </div>
+      <div class="er-masthead-popover-section">
+        <div class="er-masthead-popover-section-label">Configure</div>
+        <button
+          type="button"
+          class="er-masthead-popover-item er-masthead-popover-item--future"
+          data-er-masthead-popover-action="configure"
+          data-disabled="true"
+          aria-disabled="true"
+          tabindex="-1"
+        >
+          <span class="er-masthead-popover-item-glyph er-masthead-popover-item-glyph--kraft">⊞</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">Configure studio</span>
+            <span class="er-masthead-popover-item-route">.deskwork/config.json <span class="er-masthead-popover-item-future-tag">phase 4</span></span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </button>
+      </div>
+      <div class="er-masthead-popover-section">
+        <div class="er-masthead-popover-section-label">Connect</div>
+        <a
+          class="er-masthead-popover-item"
+          href="${ISSUE_HREF}"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <span class="er-masthead-popover-item-glyph er-masthead-popover-item-glyph--blue">✎</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">File an issue</span>
+            <span class="er-masthead-popover-item-route">github · new tab</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow er-masthead-popover-item-arrow--external" aria-hidden="true">↗</span>
+        </a>
+        <a
+          class="er-masthead-popover-item"
+          href="${MANUAL_HREF}"
+        >
+          <span class="er-masthead-popover-item-glyph">❡</span>
+          <span class="er-masthead-popover-item-body">
+            <span class="er-masthead-popover-item-label">About deskwork</span>
+            <span class="er-masthead-popover-item-route">manual · GPL-3.0</span>
+          </span>
+          <span class="er-masthead-popover-item-arrow" aria-hidden="true">›</span>
+        </a>
+      </div>
+    </div>`);
+}