@deskwork/studio 0.19.1 → 0.21.0

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

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,