@deskwork/studio 0.17.1 → 0.19.0

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

@@ -0,0 +1,155 @@
+/**
+ * Mobile bottom-bar + sheet host for the entry-keyed review surface.
+ *
+ * Renders a 3-tab bottom bar and a sheet host that slides up from the
+ * viewport bottom. Visible only at <48rem (phone widths) — see
+ * editorial-review.css. Above that the bar and sheet are display:none
+ * and the desktop layout (in-flow marginalia column, outline-drawer
+ * overlay, decision strip in the top strip) carries the surface.
+ *
+ * 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 bar carries SIX tab buttons; CSS shows three or four at a time
+ * keyed off `body[data-edit-mode="editing"]`:
+ *   - Review mode: Outline · Notes · Scrapbook · Actions  (4-column grid)
+ *   - Edit mode:   Format  · Notes · Save                 (3-column grid)
+ * The Notes tab is shared between modes (review notes the operator
+ * leaves carry across into edit). The bar's data-mode attribute is
+ * also flipped by the client so additional state-dependent styles
+ * (Save dirty glow, etc.) can key off it. The Scrapbook tab uses a
+ * grid glyph (▦) and a kraft-tone count badge to distinguish it
+ * from the red-pencil Notes badge — folio is "context for the
+ * entry," not an action peer of decisions.
+ *
+ * The sheet has five content slots (outline / notes / actions /
+ * scrapbook / format).
+ * 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
+ *
+ * The Save tab is NOT a sheet — it triggers the existing
+ * `[data-action="save-version"]` handler directly (the one allowed
+ * file mutation per THESIS Consequence 2).
+ */
+import { html, unsafe } from "../html.js";
+export function renderMobileBar() {
+    return unsafe(html `
+    <nav class="er-mobile-bar" data-mobile-bar aria-label="Surface tabs">
+      <button class="er-mobile-tab er-mobile-tab--review" data-mobile-sheet="outline" type="button" aria-controls="er-mobile-sheet" aria-expanded="false">
+        <span class="er-mobile-tab-glyph" aria-hidden="true">§</span>
+        <span class="er-mobile-tab-label">Outline</span>
+      </button>
+      <button class="er-mobile-tab er-mobile-tab--edit" data-mobile-sheet="format" type="button" aria-controls="er-mobile-sheet" aria-expanded="false">
+        <span class="er-mobile-tab-glyph" aria-hidden="true">¶</span>
+        <span class="er-mobile-tab-label">Format</span>
+      </button>
+      <button class="er-mobile-tab" data-mobile-sheet="notes" type="button" aria-controls="er-mobile-sheet" aria-expanded="false">
+        <span class="er-mobile-tab-glyph" aria-hidden="true">✎</span>
+        <span class="er-mobile-tab-label">Notes</span>
+        <span class="er-mobile-tab-count" data-notes-count hidden>0</span>
+      </button>
+      <button class="er-mobile-tab er-mobile-tab--review er-mobile-tab--scrapbook" data-mobile-sheet="scrapbook" type="button" aria-controls="er-mobile-sheet" aria-expanded="false">
+        <span class="er-mobile-tab-glyph" aria-hidden="true">▦</span>
+        <span class="er-mobile-tab-label">Scrapbook</span>
+        <span class="er-mobile-tab-count er-mobile-tab-count--kraft" data-scrapbook-count hidden>0</span>
+      </button>
+      <button class="er-mobile-tab er-mobile-tab--review" data-mobile-sheet="actions" type="button" aria-controls="er-mobile-sheet" aria-expanded="false">
+        <span class="er-mobile-tab-glyph" aria-hidden="true">⊕</span>
+        <span class="er-mobile-tab-label">Actions</span>
+      </button>
+      <button class="er-mobile-tab er-mobile-tab--edit er-mobile-tab--save" data-mobile-action="save" type="button">
+        <span class="er-mobile-tab-glyph" aria-hidden="true">⊕</span>
+        <span class="er-mobile-tab-label">Save</span>
+      </button>
+    </nav>`);
+}
+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-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-bar.js","sourceRoot":"","sources":["../../../src/pages/entry-review/mobile-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAExD,MAAM,UAAU,eAAe;IAC7B,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4BT,CAAC,CAAC;AACb,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/entry-review/outline-drawer.d.ts

@@ -1,12 +1,22 @@
 /**
- * Outline drawer for the entry-keyed press-check surface (Phase 34a — T9).
+ * Outline + TOC drawer for the entry-keyed press-check surface.
  *
- * Relocated from `pages/review.ts:renderOutlineDrawer`. Conditional render
- * when the entry's body markdown carries a `## Outline` section (extracted
- * via `splitOutline`). The pull-tab on the left edge mirrors the marginalia
- * tab pattern on the right edge; the drawer is read-only and links to
- * `/deskwork:iterate --kind outline` for editing.
+ * Two stacked sections inside the same drawer:
+ *   1. Curated outline (#169-pre, T9). Conditional on the entry's body
+ *      markdown carrying a `## Outline` section (extracted via
+ *      `splitOutline`). When present, this is the operator's hand-
+ *      authored briefing sheet — read-only here; edit via
+ *      `/deskwork:iterate --kind outline`.
+ *   2. Table of contents (#244). Auto-extracted from the rendered
+ *      body's h2/h3/h4 headings (each carries a slugified `id` from
+ *      rehype-slug). Always visible when there are 2+ entries; clicks
+ *      jump to the heading via native `<a href="#id">` smooth-scroll.
+ *
+ * The pull-tab on the left edge surfaces whenever EITHER section has
+ * content. The drawer is `position: fixed` so it never scrolls out
+ * of view.
  */
 import { type RawHtml } from '../html.ts';
-export declare function renderOutlineDrawer(outlineHtml: string): RawHtml;
+import type { TocEntry } from '@deskwork/core/review/toc';
+export declare function renderOutlineDrawer(outlineHtml: string, tocEntries?: readonly TocEntry[]): RawHtml;
 //# sourceMappingURL=outline-drawer.d.ts.map

package/dist/pages/entry-review/outline-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"outline-drawer.d.ts","sourceRoot":"","sources":["../../../src/pages/entry-review/outline-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAExD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAgBhE"}
+{"version":3,"file":"outline-drawer.d.ts","sourceRoot":"","sources":["../../../src/pages/entry-review/outline-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,UAAU,GAAE,SAAS,QAAQ,EAAO,GACnC,OAAO,CAiCT"}

package/dist/pages/entry-review/outline-drawer.js

@@ -1,28 +1,72 @@
 /**
- * Outline drawer for the entry-keyed press-check surface (Phase 34a — T9).
+ * Outline + TOC drawer for the entry-keyed press-check surface.
  *
- * Relocated from `pages/review.ts:renderOutlineDrawer`. Conditional render
- * when the entry's body markdown carries a `## Outline` section (extracted
- * via `splitOutline`). The pull-tab on the left edge mirrors the marginalia
- * tab pattern on the right edge; the drawer is read-only and links to
- * `/deskwork:iterate --kind outline` for editing.
+ * Two stacked sections inside the same drawer:
+ *   1. Curated outline (#169-pre, T9). Conditional on the entry's body
+ *      markdown carrying a `## Outline` section (extracted via
+ *      `splitOutline`). When present, this is the operator's hand-
+ *      authored briefing sheet — read-only here; edit via
+ *      `/deskwork:iterate --kind outline`.
+ *   2. Table of contents (#244). Auto-extracted from the rendered
+ *      body's h2/h3/h4 headings (each carries a slugified `id` from
+ *      rehype-slug). Always visible when there are 2+ entries; clicks
+ *      jump to the heading via native `<a href="#id">` smooth-scroll.
+ *
+ * The pull-tab on the left edge surfaces whenever EITHER section has
+ * content. The drawer is `position: fixed` so it never scrolls out
+ * of view.
  */
 import { html, unsafe } from "../html.js";
-export function renderOutlineDrawer(outlineHtml) {
-    const hidden = outlineHtml ? '' : ' hidden';
+export function renderOutlineDrawer(outlineHtml, tocEntries = []) {
+    const hasOutline = outlineHtml.length > 0;
+    const hasToc = tocEntries.length >= 2;
+    const tabHidden = hasOutline || hasToc ? '' : ' hidden';
+    // Drawer kicker label: prefer "Outline" when there's a curated
+    // outline (the briefing-sheet heritage); otherwise "Contents" since
+    // the auto-TOC is the dominant content. Both sections may render
+    // simultaneously when the entry has both.
+    const kicker = hasOutline ? 'Briefing sheet' : 'Contents';
     return unsafe(html `
-    <button class="er-outline-tab" data-outline-tab type="button" aria-label="Show outline"${unsafe(hidden)}>
+    <button class="er-outline-tab" data-outline-tab type="button" aria-label="Show outline / contents"${unsafe(tabHidden)}>
       <span class="er-outline-tab-label">Outline</span>
     </button>
-    <aside class="er-outline-drawer" data-outline-drawer aria-label="Outline reference" hidden>
+    <aside class="er-outline-drawer" data-outline-drawer aria-label="Outline + table of contents" hidden>
       <header class="er-outline-drawer-head">
-        <span class="er-outline-drawer-kicker">Briefing sheet</span>
-        <button type="button" class="er-outline-drawer-close" data-outline-close aria-label="Close outline (O or Esc)">×</button>
+        <button type="button" class="er-outline-drawer-stow" data-outline-close aria-label="Hide outline (O or Esc)" title="Hide outline (O or Esc)">
+          <span aria-hidden="true">‹</span>
+        </button>
+        <span class="er-outline-drawer-kicker">${kicker}</span>
       </header>
-      <div class="er-outline-drawer-body" data-outline-drawer-body>${unsafe(outlineHtml)}</div>
+      <div class="er-outline-drawer-body" data-outline-drawer-body>
+        ${unsafe(hasOutline ? outlineHtml : '')}
+        ${unsafe(hasOutline && hasToc ? '<hr class="er-outline-drawer-rule" />' : '')}
+        ${unsafe(hasToc ? renderTocList(tocEntries) : '')}
+      </div>
       <footer class="er-outline-drawer-foot">
-        <span>Read-only · edit via <code>/deskwork:iterate --kind outline</code></span>
+        ${unsafe(hasOutline
+        ? '<span>Read-only · edit via <code>/deskwork:iterate --kind outline</code></span>'
+        : '<span>Auto-extracted from headings · jump-link to navigate</span>')}
       </footer>
     </aside>`);
 }
+/**
+ * Render the auto-TOC as an indented list of anchor links. Depth maps
+ * directly to nesting level: depth-2 entries are top-level, depth-3
+ * entries indent once, depth-4 entries indent twice. The flat HTML
+ * shape is easier to style than nested <ul>s and reads correctly with
+ * a screen reader as long as the depth class carries an aria
+ * attribute (set in CSS via `aria-level`).
+ */
+function renderTocList(entries) {
+    const items = entries
+        .map((e) => html `
+      <li class="er-toc-item er-toc-item--d${e.depth}" data-toc-target="${e.id}">
+        <a class="er-toc-link" href="#${e.id}" data-toc-link>${e.text}</a>
+      </li>`)
+        .join('');
+    return html `
+    <nav class="er-toc" aria-label="Table of contents">
+      <ul class="er-toc-list">${unsafe(items)}</ul>
+    </nav>`;
+}
 //# sourceMappingURL=outline-drawer.js.map

package/dist/pages/entry-review/outline-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"outline-drawer.js","sourceRoot":"","sources":["../../../src/pages/entry-review/outline-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAExD,MAAM,UAAU,mBAAmB,CAAC,WAAmB;IACrD,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5C,OAAO,MAAM,CAAC,IAAI,CAAA;6FACyE,MAAM,CAAC,MAAM,CAAC;;;;;;;;qEAQtC,MAAM,CAAC,WAAW,CAAC;;;;aAI3E,CAAC,CAAC;AACf,CAAC"}
+{"version":3,"file":"outline-drawer.js","sourceRoot":"","sources":["../../../src/pages/entry-review/outline-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAGxD,MAAM,UAAU,mBAAmB,CACjC,WAAmB,EACnB,aAAkC,EAAE;IAEpC,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,+DAA+D;IAC/D,oEAAoE;IACpE,iEAAiE;IACjE,0CAA0C;IAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;IAE1D,OAAO,MAAM,CAAC,IAAI,CAAA;wGACoF,MAAM,CAAC,SAAS,CAAC;;;;;;;;iDAQxE,MAAM;;;UAG7C,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;UACrC,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE,CAAC;UAC3E,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;;UAG/C,MAAM,CAAC,UAAU;QACjB,CAAC,CAAC,iFAAiF;QACnF,CAAC,CAAC,mEAAmE,CAAC;;aAEnE,CAAC,CAAC;AACf,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,aAAa,CAAC,OAA4B;IACjD,MAAM,KAAK,GAAG,OAAO;SAClB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;6CACyB,CAAC,CAAC,KAAK,sBAAsB,CAAC,CAAC,EAAE;wCACtC,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,IAAI;YACzD,CAAC;SACR,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,OAAO,IAAI,CAAA;;gCAEmB,MAAM,CAAC,KAAK,CAAC;WAClC,CAAC;AACZ,CAAC"}

package/dist/pages/help.js

@@ -241,7 +241,7 @@ function renderStudioSection() {
         <div class="eh-panel">
           <p class="eh-panel-head">Secondary surfaces</p>
           <h4>Entry review</h4>
-          <p><code>/dev/editorial-review/entry/&lt;uuid&gt;</code>. The current-stage artifact (idea.md, plan.md, outline.md, or index.md) renders inside the review surface. Select text for a margin note; double-click anywhere to edit the markdown in place. The fixed strip's Approve / Iterate / (Reject — disabled, see <a href="https://github.com/audiocontrol-org/deskwork/issues/173">#173</a>) buttons COPY the corresponding skill command (<code>/deskwork:approve &lt;slug&gt;</code>, etc.) to your clipboard — paste into a Claude Code chat to run. The skill reads marginalia, applies editorial judgment, edits the file (when iterating), advances state. The review is keyed by entry uuid, not workflow id.</p>
+          <p><code>/dev/editorial-review/entry/&lt;uuid&gt;</code>. The current-stage artifact (idea.md, plan.md, outline.md, or index.md) renders inside the review surface. Select text for a margin note; double-click anywhere to edit the markdown in place. The fixed strip's Approve / Iterate / (Reject — disabled, see <a href="https://github.com/audiocontrol-org/deskwork/issues/173">#173</a>) buttons COPY the corresponding skill command (<code>/deskwork:approve &lt;slug&gt;</code>, etc.) to your clipboard — paste into a Claude Code chat to run. The skill reads marginalia, applies editorial judgment, edits the file (iterate), or graduates the entry to the next pipeline stage (approve). Iterate is stage-gated — only available on Ideas / Planned / Outlining / Drafting; Final locks content. The review is keyed by entry uuid, not workflow id.</p>
           <h4>Shortform review</h4>
           <p><code>/dev/editorial-review-shortform</code>. Cards grouped by platform. Each card has a version header, an editable textarea, and save · approve · iterate · reject controls.</p>
           <h4>Keyboard</h4>

package/dist/pages/help.ts

@@ -259,7 +259,7 @@ function renderStudioSection(): RawHtml {
         <div class="eh-panel">
           <p class="eh-panel-head">Secondary surfaces</p>
           <h4>Entry review</h4>
-          <p><code>/dev/editorial-review/entry/&lt;uuid&gt;</code>. The current-stage artifact (idea.md, plan.md, outline.md, or index.md) renders inside the review surface. Select text for a margin note; double-click anywhere to edit the markdown in place. The fixed strip's Approve / Iterate / (Reject — disabled, see <a href="https://github.com/audiocontrol-org/deskwork/issues/173">#173</a>) buttons COPY the corresponding skill command (<code>/deskwork:approve &lt;slug&gt;</code>, etc.) to your clipboard — paste into a Claude Code chat to run. The skill reads marginalia, applies editorial judgment, edits the file (when iterating), advances state. The review is keyed by entry uuid, not workflow id.</p>
+          <p><code>/dev/editorial-review/entry/&lt;uuid&gt;</code>. The current-stage artifact (idea.md, plan.md, outline.md, or index.md) renders inside the review surface. Select text for a margin note; double-click anywhere to edit the markdown in place. The fixed strip's Approve / Iterate / (Reject — disabled, see <a href="https://github.com/audiocontrol-org/deskwork/issues/173">#173</a>) buttons COPY the corresponding skill command (<code>/deskwork:approve &lt;slug&gt;</code>, etc.) to your clipboard — paste into a Claude Code chat to run. The skill reads marginalia, applies editorial judgment, edits the file (iterate), or graduates the entry to the next pipeline stage (approve). Iterate is stage-gated — only available on Ideas / Planned / Outlining / Drafting; Final locks content. The review is keyed by entry uuid, not workflow id.</p>
           <h4>Shortform review</h4>
           <p><code>/dev/editorial-review-shortform</code>. Cards grouped by platform. Each card has a version header, an editable textarea, and save · approve · iterate · reject controls.</p>
           <h4>Keyboard</h4>

package/dist/pages/index.d.ts

@@ -20,13 +20,15 @@ import type { Entry } from '@deskwork/core/schema/entry';
 import type { StudioContext } from '../routes/api.ts';
 /**
  * Pick the entry that should be the default Longform-reviews target —
- * the most-recent in-pipeline entry whose review state is in-review or
- * iterating. Returns null when no candidate exists; the caller falls
- * back to the dashboard's Review section anchor.
+ * the most-recently-updated entry in a stage that permits edits
+ * (Ideas / Planned / Outlining / Drafting). Returns null when no
+ * candidate exists.
  *
- * Replaces the legacy workflow-based picker as part of the pipeline
- * redesign (Task 36) — the studio's review surfaces are now keyed by
- * entry uuid, not workflow uuid.
+ * Per DESKWORK-STATE-MACHINE.md (v5): the previous reviewState filter
+ * (in-review / iterating) is retired. Stage IS the state machine; the
+ * editable-stage filter approximates "the entry the operator is most
+ * likely actively working on" without depending on the retired
+ * reviewState concept.
  */
 export declare function pickDefaultLongformEntry(entries: readonly Entry[]): Entry | null;
 export declare function renderStudioIndex(ctx: StudioContext): Promise<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqDtD;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,SAAS,KAAK,EAAE,GACxB,KAAK,GAAG,IAAI,CAOd;AAkKD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CA8B3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqDtD;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,SAAS,KAAK,EAAE,GACxB,KAAK,GAAG,IAAI,CAMd;AAmKD,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CA8B3E"}

package/dist/pages/index.js

@@ -30,18 +30,19 @@ const LONGFORM_PIPELINE_STAGES = new Set([
 ]);
 /**
  * Pick the entry that should be the default Longform-reviews target —
- * the most-recent in-pipeline entry whose review state is in-review or
- * iterating. Returns null when no candidate exists; the caller falls
- * back to the dashboard's Review section anchor.
+ * the most-recently-updated entry in a stage that permits edits
+ * (Ideas / Planned / Outlining / Drafting). Returns null when no
+ * candidate exists.
  *
- * Replaces the legacy workflow-based picker as part of the pipeline
- * redesign (Task 36) — the studio's review surfaces are now keyed by
- * entry uuid, not workflow uuid.
+ * Per DESKWORK-STATE-MACHINE.md (v5): the previous reviewState filter
+ * (in-review / iterating) is retired. Stage IS the state machine; the
+ * editable-stage filter approximates "the entry the operator is most
+ * likely actively working on" without depending on the retired
+ * reviewState concept.
  */
 export function pickDefaultLongformEntry(entries) {
     const candidates = entries
         .filter((e) => LONGFORM_PIPELINE_STAGES.has(e.currentStage))
-        .filter((e) => e.reviewState === 'in-review' || e.reviewState === 'iterating')
         .slice()
         .sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
     return candidates[0] ?? null;
@@ -56,13 +57,14 @@ async function buildSections(ctx) {
         }
     })();
     const longformDefaultEntry = pickDefaultLongformEntry(entries);
-    // Issue #107: III links to the most-recent in-review (or iterating)
-    // longform entry when one exists, else falls back to the dashboard's
-    // Review section anchor (`#stage-review`). The link target is the
-    // entry-keyed review route `/dev/editorial-review/entry/<uuid>`.
+    // Issue #107: III links to the most-recently-updated longform entry
+    // in a stage that permits edits (Ideas / Planned / Outlining /
+    // Drafting), else falls back to the dashboard's Drafting section
+    // anchor. The link target is the entry-keyed review route
+    // `/dev/editorial-review/entry/<uuid>`.
     const longformLinkHref = longformDefaultEntry !== null
         ? `/dev/editorial-review/entry/${longformDefaultEntry.uuid}`
-        : '/dev/editorial-studio#stage-review';
+        : '/dev/editorial-studio#stage-drafting';
     return [
         {
             ornament: '¶',
@@ -100,8 +102,8 @@ async function buildSections(ctx) {
                     desc: 'Per-entry margin notes, decisions, iterate flow.',
                     hint: 'entry-by-entry',
                     postHint: longformDefaultEntry !== null
-                        ? `Defaults to the most-recent in-review longform (${longformDefaultEntry.slug}). Or reach via the Dashboard or Content view.`
-                        : 'Defaults to the dashboard\'s Review section. Open a longform workflow to populate the per-entry deep-link.',
+                        ? `Defaults to the most-recently-updated longform (${longformDefaultEntry.slug}). Or reach via the Dashboard or Content view.`
+                        : 'Defaults to the dashboard\'s Drafting section. Add or ingest a longform entry to populate the per-entry deep-link.',
                 },
             ],
         },

package/dist/pages/index.js.map

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

package/dist/pages/index.ts

@@ -74,20 +74,21 @@ interface IndexSection {
 
 /**
  * Pick the entry that should be the default Longform-reviews target —
- * the most-recent in-pipeline entry whose review state is in-review or
- * iterating. Returns null when no candidate exists; the caller falls
- * back to the dashboard's Review section anchor.
+ * the most-recently-updated entry in a stage that permits edits
+ * (Ideas / Planned / Outlining / Drafting). Returns null when no
+ * candidate exists.
  *
- * Replaces the legacy workflow-based picker as part of the pipeline
- * redesign (Task 36) — the studio's review surfaces are now keyed by
- * entry uuid, not workflow uuid.
+ * Per DESKWORK-STATE-MACHINE.md (v5): the previous reviewState filter
+ * (in-review / iterating) is retired. Stage IS the state machine; the
+ * editable-stage filter approximates "the entry the operator is most
+ * likely actively working on" without depending on the retired
+ * reviewState concept.
  */
 export function pickDefaultLongformEntry(
   entries: readonly Entry[],
 ): Entry | null {
   const candidates = entries
     .filter((e) => LONGFORM_PIPELINE_STAGES.has(e.currentStage))
-    .filter((e) => e.reviewState === 'in-review' || e.reviewState === 'iterating')
     .slice()
     .sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
   return candidates[0] ?? null;
@@ -102,14 +103,15 @@ async function buildSections(ctx: StudioContext): Promise<readonly IndexSection[
     }
   })();
   const longformDefaultEntry = pickDefaultLongformEntry(entries);
-  // Issue #107: III links to the most-recent in-review (or iterating)
-  // longform entry when one exists, else falls back to the dashboard's
-  // Review section anchor (`#stage-review`). The link target is the
-  // entry-keyed review route `/dev/editorial-review/entry/<uuid>`.
+  // Issue #107: III links to the most-recently-updated longform entry
+  // in a stage that permits edits (Ideas / Planned / Outlining /
+  // Drafting), else falls back to the dashboard's Drafting section
+  // anchor. The link target is the entry-keyed review route
+  // `/dev/editorial-review/entry/<uuid>`.
   const longformLinkHref =
     longformDefaultEntry !== null
       ? `/dev/editorial-review/entry/${longformDefaultEntry.uuid}`
-      : '/dev/editorial-studio#stage-review';
+      : '/dev/editorial-studio#stage-drafting';
 
   return [
     {
@@ -149,8 +151,8 @@ async function buildSections(ctx: StudioContext): Promise<readonly IndexSection[
           hint: 'entry-by-entry',
           postHint:
             longformDefaultEntry !== null
-              ? `Defaults to the most-recent in-review longform (${longformDefaultEntry.slug}). Or reach via the Dashboard or Content view.`
-              : 'Defaults to the dashboard\'s Review section. Open a longform workflow to populate the per-entry deep-link.',
+              ? `Defaults to the most-recently-updated longform (${longformDefaultEntry.slug}). Or reach via the Dashboard or Content view.`
+              : 'Defaults to the dashboard\'s Drafting section. Add or ingest a longform entry to populate the per-entry deep-link.',
         },
       ],
     },

package/dist/pages/layout.js

@@ -31,7 +31,7 @@ export function layout(options) {
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, interactive-widget=resizes-content">
     <meta name="robots" content="noindex">
     <title>${escapeHtml(title)}</title>
 ${cssTags}

package/dist/pages/layout.ts

@@ -80,7 +80,7 @@ export function layout(options: LayoutOptions): string {
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, interactive-widget=resizes-content">
     <meta name="robots" content="noindex">
     <title>${escapeHtml(title)}</title>
 ${cssTags}

package/dist/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAS5B,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAwBtE,UAAU,OAAO;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,qEAAqE;IACrE,WAAW,EAAE,OAAO,CAAC;CACtB;AAKD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CA8CpD;AAkFD,wBAAgB,SAAS,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAyOlD"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAS5B,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAwBtE,UAAU,OAAO;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,qEAAqE;IACrE,WAAW,EAAE,OAAO,CAAC;CACtB;AAKD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CA8CpD;AAkFD,wBAAgB,SAAS,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAwPlD"}

package/dist/server.js

@@ -383,6 +383,17 @@ export function createApp(ctx) {
     }));
     // Convenience root redirect to the studio index.
     app.get('/', (c) => c.redirect('/dev/'));
+    // Document root — serves top-level project files (DESKWORK-STATE-MACHINE.md,
+    // THESIS.md, README.md, DESIGN-STANDARDS.md, etc.) so the studio's URL
+    // namespace mirrors the project filesystem layout. Registered LAST so
+    // every more-specific route (`/dev/*`, `/api/*`, `/static/*`, the `/`
+    // redirect) matches first; only unmatched paths fall through to a
+    // filesystem lookup against the project root. Symlinks in `public/`
+    // didn't survive serveStatic's resolution (operator-reported 2026-05-09);
+    // serving the project root directly removes the need for symlinks at all.
+    app.use('*', serveStatic({
+        root: ctx.projectRoot,
+    }));
     return app;
 }
 async function main() {
@@ -466,7 +477,7 @@ async function main() {
         const { join } = await import('node:path');
         const viteRoot = join(pluginRoot(), 'public');
         const vite = await createViteServer({
-            server: { middlewareMode: true },
+            server: { middlewareMode: true, allowedHosts: true },
             appType: 'custom',
             root: viteRoot,
         });