@deskwork/studio 0.19.0 → 0.20.0

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

@@ -1,41 +1,62 @@
 /**
- * Per-row affordance helpers for the dashboard.
+ * Per-row affordance rendering for the dashboard.
  *
- * Pipeline-redesign Task 34. Buttons are static HTML — they link to
- * the entry's review surface (`/dev/editorial-review/<uuid>`) or
- * carry a `data-copy` payload that the existing studio client copies
- * to the clipboard. No new backend handlers are wired here; the
- * universal-verb skills are the canonical action path.
+ * Implements the v0.20 row-affordance redesign (ACCEPTED archive entry
+ * `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/`):
  *
- * Per DESKWORK-STATE-MACHINE.md (v5):
- * - Verbs are stage-gated, not state-gated. The iterate button shows
- *   on stages-that-permit-edits (Ideas/Planned/Outlining/Drafting),
- *   not on Final (locked) or Published (immutable).
- * - Revisions (the iteration counter) are bookkeeping. They do not
- *   surface in routine UI; the operator only sees them via revision
- *   history / revert flows. The previous "iteration: N" per-row
- *   display has been removed.
+ * - **Mobile** — the row at-rest is clean (slug + title + date). A trailing
+ *   `⋮` button toggles a menu popover with the FULL stage-aware verb set.
+ *   Swipe-left on the row reveals a drawer with the TOP-N stage-aware verbs
+ *   as colored chips (fast power-user path).
+ * - **Desktop** — high-frequency verbs (iterate / approve / view / induct
+ *   as applicable) render as inline outlined chips next to the row. The same
+ *   `⋮` button + menu hold the secondary verbs (block / cancel / scrapbook).
+ *
+ * Stage-aware verb vocabulary per DESKWORK-STATE-MACHINE.md (Commandment II
+ * — verbs are stage-gated). The block + induct verbs are surfaced uniformly
+ * on every linear-pipeline stage (block pauses an in-pipeline entry; induct
+ * teleports to an operator-chosen stage in either direction). Both clipboard-
+ * copy their `/deskwork:<verb> <slug>` slash command; the receiving agent
+ * runs the atomic CLI helper (`deskwork block / cancel / induct`).
+ *
+ * The row's outer wrapper is `.er-row-shell` (was `.er-calendar-row-wrap`).
+ * Inside: a `.er-row-drawer` for the swipe-action chips (positioned right of
+ * the foreground; hidden behind it at-rest), the `.er-row-fg` foreground
+ * content (translates left on swipe to reveal the drawer), and a
+ * `.er-row-menu` popover (absolute-positioned, hidden by default; surfaced
+ * when `⋮` is clicked). The client controller `row-actions.ts` wires the
+ * gestures + menu state.
  */
 import { type RawHtml } from '../html.ts';
 import type { Entry } from '@deskwork/core/schema/entry';
 /**
- * Build the per-row action strip. Affordances vary by stage:
+ * Render the row's affordance chrome — drawer + inline chips + ⋮ button.
  *
- * - Stages-that-permit-edits (Ideas / Planned / Outlining / Drafting):
- *   "open →" link, "iterate →" copy-CLI button (always; no state gate),
- *   "approve →" copy-CLI button, "cancel ⊘" copy-CLI button.
- * - Final: "open →", "approve →" (graduates to Published; assigns a
- *   version per the operator's scheme), "cancel ⊘". NO iterate
- *   (Final locks content per the spec).
- * - Published: "view →" (read-only review surface). Future enhancement:
- *   surface a "revise" affordance that inducts back to Drafting.
- * - Blocked / Cancelled: "induct →" copy-CLI to bring the entry back.
+ * Returned HTML expects to be embedded inside the row's foreground container
+ * (`.er-row-fg`). The drawer + menu live as siblings of `.er-row-fg` inside
+ * `.er-row-shell`; section.ts owns that outer composition.
  *
- * All non-terminal stages also get a `scrapbook ↗` link (#157).
+ * Three pieces:
+ *   1. Inline chips — high-frequency verbs as outlined chips (desktop only;
+ *      CSS hides them on mobile).
+ *   2. Overflow `⋮` button — toggles the menu popover. Visible on both
+ *      mobile and desktop.
  *
- * Each button's behavior is parked behind a `data-copy` attribute so
- * the existing studio client (editorial-studio-client.ts) handles
- * clipboard wiring without new server handlers.
+ * Drawer + menu are rendered separately via `renderRowDrawer` and
+ * `renderRowMenu` (also exported) so section.ts can place them in the
+ * correct outer layout (drawer is sibling of `.er-row-fg`; menu is sibling
+ * of `.er-row-fg`).
  */
 export declare function renderRowActions(entry: Entry, defaultSite: string): RawHtml;
+/**
+ * Drawer rendered as a sibling of `.er-row-fg`. Absolute-positioned at the
+ * row's trailing edge; hidden behind the foreground at-rest. Revealed by
+ * the foreground translating left on swipe.
+ */
+export declare function renderRowDrawer(entry: Entry, defaultSite: string): RawHtml;
+/**
+ * Menu popover rendered as a sibling of `.er-row-fg`. Hidden by default
+ * (the controller flips `hidden` + `aria-expanded` on the overflow button).
+ */
+export declare function renderRowMenu(entry: Entry, defaultSite: string): RawHtml;
 //# sourceMappingURL=affordances.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"affordances.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/affordances.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,KAAK,EAAE,KAAK,EAAS,MAAM,6BAA6B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAkE3E"}
+{"version":3,"file":"affordances.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/affordances.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,KAAK,EAAE,KAAK,EAAS,MAAM,6BAA6B,CAAC;AA6QhE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAgB3E;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAG1E;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAGxE"}

package/dist/pages/dashboard/affordances.js

@@ -1,125 +1,311 @@
 /**
- * Per-row affordance helpers for the dashboard.
+ * Per-row affordance rendering for the dashboard.
  *
- * Pipeline-redesign Task 34. Buttons are static HTML — they link to
- * the entry's review surface (`/dev/editorial-review/<uuid>`) or
- * carry a `data-copy` payload that the existing studio client copies
- * to the clipboard. No new backend handlers are wired here; the
- * universal-verb skills are the canonical action path.
+ * Implements the v0.20 row-affordance redesign (ACCEPTED archive entry
+ * `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/`):
  *
- * Per DESKWORK-STATE-MACHINE.md (v5):
- * - Verbs are stage-gated, not state-gated. The iterate button shows
- *   on stages-that-permit-edits (Ideas/Planned/Outlining/Drafting),
- *   not on Final (locked) or Published (immutable).
- * - Revisions (the iteration counter) are bookkeeping. They do not
- *   surface in routine UI; the operator only sees them via revision
- *   history / revert flows. The previous "iteration: N" per-row
- *   display has been removed.
+ * - **Mobile** — the row at-rest is clean (slug + title + date). A trailing
+ *   `⋮` button toggles a menu popover with the FULL stage-aware verb set.
+ *   Swipe-left on the row reveals a drawer with the TOP-N stage-aware verbs
+ *   as colored chips (fast power-user path).
+ * - **Desktop** — high-frequency verbs (iterate / approve / view / induct
+ *   as applicable) render as inline outlined chips next to the row. The same
+ *   `⋮` button + menu hold the secondary verbs (block / cancel / scrapbook).
+ *
+ * Stage-aware verb vocabulary per DESKWORK-STATE-MACHINE.md (Commandment II
+ * — verbs are stage-gated). The block + induct verbs are surfaced uniformly
+ * on every linear-pipeline stage (block pauses an in-pipeline entry; induct
+ * teleports to an operator-chosen stage in either direction). Both clipboard-
+ * copy their `/deskwork:<verb> <slug>` slash command; the receiving agent
+ * runs the atomic CLI helper (`deskwork block / cancel / induct`).
+ *
+ * The row's outer wrapper is `.er-row-shell` (was `.er-calendar-row-wrap`).
+ * Inside: a `.er-row-drawer` for the swipe-action chips (positioned right of
+ * the foreground; hidden behind it at-rest), the `.er-row-fg` foreground
+ * content (translates left on swipe to reveal the drawer), and a
+ * `.er-row-menu` popover (absolute-positioned, hidden by default; surfaced
+ * when `⋮` is clicked). The client controller `row-actions.ts` wires the
+ * gestures + menu state.
  */
 import { html, unsafe } from "../html.js";
 import { scrapbookViewerUrl } from "../../components/scrapbook-item.js";
 /**
- * Build the per-row action strip. Affordances vary by stage:
- *
- * - Stages-that-permit-edits (Ideas / Planned / Outlining / Drafting):
- *   "open →" link, "iterate →" copy-CLI button (always; no state gate),
- *   "approve →" copy-CLI button, "cancel ⊘" copy-CLI button.
- * - Final: "open →", "approve →" (graduates to Published; assigns a
- *   version per the operator's scheme), "cancel ⊘". NO iterate
- *   (Final locks content per the spec).
- * - Published: "view →" (read-only review surface). Future enhancement:
- *   surface a "revise" affordance that inducts back to Drafting.
- * - Blocked / Cancelled: "induct →" copy-CLI to bring the entry back.
- *
- * All non-terminal stages also get a `scrapbook ↗` link (#157).
+ * Build the stage-aware verb set for an entry. Returns three views — the
+ * inline-chip set (desktop high-frequency verbs), the drawer set (mobile
+ * swipe top-N), and the menu set (full stage-aware vocabulary).
  *
- * Each button's behavior is parked behind a `data-copy` attribute so
- * the existing studio client (editorial-studio-client.ts) handles
- * clipboard wiring without new server handlers.
+ * Visibility-by-surface is intentional and documented in
+ * `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/brief.md`.
  */
-export function renderRowActions(entry, defaultSite) {
-    const buttons = [];
-    const stage = entry.currentStage;
+function verbsForStage(stage, entry, defaultSite) {
+    const slug = entry.slug;
     const reviewLink = `/dev/editorial-review/entry/${entry.uuid}`;
-    // Scrapbook URL uses the project's defaultSite. Multi-site calendars
-    // would require a per-entry site lookup (out of scope for #157 — the
-    // primary value is the dashboard ↔ scrapbook entry point existing at
-    // all, and most projects have a single site). Slug already contains
-    // any hierarchical path segments.
-    //
-    // #205: thread the entry's UUID through `scrapbookViewerUrl` so the
-    // standalone viewer's server route resolves the listing via
-    // `scrapbookDirForEntry` for entries whose on-disk path doesn't match
-    // the slug template (e.g. feature-doc layouts under
-    // `docs/<version>/<status>/<slug>/`). Falls back to slug-template
-    // addressing for entries without an id binding.
+    // Scrapbook URL uses the project's defaultSite (#157, #205). Slug already
+    // contains any hierarchical segments.
     const scrapLink = scrapbookViewerUrl({
         site: defaultSite,
-        path: entry.slug,
+        path: slug,
         entryId: entry.uuid,
     });
-    if (isLinearActiveStage(stage)) {
-        buttons.push(html `<a class="er-btn er-btn-small" href="${reviewLink}"
-      title="open the review surface for ${entry.slug}">open →</a>`);
-        // Iterate — stage-gated per DESKWORK-STATE-MACHINE.md Commandment II:
-        // verbs are stage-gated, never state-gated. Iterate runs on stages
-        // that permit edits (Ideas / Planned / Outlining / Drafting); Final
-        // locks content so iterate is hidden there. The previous
-        // `reviewState === 'iterating'` gate was a Commandment II violation;
-        // removed in the v0.19 spec-conformance sweep.
-        if (stagePermitsEdits(stage)) {
-            buttons.push(html `<button class="er-btn er-btn-small er-btn-primary er-copy-btn" type="button"
-        data-copy="/deskwork:iterate ${entry.slug}"
-        title="operator clicked Iterate — run the iterate skill in Claude Code">iterate →</button>`);
-        }
-        // Approve (#244) — unconditional on active-pipeline rows. Mirrors
-        // the review-surface decision strip (Approve is always visible
-        // there); the dashboard previously gated this button on
-        // `reviewState === 'approved'`, which is a transient state most
-        // rows never carry, leaving the button effectively invisible. The
-        // operator should be able to advance any active-pipeline entry
-        // from the dashboard without first opening the review surface.
-        buttons.push(html `<button class="er-btn er-btn-small er-btn-approve er-copy-btn" type="button"
-      data-copy="/deskwork:approve ${entry.slug}"
-      title="advance this entry to the next stage">approve →</button>`);
-        // Cancel (#242) — pull this entry off-pipeline. Same clipboard
-        // routing as approve / iterate; the skill mutates sidecar + journal.
-        buttons.push(html `<button class="er-btn er-btn-small er-btn-reject er-copy-btn" type="button"
-      data-copy="/deskwork:cancel ${entry.slug}"
-      title="pull this entry off-pipeline (Cancelled). Reversible via /deskwork:induct.">cancel ⊘</button>`);
+    const iterate = {
+        kind: 'iterate',
+        label: 'Iterate',
+        glyph: '↻',
+        copy: `/deskwork:iterate ${slug}`,
+        title: 'append a new revision to this entry',
+    };
+    const approve = {
+        kind: 'approve',
+        label: stage === 'Final' ? 'Approve → Published' : 'Approve',
+        glyph: '✓',
+        // Per DESKWORK-STATE-MACHINE.md Commandment II, approve is universal
+        // across every linear-pipeline transition including Final → Published.
+        // The `/deskwork:approve` skill handles all stage transitions; the
+        // separate `/deskwork:publish` skill is an alias for the Final →
+        // Published case, not a separate verb. Use approve uniformly.
+        copy: `/deskwork:approve ${slug}`,
+        title: stage === 'Final'
+            ? 'advance this entry to Published (assigns a public version)'
+            : 'advance this entry to the next stage',
+    };
+    const block = {
+        kind: 'block',
+        label: 'Block (pause)',
+        glyph: '‖',
+        copy: `/deskwork:block ${slug}`,
+        title: 'pause this entry without abandoning it (reversible via /deskwork:induct)',
+    };
+    const induct = {
+        kind: 'induct',
+        label: 'Induct… (pick stage)',
+        glyph: '⇄',
+        copy: `/deskwork:induct ${slug}`,
+        title: 'teleport this entry to a chosen stage (forward or backward)',
+    };
+    const cancel = {
+        kind: 'cancel',
+        label: 'Cancel',
+        glyph: '⊘',
+        copy: `/deskwork:cancel ${slug}`,
+        title: 'pull this entry off-pipeline (Cancelled; rarely resumed)',
+    };
+    const view = {
+        kind: 'view',
+        label: 'View',
+        glyph: '→',
+        href: reviewLink,
+        title: 'read-only review surface for the published entry',
+    };
+    const scrapbook = {
+        kind: 'scrapbook',
+        label: 'Open scrapbook',
+        glyph: '⊞',
+        href: scrapLink,
+        title: "open the entry's scrapbook (research notes, drafts, etc.)",
+        drawerLabel: 'Scrpbk',
+    };
+    // Used only on Blocked/Cancelled rows where induct's primary use is
+    // bringing the entry back into the pipeline.
+    const inductForward = {
+        ...induct,
+        label: 'Induct… (pick stage)',
+        title: 'bring this entry back into the pipeline',
+    };
+    if (stage === 'Ideas' || stage === 'Planned' || stage === 'Outlining' || stage === 'Drafting') {
+        return {
+            // Scrapbook stays inline on every stage — it's the entry's research
+            // surface, used at the same cadence as the active-stage verb.
+            inline: [iterate, approve, scrapbook],
+            drawer: [iterate, approve, cancel, scrapbook],
+            menu: [iterate, approve, block, induct, cancel, scrapbook],
+        };
+    }
+    if (stage === 'Final') {
+        return {
+            inline: [approve, scrapbook],
+            drawer: [approve, cancel, scrapbook],
+            menu: [approve, block, induct, cancel, scrapbook],
+        };
+    }
+    if (stage === 'Blocked' || stage === 'Cancelled') {
+        return {
+            inline: [inductForward, scrapbook],
+            drawer: [inductForward, scrapbook],
+            menu: [inductForward, scrapbook],
+        };
     }
-    else if (stage === 'Published') {
-        buttons.push(html `<a class="er-btn er-btn-small" href="${reviewLink}"
-      title="read-only review surface for the published entry">view →</a>`);
+    if (stage === 'Published') {
+        // Frozen artifact; view + scrapbook only.
+        return {
+            inline: [view, scrapbook],
+            drawer: [view, scrapbook],
+            menu: [view, scrapbook],
+        };
     }
-    else if (stage === 'Blocked' || stage === 'Cancelled') {
-        buttons.push(html `<button class="er-btn er-btn-small er-copy-btn" type="button"
-      data-copy="/deskwork:induct ${entry.slug}"
-      title="bring this entry back into the pipeline">induct →</button>`);
+    // Exhaustiveness check — if the Stage union gains a new variant, the
+    // assertion will fail at typecheck time and at runtime so we don't
+    // silently fall through to an empty verb set.
+    const _exhaustive = stage;
+    throw new Error(`verbsForStage: unhandled stage "${String(_exhaustive)}"`);
+}
+function renderDrawerChip(verb) {
+    const labelText = verb.drawerLabel ?? verb.label.split(' ')[0];
+    // Route the data attribute through the html tag so its value is
+    // properly attribute-escaped. Slug regex constrains the payload today
+    // (no unbalanced quotes possible) but future-verb churn could land a
+    // payload with HTML-sensitive characters; the tag handles them.
+    if (verb.copy !== undefined) {
+        return html `<button type="button"
+      class="er-row-action er-row-action-${verb.kind}"
+      data-copy="${verb.copy}"
+      title="${verb.title}">
+      <span class="er-row-action-glyph" aria-hidden="true">${verb.glyph}</span>
+      <span class="er-row-action-label">${labelText}</span>
+    </button>`;
+    }
+    return html `<button type="button"
+    class="er-row-action er-row-action-${verb.kind}"
+    data-href="${verb.href ?? ''}"
+    title="${verb.title}">
+    <span class="er-row-action-glyph" aria-hidden="true">${verb.glyph}</span>
+    <span class="er-row-action-label">${labelText}</span>
+  </button>`;
+}
+function renderInlineChip(verb) {
+    // Inline chips are the high-frequency desktop affordances. View +
+    // scrapbook render as plain links (no clipboard); the rest are
+    // clipboard-copy buttons routing slash commands. Scrapbook links
+    // also carry `data-action="open-scrapbook"` so the existing client
+    // can distinguish them from review-surface links (#157, #205).
+    if (verb.href !== undefined) {
+        const dataAction = verb.kind === 'scrapbook' ? ' data-action="open-scrapbook"' : '';
+        return html `<a class="er-btn-chip er-btn-chip-${verb.kind}"
+      href="${verb.href}"${unsafe(dataAction)} title="${verb.title}">${verb.label} ${verb.glyph}</a>`;
     }
-    // Scrapbook link follows every stage's primary action.
-    buttons.push(html `<a class="er-btn er-btn-small er-btn-scrap"
-    href="${scrapLink}" data-action="open-scrapbook"
-    title="open the entry's scrapbook (research notes, drafts, etc.)">scrapbook ↗</a>`);
-    return unsafe(`<span class="er-calendar-action">${buttons.join('')}</span>`);
+    return html `<button type="button"
+    class="er-btn-chip er-btn-chip-${verb.kind} er-copy-btn"
+    data-copy="${verb.copy ?? ''}"
+    title="${verb.title}">${verb.label.toLowerCase()} ${verb.glyph}</button>`;
 }
-function isLinearActiveStage(stage) {
-    return (stage === 'Ideas' ||
-        stage === 'Planned' ||
-        stage === 'Outlining' ||
-        stage === 'Drafting' ||
-        stage === 'Final');
+function renderMenuItem(verb) {
+    // Short command hint matching the mockup's compact form:
+    //   copy verbs → `/deskwork:approve` (verb only, no slug)
+    //   href verbs → `/dev/scrapbook` / `/dev/editorial-review` (path stem,
+    //                no site / uuid / query string)
+    // The clipboard-copy still routes the FULL slash command via data-copy;
+    // hrefs still navigate to the full URL via data-href. The hint is just a
+    // visual reminder of which command/route is being invoked — appending the
+    // slug / full path doubles the cmd cell width and forces the label to
+    // wrap on narrow viewports.
+    const cmdHint = verb.copy !== undefined
+        ? verb.copy.split(' ', 1)[0]
+        : (verb.href ?? '').split('/').slice(0, 3).join('/');
+    // Route data attributes through the html tag for proper escaping.
+    if (verb.href !== undefined) {
+        return html `<button type="button"
+      class="er-row-menu-item"
+      role="menuitem"
+      data-href="${verb.href}"
+      title="${verb.title}">
+      <span class="er-row-menu-glyph er-row-menu-glyph-${verb.kind}" aria-hidden="true">${verb.glyph}</span>
+      <span class="er-row-menu-label">${verb.label}</span>
+      <span class="er-row-menu-cmd">${cmdHint}</span>
+    </button>`;
+    }
+    return html `<button type="button"
+    class="er-row-menu-item"
+    role="menuitem"
+    data-copy="${verb.copy ?? ''}"
+    title="${verb.title}">
+    <span class="er-row-menu-glyph er-row-menu-glyph-${verb.kind}" aria-hidden="true">${verb.glyph}</span>
+    <span class="er-row-menu-label">${verb.label}</span>
+    <span class="er-row-menu-cmd">${cmdHint}</span>
+  </button>`;
+}
+/**
+ * Group menu items per the mockup's visual rhythm:
+ *   primary verbs · divider · secondary (block / induct) · divider · off-pipeline
+ *
+ * For Blocked/Cancelled/Published the menu is short enough to skip dividers.
+ */
+function renderMenu(stage, menu) {
+    const isShort = stage === 'Blocked' || stage === 'Cancelled' || stage === 'Published';
+    if (isShort) {
+        return menu.map(renderMenuItem).join('');
+    }
+    // Active + Final use grouped layout.
+    const primary = [];
+    const secondary = [];
+    const tail = [];
+    for (const v of menu) {
+        if (v.kind === 'iterate' || v.kind === 'approve')
+            primary.push(v);
+        else if (v.kind === 'block' || v.kind === 'induct')
+            secondary.push(v);
+        else
+            tail.push(v);
+    }
+    const divider = '<hr class="er-row-menu-divider" role="separator" />';
+    return [
+        ...primary.map(renderMenuItem),
+        primary.length > 0 && secondary.length > 0 ? divider : '',
+        ...secondary.map(renderMenuItem),
+        secondary.length > 0 && tail.length > 0 ? divider : '',
+        ...tail.map(renderMenuItem),
+    ]
+        .filter(Boolean)
+        .join('');
+}
+/**
+ * Render the row's affordance chrome — drawer + inline chips + ⋮ button.
+ *
+ * Returned HTML expects to be embedded inside the row's foreground container
+ * (`.er-row-fg`). The drawer + menu live as siblings of `.er-row-fg` inside
+ * `.er-row-shell`; section.ts owns that outer composition.
+ *
+ * Three pieces:
+ *   1. Inline chips — high-frequency verbs as outlined chips (desktop only;
+ *      CSS hides them on mobile).
+ *   2. Overflow `⋮` button — toggles the menu popover. Visible on both
+ *      mobile and desktop.
+ *
+ * Drawer + menu are rendered separately via `renderRowDrawer` and
+ * `renderRowMenu` (also exported) so section.ts can place them in the
+ * correct outer layout (drawer is sibling of `.er-row-fg`; menu is sibling
+ * of `.er-row-fg`).
+ */
+export function renderRowActions(entry, defaultSite) {
+    const { inline } = verbsForStage(entry.currentStage, entry, defaultSite);
+    const chips = inline.map(renderInlineChip).join('');
+    const overflow = html `<button type="button"
+    class="er-row-overflow"
+    data-row-overflow
+    aria-haspopup="menu"
+    aria-expanded="false"
+    aria-label="More actions">⋮</button>`;
+    // Keep `.er-calendar-action` as the wrapper class so the existing
+    // mobile grid-template-areas (`action` area at row 3 of the row
+    // grid) and desktop layout rules continue to position the chrome.
+    // The `.er-row-affordances` class is added alongside as a v0.20
+    // marker for any future rules that need to target the new chrome
+    // specifically.
+    return unsafe(`<span class="er-calendar-action er-row-affordances">${chips}${overflow}</span>`);
+}
+/**
+ * Drawer rendered as a sibling of `.er-row-fg`. Absolute-positioned at the
+ * row's trailing edge; hidden behind the foreground at-rest. Revealed by
+ * the foreground translating left on swipe.
+ */
+export function renderRowDrawer(entry, defaultSite) {
+    const { drawer } = verbsForStage(entry.currentStage, entry, defaultSite);
+    return unsafe(html `<div class="er-row-drawer" aria-hidden="true">${unsafe(drawer.map(renderDrawerChip).join(''))}</div>`);
 }
 /**
- * Stages that permit content edits (and therefore iterate). Final
- * locks content per DESKWORK-STATE-MACHINE.md — iterate refuses there;
- * the operator must induct backward to a stage that permits edits if
- * they want to revise a Final entry.
+ * Menu popover rendered as a sibling of `.er-row-fg`. Hidden by default
+ * (the controller flips `hidden` + `aria-expanded` on the overflow button).
  */
-function stagePermitsEdits(stage) {
-    return (stage === 'Ideas' ||
-        stage === 'Planned' ||
-        stage === 'Outlining' ||
-        stage === 'Drafting');
+export function renderRowMenu(entry, defaultSite) {
+    const { menu } = verbsForStage(entry.currentStage, entry, defaultSite);
+    return unsafe(html `<div class="er-row-menu" role="menu" hidden>${unsafe(renderMenu(entry.currentStage, menu))}</div>`);
 }
 //# sourceMappingURL=affordances.js.map

package/dist/pages/dashboard/affordances.js.map

@@ -1 +1 @@
-{"version":3,"file":"affordances.js","sourceRoot":"","sources":["../../../src/pages/dashboard/affordances.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAGxE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAY,EAAE,WAAmB;IAChE,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC;IACjC,MAAM,UAAU,GAAG,+BAA+B,KAAK,CAAC,IAAI,EAAE,CAAC;IAC/D,qEAAqE;IACrE,qEAAqE;IACrE,qEAAqE;IACrE,oEAAoE;IACpE,kCAAkC;IAClC,EAAE;IACF,oEAAoE;IACpE,4DAA4D;IAC5D,sEAAsE;IACtE,oDAAoD;IACpD,kEAAkE;IAClE,gDAAgD;IAChD,MAAM,SAAS,GAAG,kBAAkB,CAAC;QACnC,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,OAAO,EAAE,KAAK,CAAC,IAAI;KACpB,CAAC,CAAC;IAEH,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wCAAwC,UAAU;2CAC5B,KAAK,CAAC,IAAI,cAAc,CAAC,CAAC;QACjE,sEAAsE;QACtE,mEAAmE;QACnE,oEAAoE;QACpE,yDAAyD;QACzD,qEAAqE;QACrE,+CAA+C;QAC/C,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;uCACgB,KAAK,CAAC,IAAI;mGACkD,CAAC,CAAC;QACjG,CAAC;QACD,kEAAkE;QAClE,+DAA+D;QAC/D,wDAAwD;QACxD,gEAAgE;QAChE,kEAAkE;QAClE,+DAA+D;QAC/D,+DAA+D;QAC/D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;qCACgB,KAAK,CAAC,IAAI;sEACuB,CAAC,CAAC;QACpE,+DAA+D;QAC/D,qEAAqE;QACrE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;oCACe,KAAK,CAAC,IAAI;2GAC6D,CAAC,CAAC;IAC3G,CAAC;SAAM,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;QACjC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wCAAwC,UAAU;0EACG,CAAC,CAAC;IAC1E,CAAC;SAAM,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;QACxD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;oCACe,KAAK,CAAC,IAAI;wEAC0B,CAAC,CAAC;IACxE,CAAC;IAED,uDAAuD;IACvD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;YACP,SAAS;sFACiE,CAAC,CAAC;IAEtF,OAAO,MAAM,CAAC,oCAAoC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAC/E,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAY;IACvC,OAAO,CACL,KAAK,KAAK,OAAO;QACjB,KAAK,KAAK,SAAS;QACnB,KAAK,KAAK,WAAW;QACrB,KAAK,KAAK,UAAU;QACpB,KAAK,KAAK,OAAO,CAClB,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAS,iBAAiB,CAAC,KAAY;IACrC,OAAO,CACL,KAAK,KAAK,OAAO;QACjB,KAAK,KAAK,SAAS;QACnB,KAAK,KAAK,WAAW;QACrB,KAAK,KAAK,UAAU,CACrB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"affordances.js","sourceRoot":"","sources":["../../../src/pages/dashboard/affordances.ts"],"names":[],"mappings":"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"}

package/dist/pages/dashboard/affordances.ts

@@ -1,134 +1,355 @@
 /**
- * Per-row affordance helpers for the dashboard.
+ * Per-row affordance rendering for the dashboard.
  *
- * Pipeline-redesign Task 34. Buttons are static HTML — they link to
- * the entry's review surface (`/dev/editorial-review/<uuid>`) or
- * carry a `data-copy` payload that the existing studio client copies
- * to the clipboard. No new backend handlers are wired here; the
- * universal-verb skills are the canonical action path.
+ * Implements the v0.20 row-affordance redesign (ACCEPTED archive entry
+ * `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/`):
  *
- * Per DESKWORK-STATE-MACHINE.md (v5):
- * - Verbs are stage-gated, not state-gated. The iterate button shows
- *   on stages-that-permit-edits (Ideas/Planned/Outlining/Drafting),
- *   not on Final (locked) or Published (immutable).
- * - Revisions (the iteration counter) are bookkeeping. They do not
- *   surface in routine UI; the operator only sees them via revision
- *   history / revert flows. The previous "iteration: N" per-row
- *   display has been removed.
+ * - **Mobile** — the row at-rest is clean (slug + title + date). A trailing
+ *   `⋮` button toggles a menu popover with the FULL stage-aware verb set.
+ *   Swipe-left on the row reveals a drawer with the TOP-N stage-aware verbs
+ *   as colored chips (fast power-user path).
+ * - **Desktop** — high-frequency verbs (iterate / approve / view / induct
+ *   as applicable) render as inline outlined chips next to the row. The same
+ *   `⋮` button + menu hold the secondary verbs (block / cancel / scrapbook).
+ *
+ * Stage-aware verb vocabulary per DESKWORK-STATE-MACHINE.md (Commandment II
+ * — verbs are stage-gated). The block + induct verbs are surfaced uniformly
+ * on every linear-pipeline stage (block pauses an in-pipeline entry; induct
+ * teleports to an operator-chosen stage in either direction). Both clipboard-
+ * copy their `/deskwork:<verb> <slug>` slash command; the receiving agent
+ * runs the atomic CLI helper (`deskwork block / cancel / induct`).
+ *
+ * The row's outer wrapper is `.er-row-shell` (was `.er-calendar-row-wrap`).
+ * Inside: a `.er-row-drawer` for the swipe-action chips (positioned right of
+ * the foreground; hidden behind it at-rest), the `.er-row-fg` foreground
+ * content (translates left on swipe to reveal the drawer), and a
+ * `.er-row-menu` popover (absolute-positioned, hidden by default; surfaced
+ * when `⋮` is clicked). The client controller `row-actions.ts` wires the
+ * gestures + menu state.
  */
 
 import { html, unsafe, type RawHtml } from '../html.ts';
 import { scrapbookViewerUrl } from '../../components/scrapbook-item.ts';
 import type { Entry, Stage } from '@deskwork/core/schema/entry';
 
+/** A single verb the operator can invoke from a row. */
+interface Verb {
+  /** Internal kind — drives CSS accent class + glyph. */
+  readonly kind:
+    | 'iterate'
+    | 'approve'
+    | 'block'
+    | 'cancel'
+    | 'induct'
+    | 'view'
+    | 'scrapbook';
+  /** Display label for drawer chip + menu item. */
+  readonly label: string;
+  /** Single-character glyph. */
+  readonly glyph: string;
+  /**
+   * Either a `data-copy` payload (slash command — most verbs) or a `data-href`
+   * payload (URL — view, scrapbook). Mutually exclusive.
+   */
+  readonly copy?: string;
+  readonly href?: string;
+  /** Title attribute / accessibility hint. */
+  readonly title: string;
+  /** Optional compact label for swipe-drawer chip (cramped 64px width). */
+  readonly drawerLabel?: string;
+}
+
 /**
- * Build the per-row action strip. Affordances vary by stage:
- *
- * - Stages-that-permit-edits (Ideas / Planned / Outlining / Drafting):
- *   "open →" link, "iterate →" copy-CLI button (always; no state gate),
- *   "approve →" copy-CLI button, "cancel ⊘" copy-CLI button.
- * - Final: "open →", "approve →" (graduates to Published; assigns a
- *   version per the operator's scheme), "cancel ⊘". NO iterate
- *   (Final locks content per the spec).
- * - Published: "view →" (read-only review surface). Future enhancement:
- *   surface a "revise" affordance that inducts back to Drafting.
- * - Blocked / Cancelled: "induct →" copy-CLI to bring the entry back.
+ * Build the stage-aware verb set for an entry. Returns three views — the
+ * inline-chip set (desktop high-frequency verbs), the drawer set (mobile
+ * swipe top-N), and the menu set (full stage-aware vocabulary).
  *
- * All non-terminal stages also get a `scrapbook ↗` link (#157).
- *
- * Each button's behavior is parked behind a `data-copy` attribute so
- * the existing studio client (editorial-studio-client.ts) handles
- * clipboard wiring without new server handlers.
+ * Visibility-by-surface is intentional and documented in
+ * `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/brief.md`.
  */
-export function renderRowActions(entry: Entry, defaultSite: string): RawHtml {
-  const buttons: string[] = [];
-  const stage = entry.currentStage;
+function verbsForStage(
+  stage: Stage,
+  entry: Entry,
+  defaultSite: string,
+): {
+  readonly inline: readonly Verb[];
+  readonly drawer: readonly Verb[];
+  readonly menu: readonly Verb[];
+} {
+  const slug = entry.slug;
   const reviewLink = `/dev/editorial-review/entry/${entry.uuid}`;
-  // Scrapbook URL uses the project's defaultSite. Multi-site calendars
-  // would require a per-entry site lookup (out of scope for #157 — the
-  // primary value is the dashboard ↔ scrapbook entry point existing at
-  // all, and most projects have a single site). Slug already contains
-  // any hierarchical path segments.
-  //
-  // #205: thread the entry's UUID through `scrapbookViewerUrl` so the
-  // standalone viewer's server route resolves the listing via
-  // `scrapbookDirForEntry` for entries whose on-disk path doesn't match
-  // the slug template (e.g. feature-doc layouts under
-  // `docs/<version>/<status>/<slug>/`). Falls back to slug-template
-  // addressing for entries without an id binding.
+  // Scrapbook URL uses the project's defaultSite (#157, #205). Slug already
+  // contains any hierarchical segments.
   const scrapLink = scrapbookViewerUrl({
     site: defaultSite,
-    path: entry.slug,
+    path: slug,
     entryId: entry.uuid,
   });
 
-  if (isLinearActiveStage(stage)) {
-    buttons.push(html`<a class="er-btn er-btn-small" href="${reviewLink}"
-      title="open the review surface for ${entry.slug}">open →</a>`);
-    // Iterate — stage-gated per DESKWORK-STATE-MACHINE.md Commandment II:
-    // verbs are stage-gated, never state-gated. Iterate runs on stages
-    // that permit edits (Ideas / Planned / Outlining / Drafting); Final
-    // locks content so iterate is hidden there. The previous
-    // `reviewState === 'iterating'` gate was a Commandment II violation;
-    // removed in the v0.19 spec-conformance sweep.
-    if (stagePermitsEdits(stage)) {
-      buttons.push(html`<button class="er-btn er-btn-small er-btn-primary er-copy-btn" type="button"
-        data-copy="/deskwork:iterate ${entry.slug}"
-        title="operator clicked Iterate — run the iterate skill in Claude Code">iterate →</button>`);
-    }
-    // Approve (#244) — unconditional on active-pipeline rows. Mirrors
-    // the review-surface decision strip (Approve is always visible
-    // there); the dashboard previously gated this button on
-    // `reviewState === 'approved'`, which is a transient state most
-    // rows never carry, leaving the button effectively invisible. The
-    // operator should be able to advance any active-pipeline entry
-    // from the dashboard without first opening the review surface.
-    buttons.push(html`<button class="er-btn er-btn-small er-btn-approve er-copy-btn" type="button"
-      data-copy="/deskwork:approve ${entry.slug}"
-      title="advance this entry to the next stage">approve →</button>`);
-    // Cancel (#242) — pull this entry off-pipeline. Same clipboard
-    // routing as approve / iterate; the skill mutates sidecar + journal.
-    buttons.push(html`<button class="er-btn er-btn-small er-btn-reject er-copy-btn" type="button"
-      data-copy="/deskwork:cancel ${entry.slug}"
-      title="pull this entry off-pipeline (Cancelled). Reversible via /deskwork:induct.">cancel ⊘</button>`);
-  } else if (stage === 'Published') {
-    buttons.push(html`<a class="er-btn er-btn-small" href="${reviewLink}"
-      title="read-only review surface for the published entry">view →</a>`);
-  } else if (stage === 'Blocked' || stage === 'Cancelled') {
-    buttons.push(html`<button class="er-btn er-btn-small er-copy-btn" type="button"
-      data-copy="/deskwork:induct ${entry.slug}"
-      title="bring this entry back into the pipeline">induct →</button>`);
+  const iterate: Verb = {
+    kind: 'iterate',
+    label: 'Iterate',
+    glyph: '↻',
+    copy: `/deskwork:iterate ${slug}`,
+    title: 'append a new revision to this entry',
+  };
+  const approve: Verb = {
+    kind: 'approve',
+    label: stage === 'Final' ? 'Approve → Published' : 'Approve',
+    glyph: '✓',
+    // Per DESKWORK-STATE-MACHINE.md Commandment II, approve is universal
+    // across every linear-pipeline transition including Final → Published.
+    // The `/deskwork:approve` skill handles all stage transitions; the
+    // separate `/deskwork:publish` skill is an alias for the Final →
+    // Published case, not a separate verb. Use approve uniformly.
+    copy: `/deskwork:approve ${slug}`,
+    title:
+      stage === 'Final'
+        ? 'advance this entry to Published (assigns a public version)'
+        : 'advance this entry to the next stage',
+  };
+  const block: Verb = {
+    kind: 'block',
+    label: 'Block (pause)',
+    glyph: '‖',
+    copy: `/deskwork:block ${slug}`,
+    title: 'pause this entry without abandoning it (reversible via /deskwork:induct)',
+  };
+  const induct: Verb = {
+    kind: 'induct',
+    label: 'Induct… (pick stage)',
+    glyph: '⇄',
+    copy: `/deskwork:induct ${slug}`,
+    title: 'teleport this entry to a chosen stage (forward or backward)',
+  };
+  const cancel: Verb = {
+    kind: 'cancel',
+    label: 'Cancel',
+    glyph: '⊘',
+    copy: `/deskwork:cancel ${slug}`,
+    title: 'pull this entry off-pipeline (Cancelled; rarely resumed)',
+  };
+  const view: Verb = {
+    kind: 'view',
+    label: 'View',
+    glyph: '→',
+    href: reviewLink,
+    title: 'read-only review surface for the published entry',
+  };
+  const scrapbook: Verb = {
+    kind: 'scrapbook',
+    label: 'Open scrapbook',
+    glyph: '⊞',
+    href: scrapLink,
+    title: "open the entry's scrapbook (research notes, drafts, etc.)",
+    drawerLabel: 'Scrpbk',
+  };
+  // Used only on Blocked/Cancelled rows where induct's primary use is
+  // bringing the entry back into the pipeline.
+  const inductForward: Verb = {
+    ...induct,
+    label: 'Induct… (pick stage)',
+    title: 'bring this entry back into the pipeline',
+  };
+
+  if (stage === 'Ideas' || stage === 'Planned' || stage === 'Outlining' || stage === 'Drafting') {
+    return {
+      // Scrapbook stays inline on every stage — it's the entry's research
+      // surface, used at the same cadence as the active-stage verb.
+      inline: [iterate, approve, scrapbook],
+      drawer: [iterate, approve, cancel, scrapbook],
+      menu: [iterate, approve, block, induct, cancel, scrapbook],
+    };
+  }
+  if (stage === 'Final') {
+    return {
+      inline: [approve, scrapbook],
+      drawer: [approve, cancel, scrapbook],
+      menu: [approve, block, induct, cancel, scrapbook],
+    };
+  }
+  if (stage === 'Blocked' || stage === 'Cancelled') {
+    return {
+      inline: [inductForward, scrapbook],
+      drawer: [inductForward, scrapbook],
+      menu: [inductForward, scrapbook],
+    };
+  }
+  if (stage === 'Published') {
+    // Frozen artifact; view + scrapbook only.
+    return {
+      inline: [view, scrapbook],
+      drawer: [view, scrapbook],
+      menu: [view, scrapbook],
+    };
+  }
+  // Exhaustiveness check — if the Stage union gains a new variant, the
+  // assertion will fail at typecheck time and at runtime so we don't
+  // silently fall through to an empty verb set.
+  const _exhaustive: never = stage;
+  throw new Error(`verbsForStage: unhandled stage "${String(_exhaustive)}"`);
+}
+
+function renderDrawerChip(verb: Verb): string {
+  const labelText = verb.drawerLabel ?? verb.label.split(' ')[0];
+  // Route the data attribute through the html tag so its value is
+  // properly attribute-escaped. Slug regex constrains the payload today
+  // (no unbalanced quotes possible) but future-verb churn could land a
+  // payload with HTML-sensitive characters; the tag handles them.
+  if (verb.copy !== undefined) {
+    return html`<button type="button"
+      class="er-row-action er-row-action-${verb.kind}"
+      data-copy="${verb.copy}"
+      title="${verb.title}">
+      <span class="er-row-action-glyph" aria-hidden="true">${verb.glyph}</span>
+      <span class="er-row-action-label">${labelText}</span>
+    </button>`;
   }
+  return html`<button type="button"
+    class="er-row-action er-row-action-${verb.kind}"
+    data-href="${verb.href ?? ''}"
+    title="${verb.title}">
+    <span class="er-row-action-glyph" aria-hidden="true">${verb.glyph}</span>
+    <span class="er-row-action-label">${labelText}</span>
+  </button>`;
+}
 
-  // Scrapbook link follows every stage's primary action.
-  buttons.push(html`<a class="er-btn er-btn-small er-btn-scrap"
-    href="${scrapLink}" data-action="open-scrapbook"
-    title="open the entry's scrapbook (research notes, drafts, etc.)">scrapbook ↗</a>`);
+function renderInlineChip(verb: Verb): string {
+  // Inline chips are the high-frequency desktop affordances. View +
+  // scrapbook render as plain links (no clipboard); the rest are
+  // clipboard-copy buttons routing slash commands. Scrapbook links
+  // also carry `data-action="open-scrapbook"` so the existing client
+  // can distinguish them from review-surface links (#157, #205).
+  if (verb.href !== undefined) {
+    const dataAction = verb.kind === 'scrapbook' ? ' data-action="open-scrapbook"' : '';
+    return html`<a class="er-btn-chip er-btn-chip-${verb.kind}"
+      href="${verb.href}"${unsafe(dataAction)} title="${verb.title}">${verb.label} ${verb.glyph}</a>`;
+  }
+  return html`<button type="button"
+    class="er-btn-chip er-btn-chip-${verb.kind} er-copy-btn"
+    data-copy="${verb.copy ?? ''}"
+    title="${verb.title}">${verb.label.toLowerCase()} ${verb.glyph}</button>`;
+}
 
-  return unsafe(`<span class="er-calendar-action">${buttons.join('')}</span>`);
+function renderMenuItem(verb: Verb): string {
+  // Short command hint matching the mockup's compact form:
+  //   copy verbs → `/deskwork:approve` (verb only, no slug)
+  //   href verbs → `/dev/scrapbook` / `/dev/editorial-review` (path stem,
+  //                no site / uuid / query string)
+  // The clipboard-copy still routes the FULL slash command via data-copy;
+  // hrefs still navigate to the full URL via data-href. The hint is just a
+  // visual reminder of which command/route is being invoked — appending the
+  // slug / full path doubles the cmd cell width and forces the label to
+  // wrap on narrow viewports.
+  const cmdHint = verb.copy !== undefined
+    ? verb.copy.split(' ', 1)[0]
+    : (verb.href ?? '').split('/').slice(0, 3).join('/');
+  // Route data attributes through the html tag for proper escaping.
+  if (verb.href !== undefined) {
+    return html`<button type="button"
+      class="er-row-menu-item"
+      role="menuitem"
+      data-href="${verb.href}"
+      title="${verb.title}">
+      <span class="er-row-menu-glyph er-row-menu-glyph-${verb.kind}" aria-hidden="true">${verb.glyph}</span>
+      <span class="er-row-menu-label">${verb.label}</span>
+      <span class="er-row-menu-cmd">${cmdHint}</span>
+    </button>`;
+  }
+  return html`<button type="button"
+    class="er-row-menu-item"
+    role="menuitem"
+    data-copy="${verb.copy ?? ''}"
+    title="${verb.title}">
+    <span class="er-row-menu-glyph er-row-menu-glyph-${verb.kind}" aria-hidden="true">${verb.glyph}</span>
+    <span class="er-row-menu-label">${verb.label}</span>
+    <span class="er-row-menu-cmd">${cmdHint}</span>
+  </button>`;
 }
 
-function isLinearActiveStage(stage: Stage): boolean {
-  return (
-    stage === 'Ideas' ||
-    stage === 'Planned' ||
-    stage === 'Outlining' ||
-    stage === 'Drafting' ||
-    stage === 'Final'
-  );
+/**
+ * Group menu items per the mockup's visual rhythm:
+ *   primary verbs · divider · secondary (block / induct) · divider · off-pipeline
+ *
+ * For Blocked/Cancelled/Published the menu is short enough to skip dividers.
+ */
+function renderMenu(stage: Stage, menu: readonly Verb[]): string {
+  const isShort = stage === 'Blocked' || stage === 'Cancelled' || stage === 'Published';
+  if (isShort) {
+    return menu.map(renderMenuItem).join('');
+  }
+  // Active + Final use grouped layout.
+  const primary: Verb[] = [];
+  const secondary: Verb[] = [];
+  const tail: Verb[] = [];
+  for (const v of menu) {
+    if (v.kind === 'iterate' || v.kind === 'approve') primary.push(v);
+    else if (v.kind === 'block' || v.kind === 'induct') secondary.push(v);
+    else tail.push(v);
+  }
+  const divider = '<hr class="er-row-menu-divider" role="separator" />';
+  return [
+    ...primary.map(renderMenuItem),
+    primary.length > 0 && secondary.length > 0 ? divider : '',
+    ...secondary.map(renderMenuItem),
+    secondary.length > 0 && tail.length > 0 ? divider : '',
+    ...tail.map(renderMenuItem),
+  ]
+    .filter(Boolean)
+    .join('');
+}
+
+/**
+ * Render the row's affordance chrome — drawer + inline chips + ⋮ button.
+ *
+ * Returned HTML expects to be embedded inside the row's foreground container
+ * (`.er-row-fg`). The drawer + menu live as siblings of `.er-row-fg` inside
+ * `.er-row-shell`; section.ts owns that outer composition.
+ *
+ * Three pieces:
+ *   1. Inline chips — high-frequency verbs as outlined chips (desktop only;
+ *      CSS hides them on mobile).
+ *   2. Overflow `⋮` button — toggles the menu popover. Visible on both
+ *      mobile and desktop.
+ *
+ * Drawer + menu are rendered separately via `renderRowDrawer` and
+ * `renderRowMenu` (also exported) so section.ts can place them in the
+ * correct outer layout (drawer is sibling of `.er-row-fg`; menu is sibling
+ * of `.er-row-fg`).
+ */
+export function renderRowActions(entry: Entry, defaultSite: string): RawHtml {
+  const { inline } = verbsForStage(entry.currentStage, entry, defaultSite);
+  const chips = inline.map(renderInlineChip).join('');
+  const overflow = html`<button type="button"
+    class="er-row-overflow"
+    data-row-overflow
+    aria-haspopup="menu"
+    aria-expanded="false"
+    aria-label="More actions">⋮</button>`;
+  // Keep `.er-calendar-action` as the wrapper class so the existing
+  // mobile grid-template-areas (`action` area at row 3 of the row
+  // grid) and desktop layout rules continue to position the chrome.
+  // The `.er-row-affordances` class is added alongside as a v0.20
+  // marker for any future rules that need to target the new chrome
+  // specifically.
+  return unsafe(`<span class="er-calendar-action er-row-affordances">${chips}${overflow}</span>`);
+}
+
+/**
+ * Drawer rendered as a sibling of `.er-row-fg`. Absolute-positioned at the
+ * row's trailing edge; hidden behind the foreground at-rest. Revealed by
+ * the foreground translating left on swipe.
+ */
+export function renderRowDrawer(entry: Entry, defaultSite: string): RawHtml {
+  const { drawer } = verbsForStage(entry.currentStage, entry, defaultSite);
+  return unsafe(html`<div class="er-row-drawer" aria-hidden="true">${unsafe(drawer.map(renderDrawerChip).join(''))}</div>`);
 }
 
 /**
- * Stages that permit content edits (and therefore iterate). Final
- * locks content per DESKWORK-STATE-MACHINE.md — iterate refuses there;
- * the operator must induct backward to a stage that permits edits if
- * they want to revise a Final entry.
+ * Menu popover rendered as a sibling of `.er-row-fg`. Hidden by default
+ * (the controller flips `hidden` + `aria-expanded` on the overflow button).
  */
-function stagePermitsEdits(stage: Stage): boolean {
-  return (
-    stage === 'Ideas' ||
-    stage === 'Planned' ||
-    stage === 'Outlining' ||
-    stage === 'Drafting'
-  );
+export function renderRowMenu(entry: Entry, defaultSite: string): RawHtml {
+  const { menu } = verbsForStage(entry.currentStage, entry, defaultSite);
+  return unsafe(html`<div class="er-row-menu" role="menu" hidden>${unsafe(renderMenu(entry.currentStage, menu))}</div>`);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAyBhE;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CA2BnF;AAgCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,KAAK,EAAE,EACzB,WAAW,EAAE,MAAM,GAClB,OAAO,CAkCT;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAsBvD"}
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAyBhE;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAgDnF;AAgCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,KAAK,EAAE,EACzB,WAAW,EAAE,MAAM,GAClB,OAAO,CAkCT;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAsBvD"}

package/dist/pages/dashboard/section.js

@@ -14,7 +14,7 @@
  * `<h2 class="er-section-head">` heading carries the stage name.
  */
 import { html, unsafe } from "../html.js";
-import { renderRowActions } from "./affordances.js";
+import { renderRowActions, renderRowDrawer, renderRowMenu } from "./affordances.js";
 const STAGE_ORNAMENTS = {
     Ideas: '◇',
     Planned: '§',
@@ -57,10 +57,30 @@ export function renderRow(entry, index, defaultSite) {
     const depthAttrs = depth > 0
         ? unsafe(html ` data-depth="${depth}" style="--er-row-depth: ${depth}"`)
         : '';
+    // Row composition (v0.20 redesign — ACCEPTED archive entry
+    // `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/`):
+    //   <er-row-shell data-row-shell>
+    //     <er-row-drawer/>        ← absolute-positioned, hidden at-rest;
+    //                               revealed by swipe-left translating row-fg.
+    //     <er-row-fg>             ← visible foreground.
+    //       <er-row-num/>
+    //       <er-calendar-body/>   ← slug + title + date
+    //       <er-row-affordances/> ← inline chips (desktop) + ⋮ button
+    //     </er-row-fg>
+    //     <er-row-menu/>          ← absolute-positioned popover anchored to ⋮.
+    //   </er-row-shell>
+    // Client controller `row-actions.ts` wires the swipe gesture + menu state.
+    // data-* attrs (search/stage/uuid/slug) live on the SHELL only —
+    // the shell is the affordance boundary now. Existing filter +
+    // probe code targets `.er-calendar-row` so the legacy class stays
+    // on `.er-row-fg`, but the canonical attribute carriers are on the
+    // shell. Test selectors should prefer `[data-row-shell]`.
     return unsafe(html `
-    <div class="er-calendar-row-wrap" data-row-wrap data-search="${search}"${depthAttrs}>
-      <div class="er-calendar-row" data-stage="${entry.currentStage}"
-        data-uuid="${entry.uuid}" data-slug="${entry.slug}" data-search="${search}">
+    <div class="er-row-shell" data-row-shell data-search="${search}"${depthAttrs}
+      data-stage="${entry.currentStage}"
+      data-uuid="${entry.uuid}" data-slug="${entry.slug}">
+      ${renderRowDrawer(entry, defaultSite)}
+      <div class="er-row-fg er-calendar-row">
         <span class="er-row-num">№ ${String(index + 1).padStart(2, '0')}</span>
         <div class="er-calendar-body">
           <span class="er-row-slug"><a href="${reviewLink}"
@@ -72,6 +92,7 @@ export function renderRow(entry, index, defaultSite) {
         <span class="er-calendar-status" aria-hidden="true"></span>
         ${renderRowActions(entry, defaultSite)}
       </div>
+      ${renderRowMenu(entry, defaultSite)}
     </div>`);
 }
 /**

package/dist/pages/dashboard/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../src/pages/dashboard/section.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../src/pages/dashboard/section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,eAAe,GAA0B;IAC7C,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,GAAG;CACf,CAAC;AAEF,MAAM,oBAAoB,GAA0B;IAClD,KAAK,EAAE,kDAAkD;IACzD,OAAO,EAAE,gEAAgE;IACzE,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,uBAAuB;IACjC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,yBAAyB;IACpC,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,uBAAuB;CACnC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,SAAS,CAAC,KAAY,EAAE,KAAa,EAAE,WAAmB;IACxE,MAAM,UAAU,GAAG,+BAA+B,KAAK,CAAC,IAAI,EAAE,CAAC;IAC/D,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IAC3F,kEAAkE;IAClE,wEAAwE;IACxE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,MAAM,UAAU,GACd,KAAK,GAAG,CAAC;QACP,CAAC,CAAC,MAAM,CAAC,IAAI,CAAA,gBAAgB,KAAK,4BAA4B,KAAK,GAAG,CAAC;QACvE,CAAC,CAAC,EAAE,CAAC;IAET,2DAA2D;IAC3D,iFAAiF;IACjF,kCAAkC;IAClC,qEAAqE;IACrE,2EAA2E;IAC3E,oDAAoD;IACpD,sBAAsB;IACtB,oDAAoD;IACpD,kEAAkE;IAClE,mBAAmB;IACnB,2EAA2E;IAC3E,oBAAoB;IACpB,2EAA2E;IAC3E,iEAAiE;IACjE,8DAA8D;IAC9D,kEAAkE;IAClE,mEAAmE;IACnE,0DAA0D;IAC1D,OAAO,MAAM,CAAC,IAAI,CAAA;4DACwC,MAAM,IAAI,UAAU;oBAC5D,KAAK,CAAC,YAAY;mBACnB,KAAK,CAAC,IAAI,gBAAgB,KAAK,CAAC,IAAI;QAC/C,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC;;qCAEN,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;;+CAExB,UAAU;8CACX,KAAK,CAAC,IAAI;4CACZ,KAAK,CAAC,KAAK;;wBAE/B,KAAK,CAAC,SAAS,YAAY,KAAK,CAAC,SAAS,KAAK,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;;;UAGxF,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC;;QAEtC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC;WAC9B,CAAC,CAAC;AACb,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,SAAS,eAAe,CAAC,KAAY,EAAE,KAAa;IAClD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,eAAe,CAAC;IACrE,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAChD,OAAO,MAAM,CAAC,IAAI,CAAA;qBACC,OAAO;yBACH,KAAK;;6BAED,KAAK,CAAC,WAAW,EAAE,IAAI,MAAM,CAAC,YAAY,CAAC;6DACX,eAAe,CAAC,KAAK,CAAC;yCAC1C,KAAK;4DACc,KAAK;;cAEnD,CAAC,CAAC;AAChB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAAY,EACZ,OAAyB,EACzB,WAAmB;IAEnB,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAEpD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,MAAM,CAAC,IAAI,CAAA;sDACgC,KAAK;UACjD,IAAI;;sBAEQ,KAAK,CAAC,WAAW,EAAE,yBAAyB,KAAK;8BACzC,KAAK;;qBAEd,oBAAoB,CAAC,KAAK,CAAC;oBAC5B,KAAK;qCACY,eAAe,CAAC,KAAK,CAAC;;;;aAI9C,CAAC,CAAC;IACb,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAExF,OAAO,MAAM,CAAC,IAAI,CAAA;oDACgC,KAAK;QACjD,IAAI;8CACkC,KAAK,CAAC,WAAW,EAAE,yBAAyB,KAAK;;kBAE7E,KAAK;mCACY,eAAe,CAAC,KAAK,CAAC;kCACvB,OAAO,CAAC,MAAM;;UAEtC,IAAI;;WAEH,CAAC,CAAC;AACb,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,6BAA6B;IAC3C,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;WAoBT,CAAC,CAAC;AACb,CAAC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,mEAAmE;IACnE,sBAAsB;IACtB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1B,CAAC"}

package/dist/pages/dashboard/section.ts

@@ -16,7 +16,7 @@
 
 import { html, unsafe, type RawHtml } from '../html.ts';
 import type { Entry, Stage } from '@deskwork/core/schema/entry';
-import { renderRowActions } from './affordances.ts';
+import { renderRowActions, renderRowDrawer, renderRowMenu } from './affordances.ts';
 
 const STAGE_ORNAMENTS: Record<Stage, string> = {
   Ideas: '◇',
@@ -64,10 +64,30 @@ export function renderRow(entry: Entry, index: number, defaultSite: string): Raw
       ? unsafe(html` data-depth="${depth}" style="--er-row-depth: ${depth}"`)
       : '';
 
+  // Row composition (v0.20 redesign — ACCEPTED archive entry
+  // `docs/studio-design/ACCEPTED/2026-05-11-row-affordance-overflow-plus-swipe/`):
+  //   <er-row-shell data-row-shell>
+  //     <er-row-drawer/>        ← absolute-positioned, hidden at-rest;
+  //                               revealed by swipe-left translating row-fg.
+  //     <er-row-fg>             ← visible foreground.
+  //       <er-row-num/>
+  //       <er-calendar-body/>   ← slug + title + date
+  //       <er-row-affordances/> ← inline chips (desktop) + ⋮ button
+  //     </er-row-fg>
+  //     <er-row-menu/>          ← absolute-positioned popover anchored to ⋮.
+  //   </er-row-shell>
+  // Client controller `row-actions.ts` wires the swipe gesture + menu state.
+  // data-* attrs (search/stage/uuid/slug) live on the SHELL only —
+  // the shell is the affordance boundary now. Existing filter +
+  // probe code targets `.er-calendar-row` so the legacy class stays
+  // on `.er-row-fg`, but the canonical attribute carriers are on the
+  // shell. Test selectors should prefer `[data-row-shell]`.
   return unsafe(html`
-    <div class="er-calendar-row-wrap" data-row-wrap data-search="${search}"${depthAttrs}>
-      <div class="er-calendar-row" data-stage="${entry.currentStage}"
-        data-uuid="${entry.uuid}" data-slug="${entry.slug}" data-search="${search}">
+    <div class="er-row-shell" data-row-shell data-search="${search}"${depthAttrs}
+      data-stage="${entry.currentStage}"
+      data-uuid="${entry.uuid}" data-slug="${entry.slug}">
+      ${renderRowDrawer(entry, defaultSite)}
+      <div class="er-row-fg er-calendar-row">
         <span class="er-row-num">№ ${String(index + 1).padStart(2, '0')}</span>
         <div class="er-calendar-body">
           <span class="er-row-slug"><a href="${reviewLink}"
@@ -79,6 +99,7 @@ export function renderRow(entry: Entry, index: number, defaultSite: string): Raw
         <span class="er-calendar-status" aria-hidden="true"></span>
         ${renderRowActions(entry, defaultSite)}
       </div>
+      ${renderRowMenu(entry, defaultSite)}
     </div>`);
 }
 

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

package/dist/pages/dashboard.js

@@ -73,6 +73,7 @@ export async function renderDashboard(ctx, getIndex) {
             '/static/css/editorial-nav.css',
             '/static/css/editorial-studio.css',
             '/static/css/dashboard-mobile.css',
+            '/static/css/dashboard-row-affordances.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;SACnC;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":"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"}

package/dist/pages/dashboard.ts

@@ -95,6 +95,7 @@ export async function renderDashboard(
       '/static/css/editorial-nav.css',
       '/static/css/editorial-studio.css',
       '/static/css/dashboard-mobile.css',
+      '/static/css/dashboard-row-affordances.css',
     ],
     bodyAttrs: 'data-review-ui="studio"',
     bodyHtml: body,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deskwork/studio",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "description": "Editorial review studio — local web UI for the deskwork plugin",
   "homepage": "https://github.com/audiocontrol-org/deskwork#readme",
@@ -46,7 +46,7 @@
     "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.41.1",
-    "@deskwork/core": "0.19.0",
+    "@deskwork/core": "0.20.0",
     "@hono/node-server": "^1.13.7",
     "@lezer/highlight": "^1.2.3",
     "esbuild": "^0.28.0",