@open-press/cli 0.8.0 → 1.1.0

package/template/packs/claude-document/document/theme/tokens.css

@@ -1,89 +0,0 @@
-:root {
-  /* Workbench chrome */
-  --openpress-color-app-bg: #121a22;
-  --openpress-color-border-subtle: rgba(181, 174, 164, 0.22);
-  --openpress-color-border-strong: rgba(181, 174, 164, 0.44);
-  --openpress-color-text-on-dark: #f7f9fb;
-  --openpress-color-text-secondary: #d9dedf;
-  --openpress-color-text-placeholder: #9aa3a8;
-  --openpress-color-focus: #3e617a;
-
-  /* Claude-like warm document palette */
-  --openpress-color-document: #fbfaf5;
-  --openpress-color-paper: #fffdf8;
-  --openpress-color-paper-soft: #f2eee4;
-  --openpress-color-ink: #1d2832;
-  --openpress-color-body: #303235;
-  --openpress-color-muted: #63707b;
-  --openpress-color-subtle: #a9a092;
-  --openpress-color-line: #ddd5c8;
-  --openpress-color-line-strong: #b7ac9c;
-  --openpress-color-soft-line: #ece6da;
-  --openpress-color-block: #f7f3ea;
-  --openpress-color-grid: rgba(131, 113, 88, 0.055);
-  --openpress-color-grid-strong: rgba(82, 74, 62, 0.04);
-  --openpress-color-paper-grain: rgba(29, 40, 50, 0.018);
-  --openpress-color-paper-fiber: rgba(141, 128, 106, 0.022);
-  --openpress-color-paper-rhythm: rgba(29, 40, 50, 0.024);
-  --openpress-color-info: #3e617a;
-  --openpress-color-green: #617167;
-
-  /* Restrained chart/status accents on a warm paper base. */
-  --openpress-chart-gold: #8d806a;
-  --openpress-chart-coral: #756d66;
-  --openpress-chart-coral-deep: #526272;
-  --openpress-chart-dark: #1d2832;
-  --openpress-chart-cream: #fbfaf6;
-  --openpress-chart-warm-gray: #a9a092;
-  --openpress-chart-gold-bg: rgba(141, 128, 106, 0.12);
-  --openpress-chart-coral-bg: rgba(82, 98, 114, 0.1);
-  --openpress-chart-coral-deep-bg: rgba(82, 98, 114, 0.12);
-  --openpress-chart-dark-bg: rgba(29, 40, 50, 0.08);
-  --openpress-chart-gold-border: rgba(141, 128, 106, 0.32);
-  --openpress-chart-coral-border: rgba(82, 98, 114, 0.24);
-  --openpress-chart-coral-deep-border: rgba(82, 98, 114, 0.32);
-  --openpress-chart-dark-border: rgba(29, 40, 50, 0.22);
-
-  --openpress-status-warn: #8a6f5b;
-  --openpress-status-success: #617167;
-  --openpress-status-info: #3e617a;
-
-  /* Typography: warm editorial document with sans body and mono literals. */
-  --openpress-font-body: "Noto Sans TC", "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", sans-serif;
-  --openpress-font-serif: Georgia, "Times New Roman", "Songti TC", "STSong", "Noto Serif TC", "PMingLiU", "MingLiU", serif;
-  --openpress-font-handwriting: var(--openpress-font-body);
-  --openpress-font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;
-
-  --openpress-type-step-down: 2px;
-  --openpress-text-sm: calc(9pt - var(--openpress-type-step-down));
-  --openpress-text-md: calc(11pt - var(--openpress-type-step-down));
-  --openpress-text-code: calc(10.5pt - var(--openpress-type-step-down));
-
-  --openpress-leading-body: 1.8;
-  --openpress-leading-table: 1.55;
-
-  /* Spacing system for A4 working documents */
-  --openpress-space-1: 2mm;
-  --openpress-space-2: 4mm;
-  --openpress-space-3: 6mm;
-  --openpress-space-4: 9mm;
-  --openpress-space-5: 13mm;
-
-  /* Paper surface: warm paper, low-noise fiber, and a very light vertical
-   * rhythm. This replaces visible notebook grid lines for long-form reading. */
-  --openpress-paper-texture:
-    radial-gradient(circle at 0.5px 0.5px, var(--openpress-color-paper-grain) 0.42px, transparent 0.62px),
-    radial-gradient(circle at 2.5px 1.5px, var(--openpress-color-paper-fiber) 0.34px, transparent 0.56px),
-    linear-gradient(90deg, var(--openpress-color-paper-rhythm) 1px, transparent 1px);
-  --openpress-paper-texture-size: 4px 4px, 9px 9px, 24mm 100%;
-  --openpress-paper-texture-position: 0 0, 1px 2px, 0 0;
-
-  /* Page geometry — A4 預設。
-   * 換成 B5 / Letter / 16:9 投影片時改這三條，其他 CSS 與 page-contract `@page`
-   * 都會跟著走。注意：@page size 改用 length pair 時，PDF 與瀏覽器 print 都會吃。 */
-  --openpress-page-width: 210mm;
-  --openpress-page-height: 297mm;
-  --openpress-page-aspect-ratio: 210 / 297;
-  --openpress-page-height-ratio: 1.4142857143;
-  --openpress-page-margin: 18mm;
-}

package/template/packs/claude-document/openpress.config.mjs

@@ -1,5 +0,0 @@
-// claude-document starter — root marker for a nested React/MDX open-press workspace.
-export default {
-  documentDir: "document",
-  config: "document/openpress.config.mjs",
-};

package/template/packs/editorial-monograph/document/chapters/01-product-and-use-cases/content/01-product-and-use-cases.mdx

@@ -1,31 +0,0 @@
-## 產品定位與適用範圍
-
-open-press 是一個為 AI 協作設計的固定版面文件工作區。它適合用在內容需要反覆修改、但視覺樣式與輸出格式必須穩定的長篇文件，例如計畫書、白皮書、研究報告、產品規格、書本章節、技術手冊、論文草稿與報章雜誌式專題。
-
-一般聊天式寫作工具擅長產生段落，但不一定能穩定管理封面、章節、目錄、表格、圖表、頁碼與 PDF 輸出。open-press 把這些交付邊界明確化：文件來源維持在可讀、可版本化的 source files，視覺風格由 style pack 與 theme 承擔，最終輸出由 CLI 驗證與生成。
-
-### 三方責任
-
-| 角色 | 負責內容 | 不應負責 |
-| --- | --- | --- |
-| 使用者 | 目的、讀者、事實、限制、最終核准 | 每一頁的手動排版細節 |
-| Agent | 章節整理、文字改寫、視覺元件、theme 調整 | 未確認數字、法律承諾、公開部署決策 |
-| open-press | workspace 邊界、結構驗證、預覽、PDF 輸出 | 單一審美、固定語氣、文件意圖判斷 |
-
-這個分工讓 AI 可以真正參與文件製作，同時避免在無邊界的設計畫布裡任意改動。使用者不需要把每個檔案的操作步驟說清楚，只要指定目標、讀者、風格與限制，Agent 就能在 open-press 的框架內完成內容與設計工作。
-
-### 適用範圍
-
-open-press 適合處理「長文內容」與「固定視覺樣式」同時存在的工作。這類文件通常不只是幾段文字，而是需要封面、目錄、章節、表格、圖表、註腳、頁面節奏與可交付輸出。
-
-| 文件類型 | 典型需求 | open-press 提供的協助 |
-| --- | --- | --- |
-| 計畫書、提案書 | 目標、問題、方案、時程、預期成果 | 結構整理、章節節奏、PDF 交付 |
-| 白皮書、研究報告 | 長段論述、表格、圖表、引用式說明 | 固定版面、圖表包裝、章節管理 |
-| 書本、手冊、教材 | 章節連貫、段落密度、讀者導引 | 長文編輯、樣式一致、可反覆修訂 |
-| 論文、技術報告 | 嚴謹語氣、術語一致、資料呈現 | 中文潤飾、表格密度、輸出驗證 |
-| 報章雜誌、專刊 | 編輯風格、專題頁面、視覺節奏 | style pack、cover、章首與版面控制 |
-
-若文件只是一次性的短文、聊天紀錄或不需要固定輸出的草稿，open-press 可能不是最輕量的選擇。它真正有價值的地方，是讓多輪 AI 編輯仍然保有一致的文件形狀，並且能在交付前檢查 source、預覽與 PDF。
-
-目前內建的 `editorial-monograph` style pack 偏向 A4 嚴肅長文：細線、留白、章節清楚、表格與圖表克制。這種風格適合產品說明、研究報告、正式提案與技術文件，也適合作為公開 showcase 的起點。

package/template/packs/editorial-monograph/document/chapters/02-workflow/content/01-workflow.mdx

@@ -1,89 +0,0 @@
-## User Guide：手把手上手 open-press
-
-open-press 的使用方式不是先學會每個檔案怎麼改，而是用自然語言帶著 Agent 完成一份固定版面文件。User 負責說明目的、提供事實與做最後判斷；Agent 依照 skill 編輯 source files；open-press 負責預覽、驗證、PDF 與部署流程。
-
-### Step 1：準備文件目標
-
-開始前，User 只需要準備三件事：這份文件要給誰看、讀者看完要做什麼決策、哪些事實不能由 Agent 自行補充。若已有素材，可以上傳簡報、草稿、訪談逐字稿、研究筆記或既有文件；若還沒有素材，也可以先請 Agent 產生一份需要 User 補事實的草稿。
-
-可以這樣說：
-
-```txt
-請參考這一份文件（自行上傳），使用 openpress-writing skill 幫我整理成一份產品說明文件。
-讀者是第一次接觸 open-press 的使用者。保留既有事實，不要新增未確認的數字。
-```
-
-### Step 2：選擇文件風格
-
-open-press 從 style pack 起手。Style pack 會提供可運行的 starter、版面節奏、字體、顏色、封面、章節、表格與 PDF 輸出規則。User 不需要先設計整套視覺系統，只要指定文件需要的風格方向。
-
-如果是從 GitHub 開始，可以先取得 open-press framework：
-
-```bash
-git clone https://github.com/quan0715/openpress.git
-cd openpress
-npm install
-npm run dev
-```
-
-例如：
-
-```txt
-請以 editorial-monograph skill 作為風格，使用 openpress-writing skill 建立文件。
-我希望它像正式白皮書，不要像行銷 landing page。
-```
-
-### Step 3：讓 Agent 編輯 source files
-
-| 位置 | 用途 | 常見 Agent 任務 |
-| --- | --- | --- |
-| `content/` | 正文、封面、目錄、章節、封底 | 重寫章節、調整順序、加入表格 |
-| `design.md` | 文件風格說明，給 user 與 agent 共讀 | 說明風格規則、紀錄設計決策 |
-| `theme/` | CSS tokens、版面、typography、print rules | 調整字體、顏色、頁面節奏 |
-| `components/` | 文件專屬圖表或視覺元件 | 抽出可重用資料視覺 |
-| `media/` | 圖片與二進位素材 | 整理封面圖、插圖、照片 |
-
-User 可以直接描述想改什麼，不需要指定檔案路徑。Agent 會回到這些 source files 編輯，而不是手改生成產物。這讓文件能被版本控制、能被驗證，也能在多輪修改後維持同一套設計。
-
-### Step 4：打開本機 workbench 一起看稿
-
-open-press 本機 workbench 是 User 和 Agent 共同工作的預設入口。Agent 透過 `openpress` skill 打開本機 workbench，User 在瀏覽器裡檢查兩個視角：Document 看正式文件、Project 看來源與素材狀態。風格規則改在 `document/design.md`，編輯器或 GitHub 上直接讀。
-
-可以這樣說：
-
-```txt
-請使用 openpress skill 打開本機 workbench。
-我會看 Document 跟 Project，再告訴你要調整哪裡。
-```
-
-### Step 5：用回饋迭代到可交付
-
-審稿時，User 可以用自然語言指出問題：某章太抽象、表格太密、語氣太像廣告、缺少新手指引、或部署設定還不清楚。Agent 會把回饋轉成內容、設計或 workflow 變更，完成後重新 export 與 validate。
-
-常見回饋方式：
-
-| User 想做的事 | 可以怎麼說 |
-| --- | --- |
-| 改寫章節 | 這章改成 user guide，請手把手帶新手上手。 |
-| 調整語氣 | 這段不要像宣傳文，改成產品文件的語氣。 |
-| 補工作流 | 加上我應該怎麼下 prompt、Agent 會做什麼、我需要確認什麼。 |
-| 檢查交付 | 跑 export、validate 和 PDF，確認可以公開給其他 user 看。 |
-
-### Step 6：輸出或部署
-
-文件可交付前，Agent 應先跑 `openpress:export`、`openpress:validate`，必要時再跑 `openpress:pdf`。若要公開上線，改用 `openpress-deploy` 進入部署流程；部署前必須確認 target project、公開網址、授權素材與文件中的事實。
-
-常見部署檢查如下：
-
-```bash
-npm run openpress:export
-npm run openpress:validate
-npm run openpress:pdf
-npm run openpress:deploy:dry-run
-```
-
-真正公開發布時，再由 User 明確確認目標專案：
-
-```bash
-npm run openpress:deploy -- --confirm
-```

package/template/packs/editorial-monograph/document/chapters/03-agent-skills-contributors/content/01-agent-skills-contributors.mdx

@@ -1,51 +0,0 @@
-## Agent 互動、Skill 分工與貢獻者
-
-使用 Codex、CloudCode 或其他 CLI agent 時，建議直接要求它使用對應 skill。使用者不需要描述每一個檔案怎麼改，而是要說清楚文件目標、讀者、風格、限制，以及完成後要執行哪些驗證。
-
-### 常用互動方式
-
-| 目標 | 可以這樣說 |
-| --- | --- |
-| 檢查 open-press 狀態與工具 | 請使用 `openpress skill` 檢查目前 workspace，可用 inspect/search/validate 說明文件狀態。 |
-| 從既有資料建立文件 | 請參考這一份文件（自行上傳），使用 `openpress-writing skill` 協助整理成 8 頁產品提案。保留既有事實，不要新增未確認的數字。 |
-| 以風格起手建立新文件 | 請以 `editorial-monograph skill` 作為風格，使用 `openpress-writing skill` 建立一份研究報告。讀者是管理層，缺少的事實請標成 placeholder。 |
-| 開啟本機審稿 | 請使用 `openpress skill` 打開本機 workbench，讓我檢查 Document、Design System 與 Project 狀態。 |
-| 規劃長篇文件層級 | 請使用 `openpress-writing skill` 規劃 H2/H3/H4、目錄深度與附錄位置（已併入 writing skill 的 Hierarchy section）。 |
-| 重寫章節 | 請使用 `openpress-writing skill` 重整章節，讓第一章先講問題、第二章講方案，語氣維持正式研究報告。 |
-| 調整版面 | 請使用 `openpress-design skill` 調整 theme 與 components，讓文件維持 A4 長文閱讀節奏。 |
-| 中文潤飾 | 請使用 `chinese-ai-writing-polish skill` 潤飾中文，保留原意，不要改成廣告文案。 |
-| 部署檢查 | 請使用 `openpress-deploy skill` 檢查部署設定，先跑 dry run，不要直接公開部署。 |
-
-好的指令通常包含四件事：文件要給誰看、讀完要做什麼決策、哪些事實不能改、完成後要跑哪些驗證。若文件會公開上線，還應明確要求 Agent 不要新增未確認的客戶案例、數字、法律承諾或發布日期。
-
-### Skill 分工
-
-open-press 使用 skill 讓 Agent 在不同層次工作。`openpress` 是 Core / CLI skill，負責工具入口與 source/generated 邊界；文件建立、層級規劃、審稿、部署、寫作、設計、風格與語言潤飾仍由專責 skill 承擔。這樣做可以避免把所有規則硬寫進框架，也讓每份文件保有自己的風格。
-
-| Skill | 主要用途 | 使用時機 |
-| --- | --- | --- |
-| `openpress` | CLI、workspace inspect/search/replace、本機 workbench、驗證與輸出邊界 | Agent 不確定該用哪個 open-press 工具、要開本機審稿、或要選 specialist skill |
-| `openpress-deploy` | 部署設定、preflight、dry run、公開發布確認 | 準備上線或接前端部署按鈕 |
-| `openpress-writing` | 章節順序、敘事結構、表格與 caption 文案、**H1/H2/H3/H4 結構、TOC 深度、附錄位置** | 建立、重寫或重整內容；長文骨架調整 |
-| `openpress-design` | theme、版面、page rhythm、components | 調整視覺系統與輸出穩定性 |
-| `openpress-style-pack-contributor` | style pack 設計、starter 契約、貢獻驗證 | 新增或改良 `skills/<pack>/starter/` |
-| `editorial-monograph` | A4 嚴肅長文風格 | 報告、提案、白皮書、產品說明 |
-| `chinese-ai-writing-polish` | 繁體中文專業潤飾、去除 AI 腔 | 公開文件、提案、網站與報告文案 |
-
-本機 workbench 是 open-press 與使用者互動的基本入口。Agent 透過 `openpress` skill 與 `npm run dev` 打開 workbench，讓使用者在 Document 與 Project 視角中檢查內容;風格規則寫在 `document/design.md`，編輯器內直接讀。部署則由 `openpress-deploy` 接手，先完成設定、preflight 與 dry run，再由使用者確認公開發布。
-
-### Style pack 貢獻者
-
-Style pack 是 open-press 的重要概念。它不是單純的 CSS，而是把設計規則、starter 內容、theme、`design.md` 與可運行範例包在一起。Agent 可以用 style pack 建立工作區，再依照文件目的調整細節。
-
-新的貢獻者角色先聚焦在 style pack 的設計。這個角色不需要一開始修改 engine，而是要把一種清楚的文件風格轉成可被 Agent 使用、可被使用者預覽、可被 CLI 驗證的 starter workspace。
-
-貢獻 style pack 時，可以這樣要求 Agent：
-
-```txt
-請使用 openpress-style-pack-contributor skill 設計一個新的 open-press style pack。
-這個 pack 面向需要固定版面輸出的長篇文件，請先定義視覺哲學、
-starter 結構、design.md、theme tokens、頁面樣式與驗證方式。
-```
-
-`editorial-monograph` 的風格特徵是細線、克制色彩、A4 固定版面、serif 章首、sans 正文、TOC 與 figure/table 編號。它適合正式、長篇、需要交付 PDF 的文件，也能讓讀者在 showcase 中看見 open-press 對固定版面文件的控制能力。

package/template/packs/editorial-monograph/document/chapters/04-validation-deploy/content/01-validation-deploy.mdx

@@ -1,39 +0,0 @@
-## 驗證、預覽與公開上線
-
-open-press 把交付流程當成文件的一部分。內容或設計完成後，Agent 應先產生 document model，再檢查 workspace 結構，必要時輸出 PDF。公開上線前，使用者仍需要確認事實、授權素材與部署目標。
-
-### 指令與產物
-
-| 目的 | 指令 | 結果 |
-| --- | --- | --- |
-| 開發預覽 | `npm run dev` | 在本機 workbench 檢查文件與設計 |
-| 匯出模型 | `npm run openpress:export` | 產生 `public/openpress/document.json` |
-| 結構驗證 | `npm run openpress:validate` | 檢查 source、assets 與 open-press 邊界 |
-| 建置輸出 | `npm run openpress:render` | 產生可部署的 `dist-react/` |
-| PDF 交付 | `npm run openpress:pdf` | 輸出固定版面 PDF |
-| 部署 dry run | `npm run openpress:deploy:dry-run` | 檢查部署步驟，不公開發布 |
-| 公開部署 | `npm run openpress:deploy -- --confirm` | 經使用者確認後部署 |
-
-公開文件需要特別注意三件事。第一，事實與數字必須由使用者核准；Agent 可以整理語氣，但不應自己創造商業成果。第二，圖片、字體與引用資料要確認授權。第三，公開部署需要明確同意，尤其是含有公司資料、客戶資訊或尚未發布功能的文件。
-
-### 部署設定
-
-open-press 的部署設定放在 `openpress.config.mjs`，而不是藏在前端按鈕裡。以 Cloudflare Pages 為例，文件需要明確的 adapter、輸出目錄與 project name：
-
-```js
-deploy: {
-  adapter: "cloudflare-pages",
-  source: ".deploy/openpress-showcase",
-  projectName: "openpress-showcase",
-  commitDirty: false,
-  requiresConfirmation: true,
-}
-```
-
-未來前端介面的部署按鈕應該只是這套流程的視覺入口。按鈕可以顯示目標 project、部署狀態、PDF 連結與 dirty 狀態，但實際執行仍應走 open-press CLI 與 `openpress-deploy` 的安全檢查。缺少 `deploy.projectName` 或使用者尚未確認時，按鈕應停在 setup / review 狀態，而不是直接發布。
-
-### Showcase 本身
-
-這份 showcase 文件本身也展示了 open-press 的流程：它由 React/MDX source 組成，套用 `editorial-monograph` 風格，透過 open-press CLI 匯出與驗證，最後能以 workbench 或 PDF 形式交付給讀者。
-
-它也示範了 open-press 的互動模型：使用者提出文件目的與調整方向，Agent 透過 skill 拆解工作，本機 workbench 讓雙方共同審稿，deploy workflow 則在公開發布前補上設定、dry run 與確認。

package/template/packs/editorial-monograph/document/components/ChapterOpenerVisual/index.tsx

@@ -1,76 +0,0 @@
-const TONES = new Set(["sage", "lavender", "mint", "amber"]);
-
-const VISUALS = {
-  "linked-list": `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <rect class="chapter-opener-illustration__paper" x="42" y="96" width="116" height="82" rx="4" />
-      <rect class="chapter-opener-illustration__paper" x="204" y="96" width="116" height="82" rx="4" />
-      <rect class="chapter-opener-illustration__paper" x="366" y="96" width="116" height="82" rx="4" />
-      <path class="chapter-opener-illustration__stroke" d="M158 137 H204" />
-      <path class="chapter-opener-illustration__stroke" d="M320 137 H366" />
-      <path class="chapter-opener-illustration__arrow" d="M190 122 206 137 190 152" />
-      <path class="chapter-opener-illustration__arrow" d="M352 122 368 137 352 152" />
-      <path class="chapter-opener-illustration__thin" d="M72 128 H118 M72 150 H128 M234 128 H280 M234 150 H286 M396 128 H442 M396 150 H452" />
-      <circle class="chapter-opener-illustration__node" cx="144" cy="137" r="13" />
-      <circle class="chapter-opener-illustration__node" cx="306" cy="137" r="13" />
-      <circle class="chapter-opener-illustration__node" cx="468" cy="137" r="13" />
-      <path class="chapter-opener-illustration__stroke" d="M262 178 C262 222 220 244 158 244 C98 244 68 222 68 190" />
-      <path class="chapter-opener-illustration__arrow" d="M52 204 68 188 84 204" />
-    </svg>`,
-  tree: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <path class="chapter-opener-illustration__paper" d="M232 40 316 40 352 86 330 132 218 132 194 86Z" />
-      <path class="chapter-opener-illustration__paper" d="M88 198 170 178 228 218 204 288 100 288 58 240Z" />
-      <path class="chapter-opener-illustration__paper" d="M314 198 400 176 466 224 450 292 328 292 282 238Z" />
-      <path class="chapter-opener-illustration__stroke" d="M262 118 160 214 M270 118 374 214" />
-      <path class="chapter-opener-illustration__stroke" d="M160 214 122 258 M160 214 204 258 M374 214 330 258 M374 214 420 258" />
-      <circle class="chapter-opener-illustration__node" cx="266" cy="100" r="24" />
-      <circle class="chapter-opener-illustration__node" cx="160" cy="214" r="22" />
-      <circle class="chapter-opener-illustration__node" cx="374" cy="214" r="22" />
-      <circle class="chapter-opener-illustration__dot" cx="122" cy="258" r="13" />
-      <circle class="chapter-opener-illustration__dot" cx="204" cy="258" r="13" />
-      <circle class="chapter-opener-illustration__dot" cx="330" cy="258" r="13" />
-      <circle class="chapter-opener-illustration__dot" cx="420" cy="258" r="13" />
-    </svg>`,
-  code: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <path class="chapter-opener-illustration__paper" d="M92 52 338 52 386 104 386 286 92 286Z" />
-      <path class="chapter-opener-illustration__paper" d="M348 82 438 82 476 122 452 226 356 226 326 154Z" />
-      <path class="chapter-opener-illustration__thin" d="M132 112 H250 M132 146 H292 M132 180 H238 M132 214 H276" />
-      <path class="chapter-opener-illustration__stroke" d="M308 114 C340 122 356 148 356 180 C356 220 332 244 292 250" />
-      <path class="chapter-opener-illustration__arrow" d="M304 226 288 250 316 260" />
-      <path class="chapter-opener-illustration__stroke" d="M406 124 V202" />
-      <circle class="chapter-opener-illustration__node" cx="406" cy="124" r="17" />
-      <circle class="chapter-opener-illustration__node" cx="406" cy="202" r="17" />
-    </svg>`,
-  answers: `<svg viewBox="0 0 520 330" focusable="false" aria-hidden="true">
-      <path class="chapter-opener-illustration__paper" d="M128 44 396 44 440 90 418 292 104 292 82 86Z" />
-      <path class="chapter-opener-illustration__thin" d="M178 116 H350 M178 168 H350 M178 220 H322" />
-      <path class="chapter-opener-illustration__stroke" d="M128 112 148 134 190 88" />
-      <path class="chapter-opener-illustration__stroke" d="M128 164 148 186 190 140" />
-      <path class="chapter-opener-illustration__stroke" d="M128 216 148 238 190 192" />
-      <circle class="chapter-opener-illustration__node" cx="386" cy="92" r="18" />
-      <path class="chapter-opener-illustration__stroke" d="M386 92 C420 126 424 172 394 208" />
-      <path class="chapter-opener-illustration__arrow" d="M380 186 394 210 420 200" />
-    </svg>`,
-};
-
-export type ChapterOpenerVisualVariant = keyof typeof VISUALS;
-
-export interface ChapterOpenerVisualProps {
-  variant?: ChapterOpenerVisualVariant;
-  tone?: string;
-}
-
-export default function ChapterOpenerVisual({
-  variant = "linked-list",
-  tone = "sage",
-}: ChapterOpenerVisualProps) {
-  const visual = VISUALS[variant] ?? VISUALS["linked-list"];
-  const safeTone = TONES.has(tone) ? tone : "sage";
-
-  return (
-    <figure
-      className={`chapter-opener-illustration chapter-opener-illustration--${variant} chapter-opener-tone--${safeTone}`}
-      aria-hidden="true"
-      dangerouslySetInnerHTML={{ __html: visual }}
-    />
-  );
-}

package/template/packs/editorial-monograph/document/components/Page.tsx

@@ -1,37 +0,0 @@
-import { Frame, MdxArea } from "@open-press/core";
-import type { SectionsPageProps } from "@open-press/core/manuscript";
-
-export default function Page({
-  frameKey,
-  chainId,
-  pageIndex,
-  totalPages,
-  sectionSlug,
-  sectionTitle,
-  sectionTone,
-}: SectionsPageProps) {
-  return (
-    <Frame
-      frameKey={frameKey}
-      role="manuscript.content"
-      className="reader-page--content"
-      data-page-index={pageIndex}
-      data-total-pages={totalPages}
-      data-section-id={sectionSlug}
-      data-chapter-tone={sectionTone}
-    >
-      <div className="page-frame">
-        <header className="page-header" aria-hidden="true" />
-        <main className="page-body">
-          <MdxArea chainId={chainId} />
-        </main>
-        <footer className="page-footer" aria-hidden="true">
-          <span className="footer-left">{sectionTitle}</span>
-          <span className="footer-right">
-            {totalPages > 1 ? `${pageIndex + 1}/${totalPages}` : pageIndex + 1}
-          </span>
-        </footer>
-      </div>
-    </Frame>
-  );
-}

package/template/packs/editorial-monograph/document/components/TokenSwatchGrid/index.tsx

@@ -1,46 +0,0 @@
-import type { CSSProperties } from "react";
-
-export interface TokenSwatch {
-  name: string;
-  hex: string;
-  summary: string;
-  swatchVar: string;
-  swatchBorderVar?: string;
-  dark?: boolean;
-}
-
-export interface TokenSwatchGridProps {
-  ariaLabel?: string;
-  swatches: TokenSwatch[];
-}
-
-export default function TokenSwatchGrid({
-  ariaLabel = "Color specimen",
-  swatches,
-}: TokenSwatchGridProps) {
-  return (
-    <section className="token-swatch-grid" data-openpress-component="TokenSwatchGrid" aria-label={ariaLabel}>
-      {swatches.map((swatch) => (
-        <article
-          key={swatch.name}
-          className={swatch.dark ? "token-swatch token-swatch--dark" : "token-swatch"}
-          style={swatchStyle(swatch)}
-        >
-          <div className="token-swatch__sample" />
-          <div className="token-swatch__body">
-            <h4>{swatch.name}</h4>
-            <code>{swatch.hex}</code>
-            <p>{swatch.summary}</p>
-          </div>
-        </article>
-      ))}
-    </section>
-  );
-}
-
-function swatchStyle(swatch: TokenSwatch): CSSProperties {
-  return {
-    "--swatch": swatch.swatchVar,
-    ...(swatch.swatchBorderVar ? { "--swatch-border": swatch.swatchBorderVar } : {}),
-  } as CSSProperties;
-}

package/template/packs/editorial-monograph/document/components/TokenSwatchGrid/style.css

@@ -1,63 +0,0 @@
-/* token-swatch-grid
- * Color specimen grid referenced by design.md to display each color token with
- * its sample, hex, and usage note.
- */
-
-.token-swatch-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 3mm;
-  margin: var(--openpress-space-3) 0 var(--openpress-space-4);
-  break-inside: avoid;
-}
-
-.token-swatch {
-  min-height: 42mm;
-  overflow: hidden;
-  border: 1px solid var(--openpress-color-line);
-  border-radius: 6px;
-  background: var(--openpress-color-document);
-  box-sizing: border-box;
-  break-inside: avoid;
-}
-
-.token-swatch__sample {
-  height: 17mm;
-  background: var(--swatch);
-  border-bottom: 1px solid var(--swatch-border, var(--openpress-color-line));
-}
-
-.token-swatch__body {
-  padding: 3mm;
-}
-
-.token-swatch h4 {
-  margin: 0;
-  color: var(--openpress-color-ink);
-  font-family: var(--openpress-font-body);
-  font-size: 9pt;
-  font-weight: 600;
-  line-height: 1.25;
-  letter-spacing: 0;
-}
-
-.token-swatch code {
-  display: block;
-  margin-top: 1mm;
-  color: var(--openpress-color-muted);
-  font-size: 8pt;
-  line-height: 1.35;
-}
-
-.token-swatch p {
-  margin: 2mm 0 0;
-  color: #333333;
-  font-size: 8.4pt;
-  line-height: 1.45;
-}
-
-@media (max-width: 899px) {
-  .token-swatch-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}

package/template/packs/editorial-monograph/document/components/TypeSpecimen/index.tsx

@@ -1,38 +0,0 @@
-export type TypeSpecimenVariant =
-  | "metric"
-  | "cover-title"
-  | "chapter-title"
-  | "section-title"
-  | "body"
-  | "caption";
-
-export interface TypeSpecimenRow {
-  name: string;
-  spec: string;
-  sample: string;
-  sampleVariant: TypeSpecimenVariant;
-}
-
-export interface TypeSpecimenProps {
-  ariaLabel?: string;
-  rows: TypeSpecimenRow[];
-}
-
-export default function TypeSpecimen({
-  ariaLabel = "Typography specimen",
-  rows,
-}: TypeSpecimenProps) {
-  return (
-    <section className="type-specimen" data-openpress-component="TypeSpecimen" aria-label={ariaLabel}>
-      {rows.map((row) => (
-        <div className="type-specimen__row" key={row.name}>
-          <div className="type-specimen__meta">
-            <strong>{row.name}</strong>
-            <span>{row.spec}</span>
-          </div>
-          <p className={`type-specimen__sample type-specimen__sample--${row.sampleVariant}`}>{row.sample}</p>
-        </div>
-      ))}
-    </section>
-  );
-}