@deskwork/studio 0.19.1 → 0.21.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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"}