@deskwork/studio 0.10.2 → 0.11.1

package/dist/pages/dashboard/affordances.ts

@@ -0,0 +1,95 @@
+/**
+ * Per-row affordance helpers for the dashboard.
+ *
+ * Pipeline-redesign Task 34. Buttons are static HTML — they link to
+ * the entry's review surface (`/dev/editorial-review/<uuid>`) or
+ * carry a `data-copy` payload that the existing studio client copies
+ * to the clipboard. No new backend handlers are wired here; the
+ * universal-verb skills are the canonical action path.
+ */
+
+import { html, unsafe, type RawHtml } from '../html.ts';
+import type { Entry, Stage, ReviewState } from '@deskwork/core/schema/entry';
+
+const REVIEW_STATE_LABEL: Record<ReviewState, string> = {
+  'in-review': 'in review',
+  iterating: 'iterating',
+  approved: 'approved',
+};
+
+/**
+ * Render the reviewState badge. When the entry has no reviewState
+ * (most pre-review stages), render an em-dash placeholder so the row
+ * stays grid-aligned with sibling rows that DO carry a badge.
+ */
+export function renderReviewStateBadge(state: ReviewState | undefined): RawHtml {
+  if (state === undefined) {
+    return unsafe('<span class="er-stamp er-stamp-none" data-review-state="none">—</span>');
+  }
+  return unsafe(html`<span class="er-stamp er-stamp-${state}" data-review-state="${state}">${REVIEW_STATE_LABEL[state]}</span>`);
+}
+
+/**
+ * Iteration count for the entry's current stage. The sidecar's
+ * `iterationByStage` records every stage the entry has touched; this
+ * surfaces the count for the stage the entry is currently in. Defaults
+ * to 0 when the bucket is missing (a brand-new entry on its first tick
+ * before any iterate has fired).
+ */
+export function iterationForCurrentStage(entry: Entry): number {
+  return entry.iterationByStage[entry.currentStage] ?? 0;
+}
+
+/**
+ * Build the per-row action strip. Affordances vary by stage:
+ *
+ * - Linear pipeline stages (Ideas / Planned / Outlining / Drafting /
+ *   Final): "open →" link to the review surface, plus an "iterate"
+ *   copy-CLI button when reviewState is `iterating` and an
+ *   "approve" copy-CLI button when reviewState is `approved`.
+ * - Published: "view →" (read-only review surface).
+ * - Blocked / Cancelled: "induct →" copy-CLI to bring the entry back.
+ *
+ * Each button's behavior is parked behind a `data-copy` attribute so
+ * the existing studio client (editorial-studio-client.ts) handles
+ * clipboard wiring without new server handlers.
+ */
+export function renderRowActions(entry: Entry): RawHtml {
+  const buttons: string[] = [];
+  const stage = entry.currentStage;
+  const reviewLink = `/dev/editorial-review/${entry.uuid}`;
+
+  if (isLinearActiveStage(stage)) {
+    buttons.push(html`<a class="er-btn er-btn-small" href="${reviewLink}"
+      title="open the review surface for ${entry.slug}">open →</a>`);
+    if (entry.reviewState === 'iterating') {
+      buttons.push(html`<button class="er-btn er-btn-small er-btn-primary er-copy-btn" type="button"
+        data-copy="/deskwork:iterate ${entry.slug}"
+        title="operator clicked Iterate — run the iterate skill in Claude Code">iterate →</button>`);
+    }
+    if (entry.reviewState === 'approved') {
+      buttons.push(html`<button class="er-btn er-btn-small er-btn-approve er-copy-btn" type="button"
+        data-copy="/deskwork:approve ${entry.slug}"
+        title="approved — graduate to the next stage">approve →</button>`);
+    }
+  } else if (stage === 'Published') {
+    buttons.push(html`<a class="er-btn er-btn-small" href="${reviewLink}"
+      title="read-only review surface for the published entry">view →</a>`);
+  } else if (stage === 'Blocked' || stage === 'Cancelled') {
+    buttons.push(html`<button class="er-btn er-btn-small er-copy-btn" type="button"
+      data-copy="/deskwork:induct ${entry.slug}"
+      title="bring this entry back into the pipeline">induct →</button>`);
+  }
+
+  return unsafe(`<span class="er-calendar-action">${buttons.join('')}</span>`);
+}
+
+function isLinearActiveStage(stage: Stage): boolean {
+  return (
+    stage === 'Ideas' ||
+    stage === 'Planned' ||
+    stage === 'Outlining' ||
+    stage === 'Drafting' ||
+    stage === 'Final'
+  );
+}

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

@@ -0,0 +1,24 @@
+/**
+ * Dashboard data loader. Reads every sidecar under
+ * `<projectRoot>/.deskwork/entries/*.json` and groups them by
+ * `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.
+ */
+import type { Entry, Stage } from '@deskwork/core/schema/entry';
+/**
+ * The eight canonical stages, in display order. Linear pipeline
+ * (Ideas → Published) first, then off-pipeline (Blocked, Cancelled)
+ * pinned at the bottom so the visual flow reads top-down through the
+ * normal lifecycle.
+ */
+export declare const DASHBOARD_STAGE_ORDER: readonly Stage[];
+export interface DashboardData {
+    readonly entries: readonly Entry[];
+    readonly byStage: ReadonlyMap<Stage, readonly Entry[]>;
+}
+export declare function loadDashboardData(projectRoot: string): Promise<DashboardData>;
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +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"}

package/dist/pages/dashboard/data.js

@@ -0,0 +1,49 @@
+/**
+ * Dashboard data loader. Reads every sidecar under
+ * `<projectRoot>/.deskwork/entries/*.json` and groups them by
+ * `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.
+ */
+import { readAllSidecars } from '@deskwork/core/sidecar';
+/**
+ * The eight canonical stages, in display order. Linear pipeline
+ * (Ideas → Published) first, then off-pipeline (Blocked, Cancelled)
+ * pinned at the bottom so the visual flow reads top-down through the
+ * normal lifecycle.
+ */
+export const DASHBOARD_STAGE_ORDER = [
+    'Ideas',
+    'Planned',
+    'Outlining',
+    'Drafting',
+    'Final',
+    'Published',
+    'Blocked',
+    'Cancelled',
+];
+function bucketize(entries) {
+    const out = new Map();
+    for (const stage of DASHBOARD_STAGE_ORDER)
+        out.set(stage, []);
+    for (const e of entries) {
+        const bucket = out.get(e.currentStage);
+        if (bucket !== undefined)
+            bucket.push(e);
+    }
+    // Sort each bucket by slug — hierarchical entries cluster under
+    // their ancestor (display-only ordering; storage stays flat).
+    for (const bucket of out.values()) {
+        bucket.sort((a, b) => a.slug.localeCompare(b.slug));
+    }
+    return out;
+}
+export async function loadDashboardData(projectRoot) {
+    const entries = await readAllSidecars(projectRoot);
+    const byStage = bucketize(entries);
+    return { entries, byStage };
+}
+//# sourceMappingURL=data.js.map

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

@@ -0,0 +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"}

package/dist/pages/dashboard/data.ts

@@ -0,0 +1,56 @@
+/**
+ * Dashboard data loader. Reads every sidecar under
+ * `<projectRoot>/.deskwork/entries/*.json` and groups them by
+ * `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.
+ */
+
+import { readAllSidecars } from '@deskwork/core/sidecar';
+import type { Entry, Stage } from '@deskwork/core/schema/entry';
+
+/**
+ * The eight canonical stages, in display order. Linear pipeline
+ * (Ideas → Published) first, then off-pipeline (Blocked, Cancelled)
+ * pinned at the bottom so the visual flow reads top-down through the
+ * normal lifecycle.
+ */
+export const DASHBOARD_STAGE_ORDER: readonly Stage[] = [
+  'Ideas',
+  'Planned',
+  'Outlining',
+  'Drafting',
+  'Final',
+  'Published',
+  'Blocked',
+  'Cancelled',
+] as const;
+
+export interface DashboardData {
+  readonly entries: readonly Entry[];
+  readonly byStage: ReadonlyMap<Stage, readonly Entry[]>;
+}
+
+function bucketize(entries: readonly Entry[]): Map<Stage, Entry[]> {
+  const out = new Map<Stage, Entry[]>();
+  for (const stage of DASHBOARD_STAGE_ORDER) out.set(stage, []);
+  for (const e of entries) {
+    const bucket = out.get(e.currentStage);
+    if (bucket !== undefined) bucket.push(e);
+  }
+  // Sort each bucket by slug — hierarchical entries cluster under
+  // their ancestor (display-only ordering; storage stays flat).
+  for (const bucket of out.values()) {
+    bucket.sort((a, b) => a.slug.localeCompare(b.slug));
+  }
+  return out;
+}
+
+export async function loadDashboardData(projectRoot: string): Promise<DashboardData> {
+  const entries = await readAllSidecars(projectRoot);
+  const byStage = bucketize(entries);
+  return { entries, byStage };
+}

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

@@ -0,0 +1,13 @@
+/**
+ * Dashboard masthead + filter strip.
+ *
+ * Pipeline-redesign Task 34. The masthead reads from sidecar-derived
+ * counts (total entries, in-review entries) instead of the legacy
+ * workflow store. The filter strip exposes one chip per stage so
+ * operators can collapse to a single section quickly.
+ */
+import type { DashboardData } from './data.ts';
+import { type RawHtml } from '../html.ts';
+export declare function renderHeader(data: DashboardData, projectRoot: string, now: Date): RawHtml;
+export declare function renderFilterStrip(): RawHtml;
+//# sourceMappingURL=header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAuBxD,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,IAAI,GACR,OAAO,CA0BT;AAED,wBAAgB,iBAAiB,IAAI,OAAO,CAa3C"}

package/dist/pages/dashboard/header.js

@@ -0,0 +1,70 @@
+/**
+ * Dashboard masthead + filter strip.
+ *
+ * Pipeline-redesign Task 34. The masthead reads from sidecar-derived
+ * counts (total entries, in-review entries) instead of the legacy
+ * workflow store. The filter strip exposes one chip per stage so
+ * operators can collapse to a single section quickly.
+ */
+import { DASHBOARD_STAGE_ORDER } from "./data.js";
+import { html, unsafe } from "../html.js";
+const MONTH_NAMES = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+function reviewActiveCount(data) {
+    let n = 0;
+    for (const entry of data.entries) {
+        if (entry.reviewState === 'in-review' || entry.reviewState === 'iterating')
+            n++;
+    }
+    return n;
+}
+function approvedCount(data) {
+    let n = 0;
+    for (const entry of data.entries) {
+        if (entry.reviewState === 'approved')
+            n++;
+    }
+    return n;
+}
+export function renderHeader(data, projectRoot, now) {
+    const volume = '01';
+    const issueNum = String(data.entries.length).padStart(2, '0');
+    const issueDate = `${now.getDate()} ${MONTH_NAMES[now.getMonth()]} ${now.getFullYear()}`;
+    return unsafe(html `
+  <header class="er-pagehead er-pagehead--centered">
+    <p class="er-pagehead__kicker">
+      Vol. ${volume} &middot; № ${issueNum} &middot; Press-check
+    </p>
+    <h1 class="er-pagehead__title">
+      Editorial <em>Studio</em>
+    </h1>
+    <p class="er-pagehead__deck">
+      Project: <code>${projectRoot}</code>
+      &nbsp;·&nbsp; <a class="er-link-marginalia" href="/dev/editorial-help">the manual</a>
+    </p>
+    <p class="er-pagehead__meta">
+      <span>${issueDate}</span>
+      <span class="sep">·</span>
+      <span>${data.entries.length} on the calendar</span>
+      <span class="sep">·</span>
+      <span>${reviewActiveCount(data)} in review</span>
+      <span class="sep">·</span>
+      <span>${approvedCount(data)} approved</span>
+    </p>
+  </header>`);
+}
+export function renderFilterStrip() {
+    return unsafe(html `
+    <section class="er-filter" data-filter-strip>
+      <span class="er-filter-label">Find</span>
+      <input type="search" data-filter-input placeholder="slug, title…" autocomplete="off" />
+      <span class="er-filter-label er-filter-label--gap">Stage</span>
+      <div class="er-chips" role="tablist">
+        <button class="er-chip" aria-pressed="true" data-stage-chip="all">all</button>
+        ${DASHBOARD_STAGE_ORDER.map((s) => unsafe(html `<button class="er-chip" data-stage-chip="${s}">${s.toLowerCase()}</button>`))}
+      </div>
+    </section>`);
+}
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/pages/dashboard/header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAgB,MAAM,YAAY,CAAC;AAExD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;CACjE,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAmB;IAC5C,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACjC,IAAI,KAAK,CAAC,WAAW,KAAK,WAAW,IAAI,KAAK,CAAC,WAAW,KAAK,WAAW;YAAE,CAAC,EAAE,CAAC;IAClF,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,aAAa,CAAC,IAAmB;IACxC,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACjC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;YAAE,CAAC,EAAE,CAAC;IAC5C,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,IAAmB,EACnB,WAAmB,EACnB,GAAS;IAET,MAAM,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,IAAI,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC;IACzF,OAAO,MAAM,CAAC,IAAI,CAAA;;;aAGP,MAAM,eAAe,QAAQ;;;;;;uBAMnB,WAAW;;;;cAIpB,SAAS;;cAET,IAAI,CAAC,OAAO,CAAC,MAAM;;cAEnB,iBAAiB,CAAC,IAAI,CAAC;;cAEvB,aAAa,CAAC,IAAI,CAAC;;YAErB,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,IAAI,CAAA;;;;;;;UAOV,qBAAqB,CAAC,GAAG,CACzB,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAA,4CAA4C,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,CAChG;;eAEM,CAAC,CAAC;AACjB,CAAC"}

package/dist/pages/dashboard/header.ts

@@ -0,0 +1,80 @@
+/**
+ * Dashboard masthead + filter strip.
+ *
+ * Pipeline-redesign Task 34. The masthead reads from sidecar-derived
+ * counts (total entries, in-review entries) instead of the legacy
+ * workflow store. The filter strip exposes one chip per stage so
+ * operators can collapse to a single section quickly.
+ */
+
+import type { DashboardData } from './data.ts';
+import { DASHBOARD_STAGE_ORDER } from './data.ts';
+import { html, unsafe, type RawHtml } from '../html.ts';
+
+const MONTH_NAMES = [
+  'January', 'February', 'March', 'April', 'May', 'June',
+  'July', 'August', 'September', 'October', 'November', 'December',
+];
+
+function reviewActiveCount(data: DashboardData): number {
+  let n = 0;
+  for (const entry of data.entries) {
+    if (entry.reviewState === 'in-review' || entry.reviewState === 'iterating') n++;
+  }
+  return n;
+}
+
+function approvedCount(data: DashboardData): number {
+  let n = 0;
+  for (const entry of data.entries) {
+    if (entry.reviewState === 'approved') n++;
+  }
+  return n;
+}
+
+export function renderHeader(
+  data: DashboardData,
+  projectRoot: string,
+  now: Date,
+): RawHtml {
+  const volume = '01';
+  const issueNum = String(data.entries.length).padStart(2, '0');
+  const issueDate = `${now.getDate()} ${MONTH_NAMES[now.getMonth()]} ${now.getFullYear()}`;
+  return unsafe(html`
+  <header class="er-pagehead er-pagehead--centered">
+    <p class="er-pagehead__kicker">
+      Vol. ${volume} &middot; № ${issueNum} &middot; Press-check
+    </p>
+    <h1 class="er-pagehead__title">
+      Editorial <em>Studio</em>
+    </h1>
+    <p class="er-pagehead__deck">
+      Project: <code>${projectRoot}</code>
+      &nbsp;·&nbsp; <a class="er-link-marginalia" href="/dev/editorial-help">the manual</a>
+    </p>
+    <p class="er-pagehead__meta">
+      <span>${issueDate}</span>
+      <span class="sep">·</span>
+      <span>${data.entries.length} on the calendar</span>
+      <span class="sep">·</span>
+      <span>${reviewActiveCount(data)} in review</span>
+      <span class="sep">·</span>
+      <span>${approvedCount(data)} approved</span>
+    </p>
+  </header>`);
+}
+
+export function renderFilterStrip(): RawHtml {
+  return unsafe(html`
+    <section class="er-filter" data-filter-strip>
+      <span class="er-filter-label">Find</span>
+      <input type="search" data-filter-input placeholder="slug, title…" autocomplete="off" />
+      <span class="er-filter-label er-filter-label--gap">Stage</span>
+      <div class="er-chips" role="tablist">
+        <button class="er-chip" aria-pressed="true" data-stage-chip="all">all</button>
+        ${DASHBOARD_STAGE_ORDER.map(
+          (s) => unsafe(html`<button class="er-chip" data-stage-chip="${s}">${s.toLowerCase()}</button>`),
+        )}
+      </div>
+    </section>`);
+}

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

@@ -0,0 +1,37 @@
+/**
+ * Single-stage section renderer.
+ *
+ * Pipeline-redesign Task 34. Each of the eight stage sections renders
+ * with a section heading (stage name + entry count) and either a list
+ * of rows or an empty-state placeholder. Per-row HTML carries the
+ * sidecar-derived state inline (iteration count + reviewState badge)
+ * so an operator can see at a glance where each entry sits without
+ * opening it.
+ */
+import { type RawHtml } from '../html.ts';
+import type { Entry, Stage } from '@deskwork/core/schema/entry';
+/**
+ * Render one entry as a single dashboard row. Carries inline:
+ *   - slug (linked to the review surface)
+ *   - title
+ *   - iteration count for the entry's currentStage
+ *   - reviewState badge (or an em-dash placeholder)
+ *   - updatedAt timestamp
+ *   - per-stage action buttons
+ */
+export declare function renderRow(entry: Entry, index: number): RawHtml;
+/**
+ * Render one full stage section: heading + ornaments + count + rows.
+ * Empty stages render the placeholder message — keeping the section
+ * visible (rather than collapsing it) so the operator sees that the
+ * stage exists and is currently empty.
+ */
+export declare function renderStageSection(stage: Stage, entries: readonly Entry[]): RawHtml;
+/**
+ * Render the reserved Distribution placeholder. Stays a separate
+ * sibling of the stage sections — distribution records (shortform
+ * cross-posts) are tracked under their own model and the dashboard
+ * surfaces only a placeholder here until that integration lands.
+ */
+export declare function renderDistributionPlaceholder(): RawHtml;
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AA6BhE;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CA8B9D;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE,GAAG,OAAO,CAkBnF;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,IAAI,OAAO,CAWvD"}

package/dist/pages/dashboard/section.js

@@ -0,0 +1,117 @@
+/**
+ * Single-stage section renderer.
+ *
+ * Pipeline-redesign Task 34. Each of the eight stage sections renders
+ * with a section heading (stage name + entry count) and either a list
+ * of rows or an empty-state placeholder. Per-row HTML carries the
+ * sidecar-derived state inline (iteration count + reviewState badge)
+ * so an operator can see at a glance where each entry sits without
+ * opening it.
+ */
+import { html, unsafe } from "../html.js";
+import { iterationForCurrentStage, renderReviewStateBadge, renderRowActions, } from "./affordances.js";
+const STAGE_ORNAMENTS = {
+    Ideas: '◇',
+    Planned: '§',
+    Outlining: '⊹',
+    Drafting: '✎',
+    Final: '※',
+    Published: '✓',
+    Blocked: '⊘',
+    Cancelled: '✗',
+};
+const STAGE_EMPTY_MESSAGES = {
+    Ideas: 'No open ideas. Run /deskwork:add to capture one.',
+    Planned: 'Nothing planned. /deskwork:approve <slug> to graduate an idea.',
+    Outlining: 'Nothing in outlining.',
+    Drafting: 'No posts in drafting.',
+    Final: 'Nothing in final review.',
+    Published: 'No published posts yet.',
+    Blocked: 'Nothing blocked.',
+    Cancelled: 'No cancelled entries.',
+};
+/**
+ * Render one entry as a single dashboard row. Carries inline:
+ *   - slug (linked to the review surface)
+ *   - title
+ *   - iteration count for the entry's currentStage
+ *   - reviewState badge (or an em-dash placeholder)
+ *   - updatedAt timestamp
+ *   - per-stage action buttons
+ */
+export function renderRow(entry, index) {
+    const iteration = iterationForCurrentStage(entry);
+    const reviewLink = `/dev/editorial-review/${entry.uuid}`;
+    const search = [entry.slug, entry.title, entry.keywords.join(' ')].join(' ').toLowerCase();
+    // Hierarchical entries (slugs containing `/`) get a visual indent
+    // marker the CSS layer reads. Storage stays flat; this is display-only.
+    const depth = entry.slug.split('/').length - 1;
+    const depthAttrs = depth > 0
+        ? unsafe(html ` data-depth="${depth}" style="--er-row-depth: ${depth}"`)
+        : '';
+    return unsafe(html `
+    <div class="er-calendar-row-wrap" data-row-wrap data-search="${search}"${depthAttrs}>
+      <div class="er-calendar-row" data-stage="${entry.currentStage}"
+        data-uuid="${entry.uuid}" data-slug="${entry.slug}" data-search="${search}">
+        <span class="er-row-num">№ ${String(index + 1).padStart(2, '0')}</span>
+        <div class="er-calendar-body">
+          <span class="er-row-slug"><a href="${reviewLink}"
+            title="open the review surface">${entry.slug}</a></span>
+          <span class="er-calendar-title">${entry.title}</span>
+          <span class="er-calendar-meta er-calendar-meta-iteration"
+            data-iteration="${iteration}">iteration: ${iteration}</span>
+          <span class="er-calendar-meta er-calendar-meta-updated"
+            title="${entry.updatedAt}">${formatDate(entry.updatedAt)}</span>
+        </div>
+        <span class="er-calendar-status">${renderReviewStateBadge(entry.reviewState)}</span>
+        ${renderRowActions(entry)}
+      </div>
+    </div>`);
+}
+/**
+ * Render one full stage section: heading + ornaments + count + rows.
+ * Empty stages render the placeholder message — keeping the section
+ * visible (rather than collapsing it) so the operator sees that the
+ * stage exists and is currently empty.
+ */
+export function renderStageSection(stage, entries) {
+    const body = entries.length === 0
+        ? unsafe(html `<div class="er-empty" data-empty-stage="${stage}"
+          style="padding: 1rem 0.25rem; font-size: 0.95rem;">
+          ${STAGE_EMPTY_MESSAGES[stage]}
+        </div>`)
+        : unsafe(entries.map((e, i) => renderRow(e, i).__raw).join(''));
+    return unsafe(html `
+    <section class="er-section" id="stage-${stage.toLowerCase()}" data-stage-section="${stage}">
+      <h2 class="er-section-head">
+        <span>${stage}</span>
+        <span class="ornament">${STAGE_ORNAMENTS[stage]}</span>
+        <span class="count">№ ${entries.length}</span>
+      </h2>
+      ${body}
+    </section>`);
+}
+/**
+ * Render the reserved Distribution placeholder. Stays a separate
+ * sibling of the stage sections — distribution records (shortform
+ * cross-posts) are tracked under their own model and the dashboard
+ * surfaces only a placeholder here until that integration lands.
+ */
+export function renderDistributionPlaceholder() {
+    return unsafe(html `
+    <section class="er-section" id="stage-distribution" data-stage-section="Distribution">
+      <h2 class="er-section-head">
+        <span>Distribution</span>
+        <span class="ornament">⌘</span>
+      </h2>
+      <div class="er-empty" style="padding: 1rem 0.25rem; font-size: 0.95rem;">
+        Reserved for shortform DistributionRecords — separate model.
+      </div>
+    </section>`);
+}
+function formatDate(iso) {
+    // Trim to YYYY-MM-DD for compact display. Full timestamp is on the
+    // <span title="...">.
+    return iso.slice(0, 10);
+}
+//# sourceMappingURL=section.js.map

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

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