@deskwork/studio 0.21.0 → 0.22.1

package/dist/pages/dashboard/press-queue.ts

@@ -0,0 +1,112 @@
+/**
+ * Press-queue sidebar — the dashboard's right column.
+ *
+ * "Press-check" gravity: at the press, the operator wants to know what
+ * needs their eyes RIGHT NOW, separately from the at-a-glance pipeline
+ * view on the left. This panel surfaces every entry in active review
+ * (`reviewState === 'in-review'`), longest-waiting first, with a soft
+ * empty state when the press is quiet.
+ *
+ * Closes the long-empty right column the dashboard's `.er-layout` grid
+ * has been declaring since the surface shipped (#158 child concern).
+ */
+
+import { html, unsafe, type RawHtml } from '../html.ts';
+import type { Entry, Stage } from '@deskwork/core/schema/entry';
+import { formatRelativeTime } from '@deskwork/core/scrapbook';
+
+const STAGE_ORNAMENTS: Record<Stage, string> = {
+  Ideas: '◇',
+  Planned: '§',
+  Outlining: '⊹',
+  Drafting: '✎',
+  Final: '※',
+  Published: '✓',
+  Blocked: '⊘',
+  Cancelled: '✗',
+};
+
+interface AwaitingItem {
+  readonly entry: Entry;
+  readonly waitedMs: number;
+}
+
+/**
+ * Filter the dashboard's entries to those currently in review and
+ * sort longest-waiting first. The "longest waiting" axis is `updatedAt`
+ * — every iterate / review-state-change writes to it, so the entry
+ * whose updatedAt is oldest is the one the operator has been ignoring
+ * longest.
+ */
+function selectAwaitingItems(entries: readonly Entry[], now: Date): AwaitingItem[] {
+  const items: AwaitingItem[] = [];
+  for (const entry of entries) {
+    if (entry.reviewState !== 'in-review') continue;
+    const updatedAt = new Date(entry.updatedAt).getTime();
+    items.push({ entry, waitedMs: now.getTime() - updatedAt });
+  }
+  items.sort((a, b) => b.waitedMs - a.waitedMs);
+  return items;
+}
+
+function renderItem(
+  item: AwaitingItem,
+  defaultSite: string,
+  now: Date,
+): RawHtml {
+  const { entry } = item;
+  void defaultSite;
+  const reviewLink = `/dev/editorial-review/entry/${entry.uuid}`;
+  return unsafe(html`
+    <li class="er-press-queue__item" data-stage="${entry.currentStage}">
+      <a class="er-press-queue__link" href="${reviewLink}">
+        <span class="er-press-queue__ornament" aria-hidden="true">${STAGE_ORNAMENTS[entry.currentStage]}</span>
+        <span class="er-press-queue__body">
+          <span class="er-press-queue__slug">${entry.slug}</span>
+          <span class="er-press-queue__meta">
+            <span class="er-press-queue__stage">${entry.currentStage}</span>
+            <span class="er-press-queue__sep" aria-hidden="true">·</span>
+            <span class="er-press-queue__waited">${formatRelativeTime(entry.updatedAt, now)}</span>
+          </span>
+        </span>
+      </a>
+    </li>`);
+}
+
+function renderEmptyState(): RawHtml {
+  return unsafe(html`
+    <div class="er-press-queue__empty">
+      <span class="er-press-queue__empty-mark" aria-hidden="true">※</span>
+      <p class="er-press-queue__empty-line">The press is quiet.</p>
+      <p class="er-press-queue__empty-hint">Nothing in review.</p>
+    </div>`);
+}
+
+export function renderPressQueue(
+  entries: readonly Entry[],
+  defaultSite: string,
+  now: Date,
+): RawHtml {
+  const items = selectAwaitingItems(entries, now);
+  const body =
+    items.length === 0
+      ? renderEmptyState()
+      : unsafe(html`
+          <ol class="er-press-queue__list">
+            ${unsafe(
+              items
+                .map((item) => renderItem(item, defaultSite, now).__raw)
+                .join('\n'),
+            )}
+          </ol>`);
+  return unsafe(html`
+    <aside class="er-press-queue${items.length === 0 ? ' er-press-queue--empty' : ''}"
+           aria-label="Awaiting your eyes">
+      <header class="er-press-queue__head">
+        <p class="er-press-queue__kicker">Press queue</p>
+        <h2 class="er-press-queue__title">Awaiting your <em>eyes</em></h2>
+        <p class="er-press-queue__count">№ ${items.length}</p>
+      </header>
+      ${body}
+    </aside>`);
+}

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,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"}
+{"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;AAsCD;;;;;;;;;;;;;;;;;;;;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,CAuBvD"}

package/dist/pages/dashboard/section.js

@@ -113,9 +113,15 @@ function renderStageTile(stage, count) {
     const isEmpty = count === 0;
     const classes = isEmpty ? 'er-stage-tile is-empty' : 'er-stage-tile';
     const disabledAttr = isEmpty ? ' disabled' : '';
+    // v7 architecture (Step 2.2.9): `data-stage-section-group="longform"`
+    // partitions single-expand state so the longform pipeline and the
+    // shortform-by-platform section operate independently. The client
+    // controller in `dashboard/stage-tiles.ts` reads this attribute to
+    // collapse only siblings in the same group when a tile is opened.
     return unsafe(html `
     <button class="${classes}" type="button"
       data-stage-tile="${stage}"
+      data-stage-section-group="longform"
       aria-expanded="false"
       aria-controls="stage-${stage.toLowerCase()}"${unsafe(disabledAttr)}>
       <span class="er-stage-tile-glyph" aria-hidden="true">${STAGE_ORNAMENTS[stage]}</span>
@@ -194,6 +200,7 @@ export function renderDistributionPlaceholder() {
     <div class="er-stage-block" data-stage-block="Distribution">
       <button class="er-stage-tile is-empty" type="button"
         data-stage-tile="Distribution"
+        data-stage-section-group="longform"
         aria-expanded="false"
         aria-controls="stage-distribution" disabled>
         <span class="er-stage-tile-glyph" aria-hidden="true">⌘</span>

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

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

package/dist/pages/dashboard/section.ts

@@ -121,9 +121,15 @@ function renderStageTile(stage: Stage, count: number): RawHtml {
   const isEmpty = count === 0;
   const classes = isEmpty ? 'er-stage-tile is-empty' : 'er-stage-tile';
   const disabledAttr = isEmpty ? ' disabled' : '';
+  // v7 architecture (Step 2.2.9): `data-stage-section-group="longform"`
+  // partitions single-expand state so the longform pipeline and the
+  // shortform-by-platform section operate independently. The client
+  // controller in `dashboard/stage-tiles.ts` reads this attribute to
+  // collapse only siblings in the same group when a tile is opened.
   return unsafe(html`
     <button class="${classes}" type="button"
       data-stage-tile="${stage}"
+      data-stage-section-group="longform"
       aria-expanded="false"
       aria-controls="stage-${stage.toLowerCase()}"${unsafe(disabledAttr)}>
       <span class="er-stage-tile-glyph" aria-hidden="true">${STAGE_ORNAMENTS[stage]}</span>
@@ -211,6 +217,7 @@ export function renderDistributionPlaceholder(): RawHtml {
     <div class="er-stage-block" data-stage-block="Distribution">
       <button class="er-stage-tile is-empty" type="button"
         data-stage-tile="Distribution"
+        data-stage-section-group="longform"
         aria-expanded="false"
         aria-controls="stage-distribution" disabled>
         <span class="er-stage-tile-glyph" aria-hidden="true">⌘</span>

package/dist/pages/dashboard/shortform-section.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Shortform-by-platform section renderer (Step 2.2.9 — studio-mobile-first).
+ *
+ * Per DESIGN-STANDARDS.md § Desk information architecture, the Desk's
+ * second section absorbs the legacy `/dev/editorial-review-shortform`
+ * page as four platform tiles (LinkedIn / Reddit / YouTube / Instagram),
+ * each collapsible to reveal that platform's open workflows. Tiles share
+ * the longform-pipeline tile shape (data-stage-tile + aria-expanded +
+ * data-stage-section attrs) so the existing `dashboard/stage-tiles.ts`
+ * client controller can drive both. `data-stage-section-group="shortform"`
+ * partitions single-expand state so longform and shortform open
+ * independently.
+ *
+ * Per DESKWORK-STATE-MACHINE.md Commandment III, rows do NOT render
+ * `.er-stamp` / `er-stamp-<state>` chrome. The pre-v7 shortform page
+ * rendered review-state stamps inline; this section does not.
+ *
+ * Per THESIS Consequence 2, rows are navigation-only. The trailing `⋮`
+ * placeholder anchor links to `/dev/editorial-review/<workflow.id>`;
+ * Step 2.2.10 lands the v0.20-style row popover with stage-aware verbs
+ * once the shortform verb-routing pieces (issues G.1-G.6) land. This
+ * commit does NOT smuggle verb-routing in early. Tracked in
+ * https://github.com/audiocontrol-org/deskwork/issues/263.
+ *
+ * TRANSITIONAL SHAPE: this row's `er-row-shell` markup is a strict
+ * subset of the longform row shell defined in
+ * `dashboard/section.ts:renderRow`. Longform shells carry three
+ * children (`er-row-drawer`, `er-row-fg`, `er-row-menu`); this shell
+ * carries only the `er-row-fg`. Step 2.2.10's popover wire-up is
+ * purely additive on the existing shape — it inserts the missing
+ * `er-row-menu` (and possibly `er-row-drawer` if a swipe gesture is
+ * scoped in). Keep the two row paths' attribute conventions aligned
+ * (data-row-shell, data-platform, data-site, data-slug already match)
+ * so the unification stays straightforward.
+ */
+import { type RawHtml } from '../html.ts';
+import type { DraftWorkflowItem } from '@deskwork/core/review/types';
+import type { Platform } from '@deskwork/core/types';
+/**
+ * Render the shortform section head — `<div class="er-desk-section-head
+ * er-desk-section-head--shortform">` matching the mockup's
+ * `.desk-section-head.shortform` shape. Glyph + label + caption count.
+ */
+export declare function renderShortformSectionHead(totalCount: number): RawHtml;
+/**
+ * Render one platform tile. Shares its tile shape + a11y attrs with the
+ * longform stage tile so the stage-tiles.ts client controller drives
+ * both. Empty platforms get `disabled` + `.is-empty` so the operator
+ * sees the platform exists but cannot drill into nothing.
+ */
+export declare function renderShortformPlatformTile(platform: Platform, count: number): RawHtml;
+/**
+ * Render a single shortform workflow row. Mirrors the v0.20 row-affordance
+ * shape: shell + foreground (slug + title + channel) + meta column (ts +
+ * version) + trailing `⋮`. The `⋮` is a navigation placeholder anchor —
+ * Step 2.2.10 wires the stage-aware row popover.
+ */
+export declare function renderShortformRow(workflow: DraftWorkflowItem, now: Date): RawHtml;
+/**
+ * Section data shape — the renderer reads counts + workflows per platform
+ * from the dashboard's loadDashboardData() output. Caller passes the
+ * ordered Map directly (insertion order = display order).
+ */
+export interface ShortformSectionData {
+    readonly shortformByPlatform: ReadonlyMap<Platform, readonly DraftWorkflowItem[]>;
+    readonly totalCount: number;
+}
+/**
+ * Compose the full shortform section: head + 4 platform tiles + per-
+ * platform row groups, in `DASHBOARD_PLATFORM_ORDER` order. All 4
+ * platforms render even when zero — empty tiles communicate platform
+ * existence (per § Empty-state rendering, "the absence of items is
+ * information about the pipeline shape").
+ *
+ * API shape note: this helper iterates platforms internally (single
+ * call → whole section), whereas the longform `renderStageSection` is
+ * called per-stage by `dashboard.ts` (caller iterates). The asymmetry
+ * is intentional: longform stages share a uniform shape across all
+ * eight stages, so the caller-iterates pattern keeps the loop visible
+ * in `dashboard.ts`. Shortform's four platforms share a section head
+ * and ordered iteration constraint that lives more cleanly inside the
+ * composer. If a future surface needs both shapes via a common
+ * abstraction, the unification belongs there, not here.
+ */
+export declare function renderShortformSection(data: ShortformSectionData, now: Date): RawHtml;
+//# sourceMappingURL=shortform-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shortform-section.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/shortform-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAoBrD;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAOtE;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,GACZ,OAAO,CAmBT;AAaD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,iBAAiB,EAC3B,GAAG,EAAE,IAAI,GACR,OAAO,CAqCT;AA6BD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,mBAAmB,EAAE,WAAW,CAAC,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC,CAAC;IAClF,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,oBAAoB,EAC1B,GAAG,EAAE,IAAI,GACR,OAAO,CAST"}

package/dist/pages/dashboard/shortform-section.js

@@ -0,0 +1,189 @@
+/**
+ * Shortform-by-platform section renderer (Step 2.2.9 — studio-mobile-first).
+ *
+ * Per DESIGN-STANDARDS.md § Desk information architecture, the Desk's
+ * second section absorbs the legacy `/dev/editorial-review-shortform`
+ * page as four platform tiles (LinkedIn / Reddit / YouTube / Instagram),
+ * each collapsible to reveal that platform's open workflows. Tiles share
+ * the longform-pipeline tile shape (data-stage-tile + aria-expanded +
+ * data-stage-section attrs) so the existing `dashboard/stage-tiles.ts`
+ * client controller can drive both. `data-stage-section-group="shortform"`
+ * partitions single-expand state so longform and shortform open
+ * independently.
+ *
+ * Per DESKWORK-STATE-MACHINE.md Commandment III, rows do NOT render
+ * `.er-stamp` / `er-stamp-<state>` chrome. The pre-v7 shortform page
+ * rendered review-state stamps inline; this section does not.
+ *
+ * Per THESIS Consequence 2, rows are navigation-only. The trailing `⋮`
+ * placeholder anchor links to `/dev/editorial-review/<workflow.id>`;
+ * Step 2.2.10 lands the v0.20-style row popover with stage-aware verbs
+ * once the shortform verb-routing pieces (issues G.1-G.6) land. This
+ * commit does NOT smuggle verb-routing in early. Tracked in
+ * https://github.com/audiocontrol-org/deskwork/issues/263.
+ *
+ * TRANSITIONAL SHAPE: this row's `er-row-shell` markup is a strict
+ * subset of the longform row shell defined in
+ * `dashboard/section.ts:renderRow`. Longform shells carry three
+ * children (`er-row-drawer`, `er-row-fg`, `er-row-menu`); this shell
+ * carries only the `er-row-fg`. Step 2.2.10's popover wire-up is
+ * purely additive on the existing shape — it inserts the missing
+ * `er-row-menu` (and possibly `er-row-drawer` if a swipe gesture is
+ * scoped in). Keep the two row paths' attribute conventions aligned
+ * (data-row-shell, data-platform, data-site, data-slug already match)
+ * so the unification stays straightforward.
+ */
+import { html, unsafe } from "../html.js";
+import { DASHBOARD_PLATFORM_ORDER } from "./data.js";
+const PLATFORM_CHROME = {
+    linkedin: { badge: 'in', name: 'LinkedIn', variant: 'linkedin' },
+    reddit: { badge: 'r/', name: 'Reddit', variant: 'reddit' },
+    youtube: { badge: '@', name: 'YouTube', variant: 'youtube' },
+    instagram: { badge: 'IG', name: 'Instagram', variant: 'instagram' },
+};
+/**
+ * Render the shortform section head — `<div class="er-desk-section-head
+ * er-desk-section-head--shortform">` matching the mockup's
+ * `.desk-section-head.shortform` shape. Glyph + label + caption count.
+ */
+export function renderShortformSectionHead(totalCount) {
+    return unsafe(html `
+    <div class="er-desk-section-head er-desk-section-head--shortform">
+      <span class="er-desk-section-head-glyph" aria-hidden="true">⊟</span>
+      <span class="er-desk-section-head-label">Shortform · by platform</span>
+      <span class="er-desk-section-head-count">· ${totalCount} ${totalCount === 1 ? 'workflow' : 'workflows'}</span>
+    </div>`);
+}
+/**
+ * Render one platform tile. Shares its tile shape + a11y attrs with the
+ * longform stage tile so the stage-tiles.ts client controller drives
+ * both. Empty platforms get `disabled` + `.is-empty` so the operator
+ * sees the platform exists but cannot drill into nothing.
+ */
+export function renderShortformPlatformTile(platform, count) {
+    const chrome = PLATFORM_CHROME[platform];
+    const isEmpty = count === 0;
+    const classes = isEmpty
+        ? 'er-stage-tile er-stage-tile--shortform is-empty'
+        : 'er-stage-tile er-stage-tile--shortform';
+    const disabledAttr = isEmpty ? ' disabled' : '';
+    const sectionId = `shortform-${platform}`;
+    return unsafe(html `
+    <button class="${classes}" type="button"
+      data-stage-tile="${sectionId}"
+      data-stage-section-group="shortform"
+      aria-expanded="false"
+      aria-controls="${sectionId}"${unsafe(disabledAttr)}>
+      <span class="er-platform-badge er-platform-badge--${chrome.variant}" aria-hidden="true">${chrome.badge}</span>
+      <span class="er-stage-tile-name">${chrome.name}</span>
+      <span class="er-stage-tile-count"><span class="num">${count}</span></span>
+      <span class="er-stage-tile-chev" aria-hidden="true">›</span>
+    </button>`);
+}
+function fmtRelTime(iso, now) {
+    const t = new Date(iso).getTime();
+    const s = Math.max(0, Math.floor((now.getTime() - t) / 1000));
+    if (s < 60)
+        return `${s}s ago`;
+    const m = Math.floor(s / 60);
+    if (m < 60)
+        return `${m}m ago`;
+    const h = Math.floor(m / 60);
+    if (h < 48)
+        return `${h}h ago`;
+    return `${Math.floor(h / 24)}d ago`;
+}
+/**
+ * Render a single shortform workflow row. Mirrors the v0.20 row-affordance
+ * shape: shell + foreground (slug + title + channel) + meta column (ts +
+ * version) + trailing `⋮`. The `⋮` is a navigation placeholder anchor —
+ * Step 2.2.10 wires the stage-aware row popover.
+ */
+export function renderShortformRow(workflow, now) {
+    // workflow.id is typed as `string` on DraftWorkflowItem; UUIDs are the
+    // current shape but the type system doesn't enforce that. Encode the
+    // path segment so a future non-UUID id (e.g. one containing `?`, `#`,
+    // space) doesn't silently produce a broken link.
+    const reviewLink = `/dev/editorial-review/${encodeURIComponent(workflow.id)}`;
+    const search = [workflow.slug, workflow.channel ?? '', workflow.platform ?? '']
+        .join(' ')
+        .toLowerCase();
+    const channelMarkup = workflow.channel
+        ? unsafe(html `<span class="er-row-shell-channel">${workflow.channel}</span>`)
+        : unsafe('');
+    // The workflow `slug` is the post slug; we surface it as the row's
+    // primary handle (consistent with longform rows). The workflow `id` is
+    // the navigation key (uuid in the review-pipeline store).
+    return unsafe(html `
+    <div class="er-row-shell er-row-shell--shortform"
+      data-row-shell data-search="${search}"
+      data-workflow-id="${workflow.id}"
+      data-platform="${workflow.platform ?? ''}"
+      data-site="${workflow.site}"
+      data-slug="${workflow.slug}">
+      <div class="er-row-fg er-shortform-row-fg">
+        <div class="er-shortform-row-body">
+          <span class="er-row-shell-slug"><a href="${reviewLink}"
+            title="open the review surface">${workflow.slug}</a></span>
+          ${channelMarkup}
+        </div>
+        <div class="er-shortform-row-meta">
+          <span class="er-shortform-row-ts">${fmtRelTime(workflow.updatedAt, now)}</span>
+          <span class="er-shortform-row-version">v${workflow.currentVersion}</span>
+        </div>
+        <a class="er-row-shell-link" href="${reviewLink}"
+          aria-label="Open shortform review for ${workflow.slug}"
+          title="open the review surface">⋮</a>
+      </div>
+    </div>`);
+}
+/**
+ * Render the platform's row group — the `<div class="er-row-group">`
+ * container holding all rows for that platform. The container carries
+ * the `data-stage-section` attr the stage-tiles.ts controller targets
+ * to apply `data-collapsed`.
+ */
+function renderPlatformRowGroup(platform, workflows, now) {
+    const sectionId = `shortform-${platform}`;
+    if (workflows.length === 0) {
+        // Empty platform — still emit the row-group container so the
+        // controller's `[data-stage-section="<id>"]` selector resolves. The
+        // tile is `disabled` so it cannot expand anyway; the empty container
+        // is structurally inert.
+        return unsafe(html `
+      <div class="er-row-group" id="${sectionId}" data-stage-section="${sectionId}"></div>`);
+    }
+    const rows = workflows.map((w) => renderShortformRow(w, now).__raw).join('');
+    return unsafe(html `
+    <div class="er-row-group" id="${sectionId}" data-stage-section="${sectionId}">
+      ${unsafe(rows)}
+    </div>`);
+}
+/**
+ * Compose the full shortform section: head + 4 platform tiles + per-
+ * platform row groups, in `DASHBOARD_PLATFORM_ORDER` order. All 4
+ * platforms render even when zero — empty tiles communicate platform
+ * existence (per § Empty-state rendering, "the absence of items is
+ * information about the pipeline shape").
+ *
+ * API shape note: this helper iterates platforms internally (single
+ * call → whole section), whereas the longform `renderStageSection` is
+ * called per-stage by `dashboard.ts` (caller iterates). The asymmetry
+ * is intentional: longform stages share a uniform shape across all
+ * eight stages, so the caller-iterates pattern keeps the loop visible
+ * in `dashboard.ts`. Shortform's four platforms share a section head
+ * and ordered iteration constraint that lives more cleanly inside the
+ * composer. If a future surface needs both shapes via a common
+ * abstraction, the unification belongs there, not here.
+ */
+export function renderShortformSection(data, now) {
+    const sectionHead = renderShortformSectionHead(data.totalCount);
+    const tilesAndGroups = DASHBOARD_PLATFORM_ORDER.map((platform) => {
+        const workflows = data.shortformByPlatform.get(platform) ?? [];
+        const tile = renderShortformPlatformTile(platform, workflows.length);
+        const group = renderPlatformRowGroup(platform, workflows, now);
+        return `${tile.__raw}${group.__raw}`;
+    }).join('');
+    return unsafe(html `${sectionHead}${unsafe(tilesAndGroups)}`);
+}
+//# sourceMappingURL=shortform-section.js.map

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

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