@deskwork/studio 0.20.0 → 0.22.0

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

@@ -0,0 +1,38 @@
+/**
+ * Adjacent-tools section renderer (Step 2.2.9 — studio-mobile-first).
+ *
+ * Per DESIGN-STANDARDS.md § Desk information architecture, the Desk's
+ * third section reserves space for Phase 3+ surfaces — Folio (standalone
+ * scrapbook viewer) and Files (content tree). These render as inert
+ * "future tiles" — visible but non-interactive — tagged `phase 3` so the
+ * operator sees what's coming without being able to tap a dead control.
+ *
+ * Per DESIGN-STANDARDS.md § Accessibility / Contrast, future tiles
+ * demote via explicit muted palette (NOT opacity reduction). All body
+ * text reads at ≥4.5:1 against the tile background; the ornamental
+ * border + glyph read at ≥3:1.
+ *
+ * The future tiles deliberately render as `<div>` (not `<button>`) — no
+ * interactive markup — so the stage-tiles.ts controller leaves them
+ * alone and assistive tech doesn't announce a disabled control. The
+ * `aria-disabled="true"` attribute communicates the inert state to AT.
+ * The `<div>`'s implicit `generic` role is preserved (no `role=
+ * presentation` override); per WAI-ARIA the generic role honors
+ * `aria-disabled` state, whereas `role="presentation"` would strip
+ * the element of all semantic identity and nullify the aria attribute.
+ */
+import { type RawHtml } from '../html.ts';
+/**
+ * Render the adjacent-tools section head — `<div class="er-desk-section-head
+ * er-desk-section-head--adjacent">` matching the mockup's
+ * `.desk-section-head.adjacent` shape. Kraft-colored glyph + label +
+ * "phase 3" caption.
+ */
+export declare function renderAdjacentSectionHead(): RawHtml;
+/**
+ * Compose the adjacent-tools section: section head + 2 future tiles
+ * (Folio + Files). No tap targets, no `data-stage-tile` attrs — these
+ * are structurally inert placeholders until Phase 3+ wires them.
+ */
+export declare function renderAdjacentSection(): RawHtml;
+//# sourceMappingURL=adjacent-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adjacent-section.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/adjacent-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAaxD;;;;;GAKG;AACH,wBAAgB,yBAAyB,IAAI,OAAO,CAOnD;AAWD;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,OAAO,CAI/C"}

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

@@ -0,0 +1,61 @@
+/**
+ * Adjacent-tools section renderer (Step 2.2.9 — studio-mobile-first).
+ *
+ * Per DESIGN-STANDARDS.md § Desk information architecture, the Desk's
+ * third section reserves space for Phase 3+ surfaces — Folio (standalone
+ * scrapbook viewer) and Files (content tree). These render as inert
+ * "future tiles" — visible but non-interactive — tagged `phase 3` so the
+ * operator sees what's coming without being able to tap a dead control.
+ *
+ * Per DESIGN-STANDARDS.md § Accessibility / Contrast, future tiles
+ * demote via explicit muted palette (NOT opacity reduction). All body
+ * text reads at ≥4.5:1 against the tile background; the ornamental
+ * border + glyph read at ≥3:1.
+ *
+ * The future tiles deliberately render as `<div>` (not `<button>`) — no
+ * interactive markup — so the stage-tiles.ts controller leaves them
+ * alone and assistive tech doesn't announce a disabled control. The
+ * `aria-disabled="true"` attribute communicates the inert state to AT.
+ * The `<div>`'s implicit `generic` role is preserved (no `role=
+ * presentation` override); per WAI-ARIA the generic role honors
+ * `aria-disabled` state, whereas `role="presentation"` would strip
+ * the element of all semantic identity and nullify the aria attribute.
+ */
+import { html, unsafe } from "../html.js";
+const FUTURE_TILES = [
+    { glyph: '▦', name: 'Folio (standalone)', tag: 'phase 3' },
+    { glyph: '⊞', name: 'Files (content tree)', tag: 'phase 3' },
+];
+/**
+ * Render the adjacent-tools section head — `<div class="er-desk-section-head
+ * er-desk-section-head--adjacent">` matching the mockup's
+ * `.desk-section-head.adjacent` shape. Kraft-colored glyph + label +
+ * "phase 3" caption.
+ */
+export function renderAdjacentSectionHead() {
+    return unsafe(html `
+    <div class="er-desk-section-head er-desk-section-head--adjacent">
+      <span class="er-desk-section-head-glyph" aria-hidden="true">▦</span>
+      <span class="er-desk-section-head-label">Adjacent tools</span>
+      <span class="er-desk-section-head-count">· phase 3</span>
+    </div>`);
+}
+function renderFutureTile(tile) {
+    return unsafe(html `
+    <div class="er-future-tile" aria-disabled="true">
+      <span class="er-future-tile-glyph" aria-hidden="true">${tile.glyph}</span>
+      <span class="er-future-tile-name">${tile.name}</span>
+      <span class="er-future-tile-tag">${tile.tag}</span>
+    </div>`);
+}
+/**
+ * Compose the adjacent-tools section: section head + 2 future tiles
+ * (Folio + Files). No tap targets, no `data-stage-tile` attrs — these
+ * are structurally inert placeholders until Phase 3+ wires them.
+ */
+export function renderAdjacentSection() {
+    const sectionHead = renderAdjacentSectionHead();
+    const tiles = FUTURE_TILES.map((t) => renderFutureTile(t).__raw).join('');
+    return unsafe(html `${sectionHead}${unsafe(tiles)}`);
+}
+//# sourceMappingURL=adjacent-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adjacent-section.js","sourceRoot":"","sources":["../../../src/pages/dashboard/adjacent-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAQxD,MAAM,YAAY,GAA0B;IAC1C,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,EAAE,SAAS,EAAE;IAC1D,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE;CACpD,CAAC;AAEX;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;WAKT,CAAC,CAAC;AACb,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAgB;IACxC,OAAO,MAAM,CAAC,IAAI,CAAA;;8DAE0C,IAAI,CAAC,KAAK;0CAC9B,IAAI,CAAC,IAAI;yCACV,IAAI,CAAC,GAAG;WACtC,CAAC,CAAC;AACb,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAChD,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1E,OAAO,MAAM,CAAC,IAAI,CAAA,GAAG,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACtD,CAAC"}

package/dist/pages/dashboard/adjacent-section.ts

@@ -0,0 +1,71 @@
+/**
+ * Adjacent-tools section renderer (Step 2.2.9 — studio-mobile-first).
+ *
+ * Per DESIGN-STANDARDS.md § Desk information architecture, the Desk's
+ * third section reserves space for Phase 3+ surfaces — Folio (standalone
+ * scrapbook viewer) and Files (content tree). These render as inert
+ * "future tiles" — visible but non-interactive — tagged `phase 3` so the
+ * operator sees what's coming without being able to tap a dead control.
+ *
+ * Per DESIGN-STANDARDS.md § Accessibility / Contrast, future tiles
+ * demote via explicit muted palette (NOT opacity reduction). All body
+ * text reads at ≥4.5:1 against the tile background; the ornamental
+ * border + glyph read at ≥3:1.
+ *
+ * The future tiles deliberately render as `<div>` (not `<button>`) — no
+ * interactive markup — so the stage-tiles.ts controller leaves them
+ * alone and assistive tech doesn't announce a disabled control. The
+ * `aria-disabled="true"` attribute communicates the inert state to AT.
+ * The `<div>`'s implicit `generic` role is preserved (no `role=
+ * presentation` override); per WAI-ARIA the generic role honors
+ * `aria-disabled` state, whereas `role="presentation"` would strip
+ * the element of all semantic identity and nullify the aria attribute.
+ */
+
+import { html, unsafe, type RawHtml } from '../html.ts';
+
+interface FutureTile {
+  readonly glyph: string;
+  readonly name: string;
+  readonly tag: string;
+}
+
+const FUTURE_TILES: readonly FutureTile[] = [
+  { glyph: '▦', name: 'Folio (standalone)', tag: 'phase 3' },
+  { glyph: '⊞', name: 'Files (content tree)', tag: 'phase 3' },
+] as const;
+
+/**
+ * Render the adjacent-tools section head — `<div class="er-desk-section-head
+ * er-desk-section-head--adjacent">` matching the mockup's
+ * `.desk-section-head.adjacent` shape. Kraft-colored glyph + label +
+ * "phase 3" caption.
+ */
+export function renderAdjacentSectionHead(): RawHtml {
+  return unsafe(html`
+    <div class="er-desk-section-head er-desk-section-head--adjacent">
+      <span class="er-desk-section-head-glyph" aria-hidden="true">▦</span>
+      <span class="er-desk-section-head-label">Adjacent tools</span>
+      <span class="er-desk-section-head-count">· phase 3</span>
+    </div>`);
+}
+
+function renderFutureTile(tile: FutureTile): RawHtml {
+  return unsafe(html`
+    <div class="er-future-tile" aria-disabled="true">
+      <span class="er-future-tile-glyph" aria-hidden="true">${tile.glyph}</span>
+      <span class="er-future-tile-name">${tile.name}</span>
+      <span class="er-future-tile-tag">${tile.tag}</span>
+    </div>`);
+}
+
+/**
+ * Compose the adjacent-tools section: section head + 2 future tiles
+ * (Folio + Files). No tap targets, no `data-stage-tile` attrs — these
+ * are structurally inert placeholders until Phase 3+ wires them.
+ */
+export function renderAdjacentSection(): RawHtml {
+  const sectionHead = renderAdjacentSectionHead();
+  const tiles = FUTURE_TILES.map((t) => renderFutureTile(t).__raw).join('');
+  return unsafe(html`${sectionHead}${unsafe(tiles)}`);
+}

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

@@ -4,11 +4,19 @@
  * `currentStage` so the renderer can iterate the eight canonical
  * stage sections without re-walking the disk per stage.
  *
- * Pipeline-redesign Task 34. Replaces the legacy
- * `loadDashboardData` (calendar.md + workflow store) with a
- * sidecar-only reader.
+ * v7 architecture (Step 2.2.9 — studio-mobile-first feature): also
+ * reads open shortform workflows from the review-pipeline store and
+ * groups them by `Platform`. Per DESIGN-STANDARDS.md § Desk
+ * information architecture, the Desk absorbs the Shortform-by-platform
+ * view as its second section (sibling of the longform pipeline). The
+ * v0.21 platform display order is LinkedIn → Reddit → YouTube →
+ * Instagram (insertion order = display order; verified against the
+ * v7 mockup at desk-states-v7.html:632-655).
  */
 import type { Entry, Stage } from '@deskwork/core/schema/entry';
+import type { DraftWorkflowItem } from '@deskwork/core/review/types';
+import type { Platform } from '@deskwork/core/types';
+import type { DeskworkConfig } from '@deskwork/core/config';
 /**
  * The eight canonical stages, in display order. Linear pipeline
  * (Ideas → Published) first, then off-pipeline (Blocked, Cancelled)
@@ -16,9 +24,32 @@ import type { Entry, Stage } from '@deskwork/core/schema/entry';
  * normal lifecycle.
  */
 export declare const DASHBOARD_STAGE_ORDER: readonly Stage[];
+/**
+ * Display order for shortform platform tiles. Verified against the v7
+ * mockup at desk-states-v7.html:632-655: LinkedIn → Reddit → YouTube →
+ * Instagram. Used as the insertion order for the `shortformByPlatform`
+ * Map so iteration order matches display order.
+ */
+export declare const DASHBOARD_PLATFORM_ORDER: readonly Platform[];
 export interface DashboardData {
     readonly entries: readonly Entry[];
     readonly byStage: ReadonlyMap<Stage, readonly Entry[]>;
+    readonly shortformWorkflows: readonly DraftWorkflowItem[];
+    readonly shortformByPlatform: ReadonlyMap<Platform, readonly DraftWorkflowItem[]>;
 }
-export declare function loadDashboardData(projectRoot: string): Promise<DashboardData>;
+/**
+ * Bucket shortform workflows by platform. Insertion order matches
+ * `DASHBOARD_PLATFORM_ORDER` — even empty platforms get a Map entry so
+ * the renderer can iterate the four canonical tiles uniformly.
+ *
+ * Throws on a workflow whose `platform` is undefined. Per project rule
+ * "Never implement fallbacks or use mock data outside of test code" — a
+ * shortform workflow without a platform is a data-integrity bug
+ * upstream, not a case to silently drop. Throwing surfaces the bug;
+ * silent-drop would hide missing-from-the-Desk rows behind a count that
+ * disagrees with the workflow store.
+ */
+/** @internal — exported only for testability of the throw contract. */
+export declare function bucketizeShortform(workflows: readonly DraftWorkflowItem[]): Map<Platform, DraftWorkflowItem[]>;
+export declare function loadDashboardData(projectRoot: string, config: DeskworkConfig): Promise<DashboardData>;
 //# sourceMappingURL=data.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/data.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,KAAK,EASxC,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,SAAS,KAAK,EAAE,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC,CAAC;CACxD;AAiBD,wBAAsB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAInF"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/data.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,KAAK,EASxC,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,SAAS,QAAQ,EAK9C,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,SAAS,KAAK,EAAE,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC,CAAC;IACvD,QAAQ,CAAC,kBAAkB,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC1D,QAAQ,CAAC,mBAAmB,EAAE,WAAW,CAAC,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC,CAAC;CACnF;AAkCD;;;;;;;;;;;GAWG;AACH,uEAAuE;AACvE,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,SAAS,iBAAiB,EAAE,GACtC,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,CAAC,CAgBpC;AAED,wBAAsB,iBAAiB,CACrC,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,cAAc,GACrB,OAAO,CAAC,aAAa,CAAC,CAMxB"}

package/dist/pages/dashboard/data.js

@@ -4,11 +4,17 @@
  * `currentStage` so the renderer can iterate the eight canonical
  * stage sections without re-walking the disk per stage.
  *
- * Pipeline-redesign Task 34. Replaces the legacy
- * `loadDashboardData` (calendar.md + workflow store) with a
- * sidecar-only reader.
+ * v7 architecture (Step 2.2.9 — studio-mobile-first feature): also
+ * reads open shortform workflows from the review-pipeline store and
+ * groups them by `Platform`. Per DESIGN-STANDARDS.md § Desk
+ * information architecture, the Desk absorbs the Shortform-by-platform
+ * view as its second section (sibling of the longform pipeline). The
+ * v0.21 platform display order is LinkedIn → Reddit → YouTube →
+ * Instagram (insertion order = display order; verified against the
+ * v7 mockup at desk-states-v7.html:632-655).
  */
 import { readAllSidecars } from '@deskwork/core/sidecar';
+import { listOpen } from '@deskwork/core/review/pipeline';
 /**
  * The eight canonical stages, in display order. Linear pipeline
  * (Ideas → Published) first, then off-pipeline (Blocked, Cancelled)
@@ -25,6 +31,18 @@ export const DASHBOARD_STAGE_ORDER = [
     'Blocked',
     'Cancelled',
 ];
+/**
+ * Display order for shortform platform tiles. Verified against the v7
+ * mockup at desk-states-v7.html:632-655: LinkedIn → Reddit → YouTube →
+ * Instagram. Used as the insertion order for the `shortformByPlatform`
+ * Map so iteration order matches display order.
+ */
+export const DASHBOARD_PLATFORM_ORDER = [
+    'linkedin',
+    'reddit',
+    'youtube',
+    'instagram',
+];
 function bucketize(entries) {
     const out = new Map();
     for (const stage of DASHBOARD_STAGE_ORDER)
@@ -41,9 +59,55 @@ function bucketize(entries) {
     }
     return out;
 }
-export async function loadDashboardData(projectRoot) {
+/**
+ * Load open shortform workflows, sorted by `updatedAt` descending.
+ * Ported from the pre-v7 `loadOpenShortform` helper in pages/shortform.ts
+ * (preserved verbatim there until Step 2.2.10 retires that page).
+ */
+function loadOpenShortform(projectRoot, config) {
+    const open = [];
+    for (const w of listOpen(projectRoot, config)) {
+        if (w.contentKind === 'shortform')
+            open.push(w);
+    }
+    open.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+    return open;
+}
+/**
+ * Bucket shortform workflows by platform. Insertion order matches
+ * `DASHBOARD_PLATFORM_ORDER` — even empty platforms get a Map entry so
+ * the renderer can iterate the four canonical tiles uniformly.
+ *
+ * Throws on a workflow whose `platform` is undefined. Per project rule
+ * "Never implement fallbacks or use mock data outside of test code" — a
+ * shortform workflow without a platform is a data-integrity bug
+ * upstream, not a case to silently drop. Throwing surfaces the bug;
+ * silent-drop would hide missing-from-the-Desk rows behind a count that
+ * disagrees with the workflow store.
+ */
+/** @internal — exported only for testability of the throw contract. */
+export function bucketizeShortform(workflows) {
+    const out = new Map();
+    for (const platform of DASHBOARD_PLATFORM_ORDER)
+        out.set(platform, []);
+    for (const w of workflows) {
+        if (w.platform === undefined) {
+            throw new Error(`Shortform workflow "${w.id}" (slug "${w.slug}") has no platform — ` +
+                `the Desk cannot bucket it. This is a data-integrity bug; ` +
+                `every shortform workflow must carry a platform per ` +
+                `@deskwork/core/review/types DraftWorkflowItem.`);
+        }
+        const bucket = out.get(w.platform);
+        if (bucket !== undefined)
+            bucket.push(w);
+    }
+    return out;
+}
+export async function loadDashboardData(projectRoot, config) {
     const entries = await readAllSidecars(projectRoot);
     const byStage = bucketize(entries);
-    return { entries, byStage };
+    const shortformWorkflows = loadOpenShortform(projectRoot, config);
+    const shortformByPlatform = bucketizeShortform(shortformWorkflows);
+    return { entries, byStage, shortformWorkflows, shortformByPlatform };
 }
 //# sourceMappingURL=data.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../src/pages/dashboard/data.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,OAAO;IACP,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,WAAW;IACX,SAAS;IACT,WAAW;CACH,CAAC;AAOX,SAAS,SAAS,CAAC,OAAyB;IAC1C,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;IACtC,KAAK,MAAM,KAAK,IAAI,qBAAqB;QAAE,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9D,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QACvC,IAAI,MAAM,KAAK,SAAS;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD,gEAAgE;IAChE,8DAA8D;IAC9D,KAAK,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC;QAClC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,WAAmB;IACzD,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC9B,CAAC"}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../src/pages/dashboard/data.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAK1D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,OAAO;IACP,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,WAAW;IACX,SAAS;IACT,WAAW;CACH,CAAC;AAEX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAwB;IAC3D,UAAU;IACV,QAAQ;IACR,SAAS;IACT,WAAW;CACH,CAAC;AASX,SAAS,SAAS,CAAC,OAAyB;IAC1C,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;IACtC,KAAK,MAAM,KAAK,IAAI,qBAAqB;QAAE,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9D,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QACvC,IAAI,MAAM,KAAK,SAAS;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD,gEAAgE;IAChE,8DAA8D;IAC9D,KAAK,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC;QAClC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;GAIG;AACH,SAAS,iBAAiB,CACxB,WAAmB,EACnB,MAAsB;IAEtB,MAAM,IAAI,GAAwB,EAAE,CAAC;IACrC,KAAK,MAAM,CAAC,IAAI,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC;QAC9C,IAAI,CAAC,CAAC,WAAW,KAAK,WAAW;YAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC;IACD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;;;;;GAWG;AACH,uEAAuE;AACvE,MAAM,UAAU,kBAAkB,CAChC,SAAuC;IAEvC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAiC,CAAC;IACrD,KAAK,MAAM,QAAQ,IAAI,wBAAwB;QAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACvE,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QAC1B,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,IAAI,KAAK,CACb,uBAAuB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,IAAI,uBAAuB;gBAClE,2DAA2D;gBAC3D,qDAAqD;gBACrD,gDAAgD,CACnD,CAAC;QACJ,CAAC;QACD,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnC,IAAI,MAAM,KAAK,SAAS;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,iBAAiB,CACrC,WAAmB,EACnB,MAAsB;IAEtB,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAClE,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACnE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AACvE,CAAC"}

package/dist/pages/dashboard/data.ts

@@ -4,13 +4,22 @@
  * `currentStage` so the renderer can iterate the eight canonical
  * stage sections without re-walking the disk per stage.
  *
- * Pipeline-redesign Task 34. Replaces the legacy
- * `loadDashboardData` (calendar.md + workflow store) with a
- * sidecar-only reader.
+ * v7 architecture (Step 2.2.9 — studio-mobile-first feature): also
+ * reads open shortform workflows from the review-pipeline store and
+ * groups them by `Platform`. Per DESIGN-STANDARDS.md § Desk
+ * information architecture, the Desk absorbs the Shortform-by-platform
+ * view as its second section (sibling of the longform pipeline). The
+ * v0.21 platform display order is LinkedIn → Reddit → YouTube →
+ * Instagram (insertion order = display order; verified against the
+ * v7 mockup at desk-states-v7.html:632-655).
  */
 
 import { readAllSidecars } from '@deskwork/core/sidecar';
 import type { Entry, Stage } from '@deskwork/core/schema/entry';
+import { listOpen } from '@deskwork/core/review/pipeline';
+import type { DraftWorkflowItem } from '@deskwork/core/review/types';
+import type { Platform } from '@deskwork/core/types';
+import type { DeskworkConfig } from '@deskwork/core/config';
 
 /**
  * The eight canonical stages, in display order. Linear pipeline
@@ -29,9 +38,24 @@ export const DASHBOARD_STAGE_ORDER: readonly Stage[] = [
   'Cancelled',
 ] as const;
 
+/**
+ * Display order for shortform platform tiles. Verified against the v7
+ * mockup at desk-states-v7.html:632-655: LinkedIn → Reddit → YouTube →
+ * Instagram. Used as the insertion order for the `shortformByPlatform`
+ * Map so iteration order matches display order.
+ */
+export const DASHBOARD_PLATFORM_ORDER: readonly Platform[] = [
+  'linkedin',
+  'reddit',
+  'youtube',
+  'instagram',
+] as const;
+
 export interface DashboardData {
   readonly entries: readonly Entry[];
   readonly byStage: ReadonlyMap<Stage, readonly Entry[]>;
+  readonly shortformWorkflows: readonly DraftWorkflowItem[];
+  readonly shortformByPlatform: ReadonlyMap<Platform, readonly DraftWorkflowItem[]>;
 }
 
 function bucketize(entries: readonly Entry[]): Map<Stage, Entry[]> {
@@ -49,8 +73,63 @@ function bucketize(entries: readonly Entry[]): Map<Stage, Entry[]> {
   return out;
 }
 
-export async function loadDashboardData(projectRoot: string): Promise<DashboardData> {
+/**
+ * Load open shortform workflows, sorted by `updatedAt` descending.
+ * Ported from the pre-v7 `loadOpenShortform` helper in pages/shortform.ts
+ * (preserved verbatim there until Step 2.2.10 retires that page).
+ */
+function loadOpenShortform(
+  projectRoot: string,
+  config: DeskworkConfig,
+): DraftWorkflowItem[] {
+  const open: DraftWorkflowItem[] = [];
+  for (const w of listOpen(projectRoot, config)) {
+    if (w.contentKind === 'shortform') open.push(w);
+  }
+  open.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+  return open;
+}
+
+/**
+ * Bucket shortform workflows by platform. Insertion order matches
+ * `DASHBOARD_PLATFORM_ORDER` — even empty platforms get a Map entry so
+ * the renderer can iterate the four canonical tiles uniformly.
+ *
+ * Throws on a workflow whose `platform` is undefined. Per project rule
+ * "Never implement fallbacks or use mock data outside of test code" — a
+ * shortform workflow without a platform is a data-integrity bug
+ * upstream, not a case to silently drop. Throwing surfaces the bug;
+ * silent-drop would hide missing-from-the-Desk rows behind a count that
+ * disagrees with the workflow store.
+ */
+/** @internal — exported only for testability of the throw contract. */
+export function bucketizeShortform(
+  workflows: readonly DraftWorkflowItem[],
+): Map<Platform, DraftWorkflowItem[]> {
+  const out = new Map<Platform, DraftWorkflowItem[]>();
+  for (const platform of DASHBOARD_PLATFORM_ORDER) out.set(platform, []);
+  for (const w of workflows) {
+    if (w.platform === undefined) {
+      throw new Error(
+        `Shortform workflow "${w.id}" (slug "${w.slug}") has no platform — ` +
+          `the Desk cannot bucket it. This is a data-integrity bug; ` +
+          `every shortform workflow must carry a platform per ` +
+          `@deskwork/core/review/types DraftWorkflowItem.`,
+      );
+    }
+    const bucket = out.get(w.platform);
+    if (bucket !== undefined) bucket.push(w);
+  }
+  return out;
+}
+
+export async function loadDashboardData(
+  projectRoot: string,
+  config: DeskworkConfig,
+): Promise<DashboardData> {
   const entries = await readAllSidecars(projectRoot);
   const byStage = bucketize(entries);
-  return { entries, byStage };
+  const shortformWorkflows = loadOpenShortform(projectRoot, config);
+  const shortformByPlatform = bucketizeShortform(shortformWorkflows);
+  return { entries, byStage, shortformWorkflows, shortformByPlatform };
 }

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

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