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

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/press-queue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 { type RawHtml } from '../html.ts';
+import type { Entry } from '@deskwork/core/schema/entry';
+export declare function renderPressQueue(entries: readonly Entry[], defaultSite: string, now: Date): RawHtml;
+//# sourceMappingURL=press-queue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"press-queue.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/press-queue.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAS,MAAM,6BAA6B,CAAC;AAsEhE,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,KAAK,EAAE,EACzB,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,IAAI,GACR,OAAO,CAuBT"}

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

@@ -0,0 +1,91 @@
+/**
+ * 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 } from "../html.js";
+import { formatRelativeTime } from '@deskwork/core/scrapbook';
+const STAGE_ORNAMENTS = {
+    Ideas: '◇',
+    Planned: '§',
+    Outlining: '⊹',
+    Drafting: '✎',
+    Final: '※',
+    Published: '✓',
+    Blocked: '⊘',
+    Cancelled: '✗',
+};
+/**
+ * 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, now) {
+    const items = [];
+    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, defaultSite, now) {
+    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() {
+    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, defaultSite, now) {
+    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>`);
+}
+//# sourceMappingURL=press-queue.js.map

package/dist/pages/dashboard/press-queue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"press-queue.js","sourceRoot":"","sources":["../../../src/pages/dashboard/press-queue.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,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;AAOF;;;;;;GAMG;AACH,SAAS,mBAAmB,CAAC,OAAyB,EAAE,GAAS;IAC/D,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,IAAI,KAAK,CAAC,WAAW,KAAK,WAAW;YAAE,SAAS;QAChD,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;QACtD,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;IAC7D,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,UAAU,CACjB,IAAkB,EAClB,WAAmB,EACnB,GAAS;IAET,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,KAAK,WAAW,CAAC;IACjB,MAAM,UAAU,GAAG,+BAA+B,KAAK,CAAC,IAAI,EAAE,CAAC;IAC/D,OAAO,MAAM,CAAC,IAAI,CAAA;mDAC+B,KAAK,CAAC,YAAY;8CACvB,UAAU;oEACY,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC;;+CAExD,KAAK,CAAC,IAAI;;kDAEP,KAAK,CAAC,YAAY;;mDAEjB,kBAAkB,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC;;;;UAIjF,CAAC,CAAC;AACZ,CAAC;AAED,SAAS,gBAAgB;IACvB,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;WAKT,CAAC,CAAC;AACb,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,OAAyB,EACzB,WAAmB,EACnB,GAAS;IAET,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAChD,MAAM,IAAI,GACR,KAAK,CAAC,MAAM,KAAK,CAAC;QAChB,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAA;;cAEL,MAAM,CACN,KAAK;aACF,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC;aACvD,IAAI,CAAC,IAAI,CAAC,CACd;gBACG,CAAC,CAAC;IAChB,OAAO,MAAM,CAAC,IAAI,CAAA;kCACc,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;;;;;6CAKvC,KAAK,CAAC,MAAM;;QAEjD,IAAI;aACC,CAAC,CAAC;AACf,CAAC"}