@deskwork/studio 0.10.1 → 0.11.0

package/dist/pages/dashboard/section.ts

@@ -0,0 +1,132 @@
+/**
+ * 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, type RawHtml } from '../html.ts';
+import type { Entry, Stage } from '@deskwork/core/schema/entry';
+import {
+  iterationForCurrentStage,
+  renderReviewStateBadge,
+  renderRowActions,
+} from './affordances.ts';
+
+const STAGE_ORNAMENTS: Record<Stage, string> = {
+  Ideas: '◇',
+  Planned: '§',
+  Outlining: '⊹',
+  Drafting: '✎',
+  Final: '※',
+  Published: '✓',
+  Blocked: '⊘',
+  Cancelled: '✗',
+};
+
+const STAGE_EMPTY_MESSAGES: Record<Stage, string> = {
+  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: Entry, index: number): RawHtml {
+  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: Stage, entries: readonly Entry[]): RawHtml {
+  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(): RawHtml {
+  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: string): string {
+  // Trim to YYYY-MM-DD for compact display. Full timestamp is on the
+  // <span title="...">.
+  return iso.slice(0, 10);
+}

package/dist/pages/dashboard.d.ts

@@ -1,32 +1,41 @@
 /**
  * Studio dashboard page — `/dev/editorial-studio`.
  *
- * Ported from audiocontrol.org's `editorial-studio.astro`. Reads each
- * site's calendar + the review pipeline + the report, then renders the
- * five-stage editorial calendar with site filtering, the shortform
- * coverage matrix for Published blog entries, awaiting-press / recent-
- * proofs panels, and a voice-drift signal sidebar.
+ * Pipeline-redesign Task 34. The dashboard renders eight stage
+ * sections — Ideas → Planned → Outlining → Drafting → Final →
+ * Published, plus Blocked and Cancelled — backed by sidecar reads
+ * under `<projectRoot>/.deskwork/entries/*.json`. Each row carries
+ * the entry's iteration count for its current stage and a
+ * reviewState badge so an operator can see at a glance where each
+ * entry sits without opening it.
  *
- * The audiocontrol original was tightly coupled to two hardcoded sites
- * (`'audiocontrol' | 'editorialcontrol'`) and the `feature-image`
- * pipeline. Both go away here:
+ * Replaces the legacy calendar.md + workflow store rendering. The
+ * scaffold (folio, masthead, filter strip, layout) is preserved so
+ * existing CSS keeps working.
  *
- *   - Sites come from `ctx.config.sites`. The two-letter site label
- *     (was `'AC' | 'EC'`) is the first 2 letters uppercased.
- *   - The feature-image pipeline isn't part of deskwork core yet; the
- *     "feature image →" / "✓ baked" affordances are dropped. The
- *     scrapbook chip stays — `@deskwork/core/scrapbook` provides
- *     `countScrapbook`.
+ * The renderer's data flow:
+ *   1. loadDashboardData reads every sidecar and groups by stage.
+ *   2. Each of the eight stages renders via `renderStageSection`.
+ *   3. The Distribution placeholder pins beneath the stage sections.
+ *
+ * The legacy export `renderDashboard` stays — server.ts wires it as
+ * the page handler. The `getIndex` parameter is preserved for
+ * signature compatibility with the override resolver in server.ts;
+ * the new dashboard does not currently consume it (sidecars are the
+ * data source, not the on-disk content tree).
  */
-import type { ContentIndex } from '@deskwork/core/content-index';
 import type { StudioContext } from '../routes/api.ts';
+import type { ContentIndex } from '@deskwork/core/content-index';
 /**
- * Per-request content-index getter. The route layer wires this to the
- * Hono context's memoized cache so a single dashboard render only
- * builds the index once per site even though many entries call
- * `entryBodyStateOf`. When omitted (e.g., a non-route caller), the
- * dashboard falls back to the slug-template path.
+ * Per-request content-index getter. Preserved for compatibility with
+ * `runTemplateOverride` in server.ts — the override resolver calls
+ * the dashboard with `(ctx, getIndex)` and we keep the signature
+ * symmetric. Sidecar-driven rendering does not consume it directly.
  */
 export type DashboardIndexGetter = (site: string) => ContentIndex;
-export declare function renderDashboard(ctx: StudioContext, getIndex?: DashboardIndexGetter): string;
+/**
+ * Render the studio dashboard. Async because sidecar reads hit disk;
+ * the route handler in server.ts awaits the result before sending it.
+ */
+export declare function renderDashboard(ctx: StudioContext, getIndex?: DashboardIndexGetter): Promise<string>;
 //# sourceMappingURL=dashboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/pages/dashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AA0BH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKtD;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC;AA84BlE,wBAAgB,eAAe,CAC7B,GAAG,EAAE,aAAa,EAClB,QAAQ,CAAC,EAAE,oBAAoB,GAC9B,MAAM,CAwDR"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/pages/dashboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC;AAElE;;;GAGG;AACH,wBAAsB,eAAe,CACnC,GAAG,EAAE,aAAa,EAClB,QAAQ,CAAC,EAAE,oBAAoB,GAC9B,OAAO,CAAC,MAAM,CAAC,CAsCjB"}