@deskwork/studio 0.12.0 → 0.13.0

package/dist/pages/scrapbook.js

@@ -1,203 +1,352 @@
 /**
- * Scrapbook viewer — `/dev/scrapbook/:site/<path>` (path may include `/`).
+ * Scrapbook viewer — `/dev/scrapbook/:site/<path>`.
  *
- * Reads the scrapbook directory at the given path and lists every
- * file with type chips + relative timestamps, plus secret items
- * (inside `scrapbook/secret/`) in a quiet second section. Empty
- * scrapbooks render an empty state with quick-add affordances.
+ * Issue #161 redesign: aside-left folder card with numbered item list,
+ * vertical card grid with per-kind colored ribbons + always-visible foot
+ * toolbar + per-kind preview rendering, drop zone, secret section,
+ * single-expanded card invariant, aside cross-linking.
  *
- * The `path` argument is the hierarchical address of the scrapbook —
- * any slash-separated kebab-case identifier under the site's
- * contentDir. It does not need to correspond to a calendar entry;
- * organizational nodes (e.g. `the-outbound/characters` with no
- * own README) can host their own scrapbooks too.
- *
- * Port of `pages/dev/scrapbook/[site]/[slug].astro`. Layout swap
- * (Astro `<Layout>` → studio shell) and CSS link added; structurally
- * similar otherwise.
+ * Mockup: docs/superpowers/frontend-design/2026-05-02-review-redesign/scrapbook-redesign.html
+ * Spec:   docs/superpowers/specs/2026-05-02-scrapbook-redesign-impl-spec.md
  */
-import { formatRelativeTime, formatSize, listScrapbook, } from '@deskwork/core/scrapbook';
+import { readFileSync } from 'node:fs';
+import { formatRelativeTime, formatSize, listScrapbook, scrapbookFilePath, } from '@deskwork/core/scrapbook';
 import { html, unsafe } from "./html.js";
 import { layout } from "./layout.js";
 import { renderEditorialFolio } from "./chrome.js";
-function renderItemRow(item, index, opts = {}) {
-    const { secret = false, withTools = true } = opts;
-    const editBtn = withTools && item.kind === 'md'
-        ? unsafe(html `<button type="button" class="scrapbook-tool" data-action="edit">edit</button>`)
-        : '';
-    const seq = String(index + 1).padStart(2, '0');
-    const kindLabel = item.kind === 'other' ? '·' : item.kind.toUpperCase();
-    const idPrefix = secret ? 'secret-' : '';
-    const dataSecret = secret ? ' data-secret="true"' : '';
-    // The "mark secret/public" toggle is the cross-section rename
-    // affordance. The button label flips with the source section.
-    const sectionToggleLabel = secret ? 'mark public' : 'mark secret';
-    const toolbar = withTools
-        ? unsafe(html `<div class="scrapbook-toolbar" data-toolbar>
-        ${editBtn}
-        <button type="button" class="scrapbook-tool" data-action="rename">rename</button>
-        <button type="button" class="scrapbook-tool" data-action="toggle-secret">${sectionToggleLabel}</button>
-        <button type="button" class="scrapbook-tool scrapbook-tool--delete" data-action="delete">delete</button>
-      </div>`)
-        : '';
-    return unsafe(html `
-    <li class="scrapbook-item${secret ? ' scrapbook-item--secret' : ''}" data-state="closed" data-open="false"
-      data-filename="${item.name}" data-kind="${item.kind}"
-      data-size="${item.size}" data-mtime="${item.mtime}"${unsafe(dataSecret)}
-      id="${idPrefix}item-${encodeURIComponent(item.name)}">
-      <button type="button" class="scrapbook-item-header" aria-expanded="false">
-        <span class="scrapbook-seq" aria-hidden="true">§ ${seq}</span>
-        <span class="scrapbook-kind scrapbook-kind--${item.kind}" aria-hidden="true">${kindLabel}</span>
-        <span class="scrapbook-filename" data-filename-cell>${item.name}</span>
-        <time class="scrapbook-mtime" datetime="${item.mtime}">${formatRelativeTime(item.mtime)}</time>
-        <span class="scrapbook-disclosure" aria-hidden="true">▸</span>
-      </button>
-      ${toolbar}
-      <div class="scrapbook-perforation" aria-hidden="true"></div>
-      <div class="scrapbook-item-body" data-body>
-        <div data-body-content></div>
-      </div>
-    </li>`);
+const KIND_LABEL = {
+    md: 'MD',
+    img: 'IMG',
+    json: 'JSON',
+    js: 'JS',
+    txt: 'TXT',
+    other: '·',
+};
+function escapeHtml(s) {
+    return s
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
 }
 /**
- * Build a hierarchical breadcrumb from the path. Each segment links to
- * the scrapbook view for its prefix. The root segment (site) just
- * goes back to the editorial dashboard.
+ * Strip a YAML frontmatter block from the top of an md file. Only strips
+ * the leading `---\n...\n---\n` block; body-level `---` separators (Setext
+ * H2 underline, thematic break) are preserved because the function only
+ * looks at the first 4 chars for the opener.
  */
-function renderBreadcrumb(site, path) {
-    const segments = path.split('/');
-    const links = [];
-    for (let i = 0; i < segments.length; i++) {
-        const prefix = segments.slice(0, i + 1).join('/');
-        const isLast = i === segments.length - 1;
-        if (isLast) {
-            links.push(html `<span class="scrapbook-breadcrumb-current">${segments[i]}</span>`);
+function stripFrontmatter(text) {
+    if (!text.startsWith('---\n'))
+        return text;
+    const closeIdx = text.indexOf('\n---\n', 4);
+    if (closeIdx < 0)
+        return text;
+    return text.slice(closeIdx + 5).replace(/^\n+/, '');
+}
+/**
+ * Build the closed-state preview excerpt for md/json/txt. Returns null
+ * when there's nothing useful to render — empty file, frontmatter-only
+ * file, or binary masquerading as text — so the caller can omit the
+ * preview block entirely (matches "other" kind treatment, avoids the
+ * 6rem min-height void).
+ *
+ * For json: pretty-print via JSON.parse + JSON.stringify(_, null, 2) so
+ * minified single-line files still render multi-line. Falls back to raw
+ * content on parse error (bad JSON is still readable as text).
+ *
+ * Binary detection: NUL byte presence after UTF-8 decode. Real text
+ * almost never has NUL; binary files have it within the first KB.
+ */
+function previewExcerpt(buf, kind) {
+    let text = buf.subarray(0, Math.min(buf.byteLength, 2400)).toString('utf-8');
+    if (text.indexOf('\0') >= 0)
+        return null;
+    if (kind === 'md')
+        text = stripFrontmatter(text);
+    if (kind === 'json') {
+        try {
+            const fullText = buf.toString('utf-8');
+            text = JSON.stringify(JSON.parse(fullText), null, 2);
+        }
+        catch {
+            // Invalid JSON — fall through to the raw-text excerpt below.
+        }
+    }
+    const excerpt = text.split('\n').slice(0, 8).join('\n').slice(0, 600);
+    if (excerpt.trim() === '')
+        return null;
+    return excerpt;
+}
+/**
+ * Count lines in a text file: number of `\n` bytes plus 1 if the last
+ * byte isn't `\n` (so a 3-line file whether or not it has a trailing
+ * newline reports 3).
+ */
+function countLines(buf) {
+    let count = 0;
+    for (const b of buf)
+        if (b === 0x0a)
+            count++;
+    if (buf.length > 0 && buf[buf.length - 1] !== 0x0a)
+        count++;
+    return count;
+}
+/**
+ * Count top-level keys in a JSON object. Returns null if the file is not
+ * valid JSON or its root is not a plain object (arrays, primitives →
+ * null; caller renders no extra meta).
+ */
+function countJsonKeys(buf) {
+    try {
+        const obj = JSON.parse(buf.toString('utf-8'));
+        if (obj !== null && typeof obj === 'object' && !Array.isArray(obj)) {
+            return Object.keys(obj).length;
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Read PNG dimensions from the IHDR chunk. Returns null for non-PNG or
+ * truncated files. JPEG/WebP/GIF support deferred — most deskwork
+ * scrapbook images are screenshots / icons (PNG) and the meta is purely
+ * informational, so the empty-string fallback is acceptable for other
+ * formats.
+ */
+function readImageDimensions(buf) {
+    if (buf.length < 24)
+        return null;
+    if (buf[0] !== 0x89 || buf[1] !== 0x50 || buf[2] !== 0x4e || buf[3] !== 0x47)
+        return null;
+    return { width: buf.readUInt32BE(16), height: buf.readUInt32BE(20) };
+}
+/**
+ * Compute the per-kind extra meta string shown after the kind chip + size:
+ *   md / txt → "{N} lines"
+ *   json     → "{N} keys" (root must be a plain object; otherwise empty)
+ *   img      → "{W} × {H}" (PNG only; other formats → empty)
+ *   other    → empty
+ *
+ * ENOENT (race-window with delete) returns empty so the card still
+ * renders; other errors propagate to the page renderer.
+ */
+function computeKindMeta(ctx, site, path, item) {
+    if (item.kind !== 'md' && item.kind !== 'txt' && item.kind !== 'json' && item.kind !== 'img') {
+        return '';
+    }
+    let buf;
+    try {
+        const fullPath = scrapbookFilePath(ctx.projectRoot, ctx.config, site, path, item.name);
+        buf = readFileSync(fullPath);
+    }
+    catch (e) {
+        if (e instanceof Error && 'code' in e && e.code === 'ENOENT')
+            return '';
+        throw e;
+    }
+    if (item.kind === 'md' || item.kind === 'txt')
+        return `${countLines(buf)} lines`;
+    if (item.kind === 'json') {
+        const keys = countJsonKeys(buf);
+        return keys !== null ? `${keys} keys` : '';
+    }
+    // img
+    const dims = readImageDimensions(buf);
+    return dims ? `${dims.width} × ${dims.height}` : '';
+}
+/**
+ * Server-side preview for the closed-state card. Img → bg-frame URL;
+ * md → italic Newsreader excerpt with frontmatter stripped; json → mono
+ * pre with parse-then-stringify pretty-print; txt → mono pre raw excerpt.
+ * Other / empty / binary-as-text → no preview block.
+ */
+function renderPreview(ctx, site, path, item, opts = {}) {
+    const { secret = false } = opts;
+    if (item.kind === 'img') {
+        const params = new URLSearchParams({ site, path, name: item.name });
+        if (secret)
+            params.set('secret', '1');
+        const url = `/api/dev/scrapbook-file?${params.toString()}`;
+        return unsafe(html `
+      <div class="scrap-preview scrap-preview--img" aria-hidden="true">
+        <div class="scrap-preview--img-frame" style="background-image: url(&quot;${url}&quot;);"></div>
+      </div>`);
+    }
+    if (item.kind !== 'md' && item.kind !== 'txt' && item.kind !== 'json') {
+        return unsafe('');
+    }
+    try {
+        const fullPath = scrapbookFilePath(ctx.projectRoot, ctx.config, site, path, item.name, secret ? { secret: true } : {});
+        const buf = readFileSync(fullPath);
+        const excerpt = previewExcerpt(buf, item.kind);
+        if (excerpt === null)
+            return unsafe('');
+        const safe = escapeHtml(excerpt);
+        if (item.kind === 'json' || item.kind === 'txt') {
+            return unsafe(html `
+        <pre class="scrap-preview scrap-preview--mono" aria-hidden="true">${unsafe(safe)}</pre>`);
         }
-        else {
-            links.push(html `<a class="scrapbook-breadcrumb-link" href="/dev/scrapbook/${site}/${prefix}">${segments[i]}</a>`);
+        return unsafe(html `
+      <div class="scrap-preview scrap-preview-md" aria-hidden="true"><p>${unsafe(safe)}</p></div>`);
+    }
+    catch (e) {
+        // ENOENT = file disappeared between listScrapbook and this read (race
+        // window with delete); rendering an empty preview is the right call.
+        // Anything else (EACCES, EISDIR, encoding bugs) propagates so the
+        // operator sees a real error instead of a silently-broken page.
+        if (e instanceof Error && 'code' in e && e.code === 'ENOENT') {
+            return unsafe('');
         }
+        throw e;
     }
-    const sep = '<span class="scrapbook-breadcrumb-sep" aria-hidden="true">›</span>';
-    const joined = links.join(`\n${sep}\n`);
+}
+function countByKind(items) {
+    const counts = {
+        all: items.length,
+        md: 0,
+        img: 0,
+        json: 0,
+        js: 0,
+        txt: 0,
+        other: 0,
+    };
+    for (const i of items)
+        counts[i.kind]++;
+    return counts;
+}
+function renderFilterChips(counts) {
+    const chip = (kind, label, isAll = false) => unsafe(html `
+    <button class="scrap-filter" type="button" data-filter="${kind}"
+      aria-pressed="${isAll ? 'true' : 'false'}">${label} · ${counts[kind]}</button>`);
+    return unsafe(html `
+    <div class="scrap-filters" role="toolbar" aria-label="filter by kind">
+      ${chip('all', 'all', true)}
+      ${chip('md', 'md')}
+      ${chip('img', 'img')}
+      ${chip('json', 'json')}
+      ${chip('txt', 'txt')}
+      ${chip('other', 'other')}
+    </div>`);
+}
+function renderSearch() {
     return unsafe(html `
-    <nav class="scrapbook-breadcrumb" aria-label="scrapbook hierarchy">
-      <a class="scrapbook-breadcrumb-link" href="/dev/editorial-studio">${site}</a>
-      <span class="scrapbook-breadcrumb-sep" aria-hidden="true">›</span>
-      ${unsafe(joined)}
+    <div class="scrap-search">
+      <input type="search" placeholder="filter by name or content" aria-label="filter scrapbook" data-scrap-search />
+      <span class="scrap-search-kbd">/</span>
+    </div>`);
+}
+function renderBreadcrumb(site, path) {
+    const segments = path.split('/').filter(Boolean);
+    const last = segments[segments.length - 1] ?? path;
+    return unsafe(html `
+    <nav class="scrap-breadcrumb" aria-label="hierarchy">
+      <a href="/dev/content/${site}">${site}</a><span class="sep">›</span>
+      <b>${last}</b>
     </nav>`);
 }
-function renderIndexSidebar(items, site, path) {
-    const totalBytes = items.reduce((acc, item) => acc + item.size, 0);
-    const lastModified = items.length > 0
-        ? items.reduce((a, b) => (a.mtime > b.mtime ? a : b)).mtime
-        : null;
+function renderAside(site, path, items, totalSize, lastModified, secretCount) {
+    const lastModifiedLabel = lastModified ? formatRelativeTime(lastModified) : '—';
+    const publicCount = items.length;
+    const sizeLabel = formatSize(totalSize);
+    const folderLabel = path.split('/').filter(Boolean).pop() ?? path;
+    const fullPath = `${site}/${path}/scrapbook/`;
     return unsafe(html `
-    <aside class="scrapbook-index">
-      <p class="scrapbook-index-kicker">
-        <span aria-hidden="true">§</span> The folder
+    <aside class="scrap-aside">
+      <p class="scrap-aside-kicker"><em>§</em> The folder</p>
+      <h1 class="scrap-aside-title">${folderLabel}</h1>
+      <p class="scrap-aside-meta">${site}</p>
+      <hr />
+      <p class="scrap-aside-totals">
+        <strong>${publicCount}</strong> public ·
+        <strong>${secretCount}</strong> secret ·
+        <em>${sizeLabel}</em>
       </p>
-      <p class="scrapbook-index-meta">${path}</p>
-      <p class="scrapbook-index-meta">${site}</p>
+      <p class="scrap-aside-meta">last modified ${lastModifiedLabel}</p>
       <hr />
-      <ol class="scrapbook-index-list" data-scrapbook-index>
-        ${items.map((item, i) => unsafe(html `<li data-index-for="${item.name}">
-            <span class="scrapbook-index-num">No. ${String(i + 1).padStart(2, '0')}</span>
-            <a href="#item-${encodeURIComponent(item.name)}">${item.name}</a>
-          </li>`))}
+      <ol class="scrap-aside-list" data-scrap-aside-list>
+        ${items.map((item, i) => {
+        const seq = String(i + 1).padStart(2, '0');
+        return unsafe(html `<li><span class="num">${seq}</span><a href="#item-${i + 1}" data-scrap-aside-link>${item.name}</a></li>`);
+    })}
       </ol>
       <hr />
-      <p class="scrapbook-index-totals">${items.length} ${items.length === 1 ? 'item' : 'items'} · ${formatSize(totalBytes)}</p>
-      ${lastModified
-        ? unsafe(html `<p class="scrapbook-index-subtotal">last modified ${formatRelativeTime(lastModified)}</p>`)
-        : ''}
-      <hr />
-      <div class="scrapbook-index-actions">
-        <button type="button" class="scrapbook-index-btn" data-action="new-note">+ new note</button>
-        <button type="button" class="scrapbook-index-btn" data-action="upload">+ upload file</button>
+      <div class="scrap-aside-actions">
+        <button class="scrap-aside-btn scrap-aside-btn--primary" type="button" data-action="new-note">+ new note</button>
+        <button class="scrap-aside-btn" type="button" data-action="upload">+ upload file</button>
       </div>
       <hr />
-      <p class="scrapbook-index-path">${site}/${path}/scrapbook/</p>
+      <p class="scrap-aside-path">${fullPath}</p>
     </aside>`);
 }
-function renderEmpty() {
+function renderCard(ctx, site, path, item, index, opts = {}) {
+    const { secret = false } = opts;
+    const seq = String(index + 1).padStart(2, '0');
+    const kindLabel = KIND_LABEL[item.kind];
+    const kindClass = item.kind === 'other' ? '' : `scrap-kind--${item.kind}`;
+    const time = item.mtime
+        ? html `<time class="scrap-time" datetime="${item.mtime}">${formatRelativeTime(item.mtime)}</time>`
+        : '';
+    const preview = renderPreview(ctx, site, path, item, { secret });
+    const kindMeta = computeKindMeta(ctx, site, path, item);
+    const kindMetaHtml = kindMeta
+        ? unsafe(html `<span>·</span><span>${kindMeta}</span>`)
+        : unsafe('');
+    const editBtn = item.kind === 'img'
+        ? unsafe('')
+        : unsafe(html `<button class="scrap-tool" type="button" data-action="edit">edit</button>`);
+    // Secret cards get id="secret-item-N" to disambiguate from public ids in
+    // restoreFromHash + aside cross-link lookups (F4 contract); the
+    // mark-secret action toggle reads "mark public" since clicking it moves
+    // the card OUT of the secret section.
+    const id = secret ? `secret-item-${index + 1}` : `item-${index + 1}`;
+    const markSecretLabel = secret ? 'mark public' : 'mark secret';
+    const dataSecretAttr = secret ? ' data-secret="true"' : '';
     return unsafe(html `
-    <section class="scrapbook-empty">
-      <p>
-        This scrapbook is empty. Write the first note, or drop a file
-        anywhere on this page.
-      </p>
-      <div class="scrapbook-empty-actions">
-        <button type="button" class="scrapbook-index-btn" data-action="new-note">+ new note</button>
-        <button type="button" class="scrapbook-index-btn" data-action="upload">+ upload file</button>
+    <li class="scrap-card" data-kind="${item.kind}" data-state="closed" id="${id}"${unsafe(dataSecretAttr)}>
+      <div class="scrap-card-head">
+        <span class="scrap-seq">N° ${seq}</span>
+        <span class="scrap-name" data-action="open">${item.name}</span>
+        ${unsafe(time)}
       </div>
-    </section>`);
+      <div class="scrap-card-meta">
+        <span class="scrap-kind ${kindClass}">${kindLabel}</span>
+        <span class="scrap-size">${formatSize(item.size)}</span>
+        ${kindMetaHtml}
+      </div>
+      ${preview}
+      <div class="scrap-card-foot">
+        <button class="scrap-tool scrap-tool--primary" type="button" data-action="open">open</button>
+        ${editBtn}
+        <button class="scrap-tool" type="button" data-action="rename">rename</button>
+        <button class="scrap-tool" type="button" data-action="mark-secret">${markSecretLabel}</button>
+        <span class="spacer"></span>
+        <button class="scrap-tool scrap-tool--delete" type="button" data-action="delete">delete</button>
+      </div>
+    </li>`);
 }
-function renderReadingPanel(items) {
+function renderDropZone() {
     return unsafe(html `
-    <section class="scrapbook-reading">
-      <form class="scrapbook-composer" data-scrapbook-composer hidden>
-        <div class="scrapbook-composer-header">
-          <span class="scrapbook-composer-seq" aria-hidden="true">✎</span>
-          <span class="scrapbook-composer-kind">NEW</span>
-          <input type="text" class="scrapbook-composer-filename" data-composer-filename
-            placeholder="note-name.md" aria-label="new note filename" />
-          <div class="scrapbook-editor-footer scrapbook-composer-actions">
-            <label class="scrapbook-secret-toggle" title="save under scrapbook/secret/ — never published">
-              <input type="checkbox" data-composer-secret />
-              <span>secret</span>
-            </label>
-            <button type="button" class="scrapbook-tool" data-action="composer-cancel">cancel</button>
-            <button type="submit" class="scrapbook-tool scrapbook-tool--primary" data-action="composer-save">save →</button>
-          </div>
-        </div>
-        <div class="scrapbook-composer-body">
-          <textarea data-composer-body
-            placeholder="Write the note in markdown. Cmd/Ctrl+S saves."
-            aria-label="new note body"></textarea>
-        </div>
-      </form>
-      <ol class="scrapbook-items" data-scrapbook-items>
-        ${items.map((item, i) => renderItemRow(item, i))}
-      </ol>
-      <div class="scrapbook-drop" data-scrapbook-drop role="button" tabindex="0"
-        aria-label="upload a file to the scrapbook">
-        <span class="scrapbook-drop-label">── drop a file here, or pick one ──</span>
-        <input type="file" data-scrapbook-file-input
-          accept="image/*,application/json,text/plain,text/markdown,.md,.json,.txt" />
-        <label class="scrapbook-secret-toggle scrapbook-secret-toggle--upload"
-          title="save the upload under scrapbook/secret/ — never published">
-          <input type="checkbox" data-upload-secret />
-          <span>upload as secret</span>
-        </label>
-      </div>
-    </section>`);
+    <div class="scrap-drop" role="button" tabindex="0" data-action="upload"
+         aria-label="Drop a file here, or press Enter to pick one">
+      ── drop a file here, or pick one ──
+    </div>`);
 }
-/**
- * Quiet second section listing items inside `scrapbook/secret/`. Read-
- * only in v1 — operators populate the directory by hand or via the
- * core API; the studio surface just shows what's there. The "private"
- * badge gives unmistakable visual differentiation from the public
- * items above.
- */
-function renderSecretSection(items) {
+function renderSecretSection(ctx, site, path, secretItems) {
+    if (secretItems.length === 0)
+        return unsafe('');
+    const cards = secretItems.map((item, i) => renderCard(ctx, site, path, item, i, { secret: true }));
     return unsafe(html `
-    <section class="scrapbook-secret" data-scrapbook-secret>
-      <header class="scrapbook-secret-header">
-        <span class="scrapbook-secret-mark" aria-hidden="true">⚿</span>
-        <h2 class="scrapbook-secret-title">Secret</h2>
-        <span class="scrapbook-secret-badge" aria-label="private — never published">
-          private
-        </span>
-        <span class="scrapbook-secret-count">
-          ${items.length} ${items.length === 1 ? 'item' : 'items'}
-        </span>
+    <section class="scrap-secret" aria-label="secret items">
+      <header class="scrap-secret-head">
+        <span class="scrap-secret-mark" aria-hidden="true">⚿</span>
+        <h2 class="scrap-secret-title">Secret</h2>
+        <span class="scrap-secret-badge">private — never published</span>
       </header>
-      <p class="scrapbook-secret-help">
-        Items inside <code>scrapbook/secret/</code>. Excluded from the
-        public site by the host's content-collection patterns.
-      </p>
-      <ol class="scrapbook-items scrapbook-items--secret">
-        ${items.map((item, i) => renderItemRow(item, i, { secret: true, withTools: true }))}
+      <ol class="scrap-cards">
+        ${cards}
       </ol>
     </section>`);
 }
@@ -208,41 +357,51 @@ export function renderScrapbookPage(ctx, site, path) {
     if (!(site in ctx.config.sites)) {
         throw new Error(`unknown site: ${site}`);
     }
-    const summary = listScrapbook(ctx.projectRoot, ctx.config, site, path);
-    const items = summary.items;
-    const secretItems = summary.secretItems;
-    const publicBlock = items.length === 0
-        ? renderEmpty().__raw
-        : renderReadingPanel(items).__raw + renderIndexSidebar(items, site, path).__raw;
-    const secretBlock = secretItems.length > 0 ? renderSecretSection(secretItems).__raw : '';
+    // listScrapbook returns { exists: false, items: [] } for missing dirs
+    // (packages/core/src/scrapbook.ts:337-339), so an empty scrapbook is not
+    // an error path. Real errors (slug validation, scrapbookDir resolution
+    // failures, FS permission issues) propagate to the studio's error handler.
+    const result = listScrapbook(ctx.projectRoot, ctx.config, site, path);
+    const items = result.items;
+    const secretItems = result.secretItems;
+    const totalSize = items.reduce((s, i) => s + i.size, 0);
+    const lastModified = items.reduce((acc, i) => {
+        if (!i.mtime)
+            return acc;
+        if (!acc || i.mtime > acc)
+            return i.mtime;
+        return acc;
+    }, null);
+    const counts = countByKind(items);
+    const folderLabel = path.split('/').filter(Boolean).pop() ?? path;
+    const cards = items.map((item, i) => renderCard(ctx, site, path, item, i));
+    const cardsHtml = cards.map((c) => c.__raw).join('');
     const body = html `
     ${renderEditorialFolio('content', `scrapbook · ${site}/${path}`)}
-    <main class="scrapbook-page" data-site="${site}" data-slug="${path}" data-scrapbook-root>
-      <header class="er-pagehead er-pagehead--compact scrapbook-header">
-        ${renderBreadcrumb(site, path)}
-        <p class="er-pagehead__kicker scrapbook-kicker">
-          <span class="scrapbook-kicker-mark" aria-hidden="true">§</span>
-          Scrapbook
-        </p>
-        <h1 class="er-pagehead__title scrapbook-title">${path}</h1>
-        <a class="scrapbook-back" href="/dev/editorial-studio">← back to the desk</a>
-      </header>
-      <div class="scrapbook-status" data-scrapbook-status hidden></div>
-      ${unsafe(publicBlock)}
-      ${unsafe(secretBlock)}
-      <div class="scrapbook-drop-overlay" data-scrapbook-overlay aria-hidden="true">
-        <span class="scrapbook-drop-overlay-text">drop to add to the scrapbook ◇</span>
-      </div>
+    <main class="scrap-page" data-site="${site}" data-path="${path}">
+      ${renderAside(site, path, items, totalSize, lastModified, secretItems.length)}
+      <section class="scrap-main">
+        <header class="scrap-main-header">
+          ${renderBreadcrumb(site, path)}
+          ${renderSearch()}
+        </header>
+        ${renderFilterChips(counts)}
+        <ol class="scrap-cards" id="cards" data-scrap-cards>
+          ${unsafe(cardsHtml)}
+        </ol>
+        ${renderDropZone()}
+        ${renderSecretSection(ctx, site, path, secretItems)}
+      </section>
     </main>`;
     return layout({
-        title: `scrapbook · ${path} — dev`,
+        title: `scrapbook · ${folderLabel} — dev`,
         cssHrefs: [
             '/static/css/editorial-review.css',
             '/static/css/editorial-nav.css',
             '/static/css/scrapbook.css',
             '/static/css/blog-figure.css',
         ],
-        bodyAttrs: 'data-review-ui="studio"',
+        bodyAttrs: 'data-review-ui="scrapbook"',
         bodyHtml: body,
         scriptModules: ['scrapbook-client'],
     });

package/dist/pages/scrapbook.js.map

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