@cyber-dash-tech/revela 0.19.4 → 0.19.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/README.md +14 -14
  2. package/README.zh-CN.md +14 -14
  3. package/designs/lucent/DESIGN.md +1 -0
  4. package/designs/lucent/design.css +3 -3
  5. package/designs/lucent-dark/DESIGN.md +1 -0
  6. package/designs/lucent-dark/design.css +7 -7
  7. package/designs/monet/DESIGN.md +1 -0
  8. package/designs/monet/design.css +7 -7
  9. package/designs/starter/DESIGN.md +1 -0
  10. package/designs/starter/design.css +7 -7
  11. package/designs/summit/DESIGN.md +1 -0
  12. package/designs/summit/design.css +7 -7
  13. package/lib/page-templates/render.ts +3 -3
  14. package/package.json +1 -1
  15. package/plugins/revela/.codex-plugin/plugin.json +1 -1
package/README.md CHANGED
@@ -39,7 +39,7 @@ npm_config_cache=/tmp/revela-npm-cache bun run smoke:mcp-pack
39
39
  Install Revela through the Codex Git marketplace:
40
40
 
41
41
  ```bash
42
- codex plugin marketplace add https://github.com/cyber-dash-tech/revela --ref v0.19.4
42
+ codex plugin marketplace add https://github.com/cyber-dash-tech/revela --ref v0.19.6
43
43
  codex plugin add revela@revela
44
44
  ```
45
45
 
@@ -121,7 +121,7 @@ Revela includes built-in deck designs. Design previews are generated from the bu
121
121
 
122
122
  To switch designs in Codex, ask:
123
123
 
124
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), use summit as the design.
124
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), use summit as the design.
125
125
 
126
126
  In Codex, ask Revela to list or switch designs; the plugin uses the active design when making decks.
127
127
 
@@ -129,7 +129,7 @@ In Codex, ask Revela to list or switch designs; the plugin uses the active desig
129
129
 
130
130
  Domains add topic-specific communication guidance, such as consulting, product, or investor communication. Use them when you want Revela to adapt deck framing to a specific context.
131
131
 
132
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), list available domains.
132
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), list available domains.
133
133
 
134
134
  In Codex, ask Revela to list or switch domains; the active domain guides deck framing during init, research, and planning.
135
135
 
@@ -139,35 +139,35 @@ Use these prompts in Codex from the workspace that contains your source material
139
139
 
140
140
  1. Choose the narrative domain before authoring so Revela frames the audience, decision, risks, and objections for your context.
141
141
 
142
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), use consulting as the domain.
142
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), use consulting as the domain.
143
143
 
144
144
  2. Choose the deck design before rendering so generated artifacts use the intended visual language.
145
145
 
146
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), use summit as the design.
146
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), use summit as the design.
147
147
 
148
148
  3. Create a custom design when you want a different visual direction.
149
149
 
150
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), create a new design named neon-finance with a crisp financial-dashboard style: dark surfaces, precise grids, and bright green accents.
150
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), create a new design named neon-finance with a crisp financial-dashboard style: dark surfaces, precise grids, and bright green accents.
151
151
 
152
152
  Revela may ask for references or constraints, then creates a workspace draft with `DESIGN.md`, `design.css`, and any local `assets/**`. It generates a preview from the built-in page-template fixture plus that CSS so you can review cover, agenda, timelines, charts, tables, cards, and visual slots before installing. When it is ready, switch to it:
153
153
 
154
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), use neon-finance as the design.
154
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), use neon-finance as the design.
155
155
 
156
156
  4. Initialize local material intake. Init scans, extracts, and reviews workspace sources; it does not create a Narrative Vault.
157
157
 
158
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), help me init this workspace from the local materials.
158
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), help me init this workspace from the local materials.
159
159
 
160
160
  5. Research source-linked deck inputs and save findings.
161
161
 
162
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), research the public evidence and examples needed for this deck.
162
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), research the public evidence and examples needed for this deck.
163
163
 
164
164
  6. Create or update the deck plan before generating HTML so slide order, chapter structure, source links, unresolved inputs, source limitations, and visual intent are explicit.
165
165
 
166
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), create or update the deck plan before generating HTML.
166
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), create or update the deck plan before generating HTML.
167
167
 
168
168
  7. Make an HTML deck from the current deck plan.
169
169
 
170
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), make the deck from the current deck plan.
170
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), make the deck from the current deck plan.
171
171
 
172
172
  8. Review and annotate the generated deck from the localhost website card after make-deck completes.
173
173
 
@@ -175,15 +175,15 @@ Revela serves the deck from `http://127.0.0.1:<port>/decks/<file>.html` so you c
175
175
 
176
176
  9. Export a PDF after deck QA passes.
177
177
 
178
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), export the deck to PDF.
178
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), export the deck to PDF.
179
179
 
180
180
  10. Export an editable PPTX after deck QA passes.
181
181
 
182
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), export the deck to PPTX.
182
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), export the deck to PPTX.
183
183
 
184
184
  11. Export per-slide PNG files after deck QA passes.
185
185
 
186
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md), export the deck to PNG.
186
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md), export the deck to PNG.
187
187
 
188
188
  ## Annotate A Deck
189
189
 
package/README.zh-CN.md CHANGED
@@ -39,7 +39,7 @@ npm_config_cache=/tmp/revela-npm-cache bun run smoke:mcp-pack
39
39
  通过 Codex Git marketplace 安装 Revela：
40
40
 
41
41
  ```bash
42
- codex plugin marketplace add https://github.com/cyber-dash-tech/revela --ref v0.19.4
42
+ codex plugin marketplace add https://github.com/cyber-dash-tech/revela --ref v0.19.6
43
43
  codex plugin add revela@revela
44
44
  ```
45
45
 
@@ -121,7 +121,7 @@ Revela 内置多个 deck design。Design preview 由内置 page-template preview
121
121
 
122
122
  在 Codex 中切换 design，可以这样问：
123
123
 
124
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，use summit as design.
124
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，use summit as design.
125
125
 
126
126
  在 Codex 中，可以直接让 Revela 列出或切换 design；生成 deck 时会使用 active design。
127
127
 
@@ -129,7 +129,7 @@ Revela 内置多个 deck design。Design preview 由内置 page-template preview
129
129
 
130
130
  Domain 提供特定场景的沟通 guidance，例如 consulting、product 或 investor communication。需要让 Revela 按具体沟通场景调整 deck framing 时使用。
131
131
 
132
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，列出 available domains。
132
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，列出 available domains。
133
133
 
134
134
  在 Codex 中，可以直接让 Revela 列出或切换 domain；active domain 会用于 init、research 和 deck planning 阶段的 framing。
135
135
 
@@ -139,35 +139,35 @@ Domain 提供特定场景的沟通 guidance，例如 consulting、product 或 in
139
139
 
140
140
  1. 先选择 domain，让 Revela 按你的沟通场景 framing 受众、决策、风险和潜在质疑。
141
141
 
142
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，use consulting as domain.
142
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，use consulting as domain.
143
143
 
144
144
  2. 再选择 design，让后续生成的 deck 使用指定视觉风格。
145
145
 
146
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，use summit as design.
146
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，use summit as design.
147
147
 
148
148
  3. 如果需要不同的视觉方向，可以创建一个自定义 design。
149
149
 
150
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，创建一个名为 neon-finance 的新 design：金融仪表盘风格，深色界面、精密网格、亮绿色重点色。
150
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，创建一个名为 neon-finance 的新 design：金融仪表盘风格，深色界面、精密网格、亮绿色重点色。
151
151
 
152
152
  Revela 可能会继续询问参考图、风格约束或禁忌项，然后在 workspace draft 中创建 `DESIGN.md`、`design.css` 和需要的本地 `assets/**`。它会用内置 page-template fixture 加上这份 CSS 生成 preview，让你在 install 前先检查 cover、agenda、timeline、chart、table、card 和 visual slot。创建完成后再切换使用：
153
153
 
154
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，使用 neon-finance 作为 design。
154
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，使用 neon-finance 作为 design。
155
155
 
156
156
  4. 初始化本地 material intake。Init 会扫描、抽取并审阅 workspace source；它不会创建 Narrative Vault。
157
157
 
158
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，帮我 init 这个 workspace，先读本地材料。
158
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，帮我 init 这个 workspace，先读本地材料。
159
159
 
160
160
  5. 针对 deck 所需输入做 research，并保存带来源的 findings。
161
161
 
162
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，research 这个 deck 需要的公开证据、案例和 source。
162
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，research 这个 deck 需要的公开证据、案例和 source。
163
163
 
164
164
  6. 先创建或更新 deck plan，明确 slide 顺序、章节结构、source links、unresolved inputs、source limitations 和 visual intent，再生成 HTML。
165
165
 
166
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，生成 HTML 前先 create or update deck plan。
166
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，生成 HTML 前先 create or update deck plan。
167
167
 
168
168
  7. 基于当前 deck plan 生成 HTML deck。
169
169
 
170
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，基于当前 deck plan make deck。
170
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，基于当前 deck plan make deck。
171
171
 
172
172
  8. make-deck 完成后，从 localhost website card 打开生成的 deck，并在 Codex Browser 中做 annotation 和定向修改。
173
173
 
@@ -175,15 +175,15 @@ Revela 会通过 `http://127.0.0.1:<port>/decks/<file>.html` 服务 deck，你
175
175
 
176
176
  9. QA 通过后导出 PDF。
177
177
 
178
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，把 deck export 成 PDF。
178
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，把 deck export 成 PDF。
179
179
 
180
180
  10. QA 通过后导出可编辑 PPTX。
181
181
 
182
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，把 deck export 成 PPTX。
182
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，把 deck export 成 PPTX。
183
183
 
184
184
  11. QA 通过后导出每页 PNG。
185
185
 
186
- > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.4/skills/revela/SKILL.md)，把 deck export 成 PNG。
186
+ > [$revela:revela](/Users/mengdigao/.codex/plugins/cache/revela/revela/0.19.6/skills/revela/SKILL.md)，把 deck export 成 PNG。
187
187
 
188
188
  ## Annotate Deck
189
189
 
package/designs/lucent/DESIGN.md CHANGED
@@ -259,6 +259,7 @@ Lucent skins Revela built-in page templates without owning their semantic struct
259
259
 
260
260
  - `cover`, `section-divider`, `closing`: use full-bleed hero treatment with Lucent package assets.
261
261
  - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use report-story/card-grid language with quiet surfaces.
262
+ - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
262
263
  - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use data-forward Lucent panels with explicit interpretation regions.
263
264
  - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
264
265
  - `milestone`: map to the horizontal roadmap visual system. Dots remain milestone anchors inside each milestone item; do not absolutely position detached decorative dots.
package/designs/lucent/design.css CHANGED
@@ -125,12 +125,12 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
125
125
  .template-agenda-inner { width: 100%; display: grid; grid-template-columns: 37% minmax(0, 1fr); align-items: stretch; gap: 76px; }
126
126
  .template-agenda-header { display: flex; flex-direction: column; min-height: 0; padding: 10px 0 0; }
127
127
  .template-agenda-header .template-eyebrow { color: rgba(255,255,255,0.64); }
128
- .template-agenda-header .template-title { max-width: 440px; font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
- .template-agenda-footer { margin: auto 0 0; font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
128
+ .template-agenda-header .template-title { max-width: 440px; font-family: var(--font-display); font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
+ .template-agenda-footer { margin: auto 0 0; font-family: var(--font-body); font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
130
130
  .template-agenda-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; }
131
131
  .template-agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 58px; overflow: visible; }
132
132
  .template-agenda-item span { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: 0.03em; color: var(--accent-cyan, #18a8d8); font-weight: 800; font-variant-numeric: tabular-nums; }
133
- .template-agenda-item strong { font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
133
+ .template-agenda-item strong { font-family: var(--font-body); font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
134
134
  .template-metric-layout { height: 100%; min-height: 0; display: grid; gap: 26px; }
135
135
  .template-metric-layout--insight-top { grid-template-rows: auto minmax(0, 1fr); }
136
136
  .template-metric-layout--insight-bottom { grid-template-rows: minmax(0, 1fr) auto; }
package/designs/lucent-dark/DESIGN.md CHANGED
@@ -259,6 +259,7 @@ Lucent skins Revela built-in page templates without owning their semantic struct
259
259
 
260
260
  - `cover`, `section-divider`, `closing`: use full-bleed hero treatment with Lucent package assets.
261
261
  - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use report-story/card-grid language with quiet surfaces.
262
+ - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
262
263
  - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use data-forward Lucent panels with explicit interpretation regions.
263
264
  - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
264
265
  - `milestone`: map to the horizontal roadmap visual system. Dots remain milestone anchors inside each milestone item; do not absolutely position detached decorative dots.
package/designs/lucent-dark/design.css CHANGED
@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
99
99
  linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
100
100
  }
101
101
 
102
- .template-slide[data-design="lucent"][data-template="cover"] .slide-canvas {
102
+ .template-slide[data-design="lucent-dark"][data-template="cover"] .slide-canvas {
103
103
  background:
104
104
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
105
105
  url("./assets/cover-background.jpg") center center / cover no-repeat;
106
106
  }
107
- .template-slide[data-design="lucent"][data-template="agenda"] .slide-canvas {
107
+ .template-slide[data-design="lucent-dark"][data-template="agenda"] .slide-canvas {
108
108
  background:
109
109
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
110
110
  url("./assets/cover-background.jpg") center center / cover no-repeat;
111
111
  }
112
- .template-slide[data-design="lucent"][data-template="section-divider"] .slide-canvas {
112
+ .template-slide[data-design="lucent-dark"][data-template="section-divider"] .slide-canvas {
113
113
  background:
114
114
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
115
115
  url("./assets/cover-background.jpg") center center / cover no-repeat;
116
116
  }
117
117
  .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
118
118
 
119
- .template-slide[data-design="lucent"][data-template="closing"] .slide-canvas {
119
+ .template-slide[data-design="lucent-dark"][data-template="closing"] .slide-canvas {
120
120
  background:
121
121
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
122
122
  url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -125,12 +125,12 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
125
125
  .template-agenda-inner { width: 100%; display: grid; grid-template-columns: 37% minmax(0, 1fr); align-items: stretch; gap: 76px; }
126
126
  .template-agenda-header { display: flex; flex-direction: column; min-height: 0; padding: 10px 0 0; }
127
127
  .template-agenda-header .template-eyebrow { color: rgba(255,255,255,0.64); }
128
- .template-agenda-header .template-title { max-width: 440px; font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
- .template-agenda-footer { margin: auto 0 0; font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
128
+ .template-agenda-header .template-title { max-width: 440px; font-family: var(--font-display); font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
+ .template-agenda-footer { margin: auto 0 0; font-family: var(--font-body); font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
130
130
  .template-agenda-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; }
131
131
  .template-agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 58px; overflow: visible; }
132
132
  .template-agenda-item span { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: 0.03em; color: var(--accent-cyan, #18a8d8); font-weight: 800; font-variant-numeric: tabular-nums; }
133
- .template-agenda-item strong { font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
133
+ .template-agenda-item strong { font-family: var(--font-body); font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
134
134
  .template-metric-layout { height: 100%; min-height: 0; display: grid; gap: 26px; }
135
135
  .template-metric-layout--insight-top { grid-template-rows: auto minmax(0, 1fr); }
136
136
  .template-metric-layout--insight-bottom { grid-template-rows: minmax(0, 1fr) auto; }
package/designs/monet/DESIGN.md CHANGED
@@ -2886,6 +2886,7 @@ Monet skins Revela built-in page templates with soft editorial rhythm, painterly
2886
2886
 
2887
2887
  - `cover`, `section-divider`, `closing`: use expressive title-led structural pages.
2888
2888
  - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use soft narrative regions with no heavy outer box.
2889
+ - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
2889
2890
  - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use calm data surfaces and readable interpretation zones.
2890
2891
  - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
2891
2892
  - `milestone`: dots remain milestone anchors inside each horizontal milestone item; do not position detached decorative markers.
package/designs/monet/design.css CHANGED
@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
99
99
  linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
100
100
  }
101
101
 
102
- .template-slide[data-design="lucent"][data-template="cover"] .slide-canvas {
102
+ .template-slide[data-design="monet"][data-template="cover"] .slide-canvas {
103
103
  background:
104
104
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
105
105
  url("./assets/cover-background.jpg") center center / cover no-repeat;
106
106
  }
107
- .template-slide[data-design="lucent"][data-template="agenda"] .slide-canvas {
107
+ .template-slide[data-design="monet"][data-template="agenda"] .slide-canvas {
108
108
  background:
109
109
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
110
110
  url("./assets/cover-background.jpg") center center / cover no-repeat;
111
111
  }
112
- .template-slide[data-design="lucent"][data-template="section-divider"] .slide-canvas {
112
+ .template-slide[data-design="monet"][data-template="section-divider"] .slide-canvas {
113
113
  background:
114
114
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
115
115
  url("./assets/cover-background.jpg") center center / cover no-repeat;
116
116
  }
117
117
  .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
118
118
 
119
- .template-slide[data-design="lucent"][data-template="closing"] .slide-canvas {
119
+ .template-slide[data-design="monet"][data-template="closing"] .slide-canvas {
120
120
  background:
121
121
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
122
122
  url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -125,12 +125,12 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
125
125
  .template-agenda-inner { width: 100%; display: grid; grid-template-columns: 37% minmax(0, 1fr); align-items: stretch; gap: 76px; }
126
126
  .template-agenda-header { display: flex; flex-direction: column; min-height: 0; padding: 10px 0 0; }
127
127
  .template-agenda-header .template-eyebrow { color: rgba(255,255,255,0.64); }
128
- .template-agenda-header .template-title { max-width: 440px; font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
- .template-agenda-footer { margin: auto 0 0; font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
128
+ .template-agenda-header .template-title { max-width: 440px; font-family: var(--font-display); font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
+ .template-agenda-footer { margin: auto 0 0; font-family: var(--font-body); font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
130
130
  .template-agenda-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; }
131
131
  .template-agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 58px; overflow: visible; }
132
132
  .template-agenda-item span { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: 0.03em; color: var(--accent-cyan, #18a8d8); font-weight: 800; font-variant-numeric: tabular-nums; }
133
- .template-agenda-item strong { font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
133
+ .template-agenda-item strong { font-family: var(--font-body); font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
134
134
  .template-metric-layout { height: 100%; min-height: 0; display: grid; gap: 26px; }
135
135
  .template-metric-layout--insight-top { grid-template-rows: auto minmax(0, 1fr); }
136
136
  .template-metric-layout--insight-bottom { grid-template-rows: minmax(0, 1fr) auto; }
package/designs/starter/DESIGN.md CHANGED
@@ -910,6 +910,7 @@ Starter skins Revela built-in page templates as a neutral authoring system. The
910
910
 
911
911
  - `cover`, `section-divider`, `closing`: use clear title-first structural pages.
912
912
  - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use plain narrative and card-grid surfaces.
913
+ - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
913
914
  - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use direct data panels with minimal decoration.
914
915
  - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
915
916
  - `milestone`: dots remain milestone anchors inside each horizontal milestone item; do not position detached decorative markers.
package/designs/starter/design.css CHANGED
@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
99
99
  linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
100
100
  }
101
101
 
102
- .template-slide[data-design="lucent"][data-template="cover"] .slide-canvas {
102
+ .template-slide[data-design="starter"][data-template="cover"] .slide-canvas {
103
103
  background:
104
104
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
105
105
  url("./assets/cover-background.jpg") center center / cover no-repeat;
106
106
  }
107
- .template-slide[data-design="lucent"][data-template="agenda"] .slide-canvas {
107
+ .template-slide[data-design="starter"][data-template="agenda"] .slide-canvas {
108
108
  background:
109
109
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
110
110
  url("./assets/cover-background.jpg") center center / cover no-repeat;
111
111
  }
112
- .template-slide[data-design="lucent"][data-template="section-divider"] .slide-canvas {
112
+ .template-slide[data-design="starter"][data-template="section-divider"] .slide-canvas {
113
113
  background:
114
114
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
115
115
  url("./assets/cover-background.jpg") center center / cover no-repeat;
116
116
  }
117
117
  .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
118
118
 
119
- .template-slide[data-design="lucent"][data-template="closing"] .slide-canvas {
119
+ .template-slide[data-design="starter"][data-template="closing"] .slide-canvas {
120
120
  background:
121
121
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
122
122
  url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -125,12 +125,12 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
125
125
  .template-agenda-inner { width: 100%; display: grid; grid-template-columns: 37% minmax(0, 1fr); align-items: stretch; gap: 76px; }
126
126
  .template-agenda-header { display: flex; flex-direction: column; min-height: 0; padding: 10px 0 0; }
127
127
  .template-agenda-header .template-eyebrow { color: rgba(255,255,255,0.64); }
128
- .template-agenda-header .template-title { max-width: 440px; font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
- .template-agenda-footer { margin: auto 0 0; font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
128
+ .template-agenda-header .template-title { max-width: 440px; font-family: var(--font-display); font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
+ .template-agenda-footer { margin: auto 0 0; font-family: var(--font-body); font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
130
130
  .template-agenda-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; }
131
131
  .template-agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 58px; overflow: visible; }
132
132
  .template-agenda-item span { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: 0.03em; color: var(--accent-cyan, #18a8d8); font-weight: 800; font-variant-numeric: tabular-nums; }
133
- .template-agenda-item strong { font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
133
+ .template-agenda-item strong { font-family: var(--font-body); font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
134
134
  .template-metric-layout { height: 100%; min-height: 0; display: grid; gap: 26px; }
135
135
  .template-metric-layout--insight-top { grid-template-rows: auto minmax(0, 1fr); }
136
136
  .template-metric-layout--insight-bottom { grid-template-rows: minmax(0, 1fr) auto; }
package/designs/summit/DESIGN.md CHANGED
@@ -2670,6 +2670,7 @@ Summit skins Revela built-in page templates with editorial hierarchy, broad whit
2670
2670
 
2671
2671
  - `cover`, `section-divider`, `closing`: use strong editorial title pages.
2672
2672
  - `agenda`, `executive-summary`, `problem-context`, `key-message-evidence`, `claim-supporting-visual`: use borderless narrative groupings with clear hierarchy.
2673
+ - Agenda typography follows design tokens: title and numbers use `--font-display`; item labels and footer use `--font-body`.
2673
2674
  - `metric-highlight`, `chart-takeaways`, `table`, `table-comparison`: use evidence-first data regions without outer container borders.
2674
2675
  - Text panels use explicit variants: `template-text-panel--clear` is transparent with no border or background, `template-text-panel--plain` is theme-neutral, and `template-text-panel--color` is the multicolor emphasis treatment used by chart and timeline reading panels.
2675
2676
  - `milestone`: dots remain milestone anchors inside each horizontal milestone item; do not position detached decorative markers.
package/designs/summit/design.css CHANGED
@@ -99,24 +99,24 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
99
99
  linear-gradient(135deg, #07111f, #101a2b 62%, #243a73);
100
100
  }
101
101
 
102
- .template-slide[data-design="lucent"][data-template="cover"] .slide-canvas {
102
+ .template-slide[data-design="summit"][data-template="cover"] .slide-canvas {
103
103
  background:
104
104
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(7,17,31,0.42) 52%, rgba(7,17,31,0.24)),
105
105
  url("./assets/cover-background.jpg") center center / cover no-repeat;
106
106
  }
107
- .template-slide[data-design="lucent"][data-template="agenda"] .slide-canvas {
107
+ .template-slide[data-design="summit"][data-template="agenda"] .slide-canvas {
108
108
  background:
109
109
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(7,17,31,0.58) 52%, rgba(7,17,31,0.32)),
110
110
  url("./assets/cover-background.jpg") center center / cover no-repeat;
111
111
  }
112
- .template-slide[data-design="lucent"][data-template="section-divider"] .slide-canvas {
112
+ .template-slide[data-design="summit"][data-template="section-divider"] .slide-canvas {
113
113
  background:
114
114
  linear-gradient(90deg, rgba(7,17,31,0.86), rgba(16,26,43,0.62) 58%, rgba(36,58,115,0.36)),
115
115
  url("./assets/cover-background.jpg") center center / cover no-repeat;
116
116
  }
117
117
  .template-slide[data-template="closing"] .slide-canvas { background: linear-gradient(135deg, #07111f, #315eea 58%, #18a8d8); }
118
118
 
119
- .template-slide[data-design="lucent"][data-template="closing"] .slide-canvas {
119
+ .template-slide[data-design="summit"][data-template="closing"] .slide-canvas {
120
120
  background:
121
121
  linear-gradient(90deg, rgba(7,17,31,0.82), rgba(49,94,234,0.42) 58%, rgba(24,168,216,0.24)),
122
122
  url("./assets/closing-background.jpg") center center / cover no-repeat;
@@ -125,12 +125,12 @@ body { margin: 0; background: var(--bg-frame, #07111f); color: var(--text-primar
125
125
  .template-agenda-inner { width: 100%; display: grid; grid-template-columns: 37% minmax(0, 1fr); align-items: stretch; gap: 76px; }
126
126
  .template-agenda-header { display: flex; flex-direction: column; min-height: 0; padding: 10px 0 0; }
127
127
  .template-agenda-header .template-eyebrow { color: rgba(255,255,255,0.64); }
128
- .template-agenda-header .template-title { max-width: 440px; font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
- .template-agenda-footer { margin: auto 0 0; font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
128
+ .template-agenda-header .template-title { max-width: 440px; font-family: var(--font-display); font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
129
+ .template-agenda-footer { margin: auto 0 0; font-family: var(--font-body); font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
130
130
  .template-agenda-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; }
131
131
  .template-agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 58px; overflow: visible; }
132
132
  .template-agenda-item span { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: 0.03em; color: var(--accent-cyan, #18a8d8); font-weight: 800; font-variant-numeric: tabular-nums; }
133
- .template-agenda-item strong { font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
133
+ .template-agenda-item strong { font-family: var(--font-body); font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
134
134
  .template-metric-layout { height: 100%; min-height: 0; display: grid; gap: 26px; }
135
135
  .template-metric-layout--insight-top { grid-template-rows: auto minmax(0, 1fr); }
136
136
  .template-metric-layout--insight-bottom { grid-template-rows: minmax(0, 1fr) auto; }
package/lib/page-templates/render.ts CHANGED
@@ -552,12 +552,12 @@ ${lucentClosingBackgroundCss}
552
552
  .template-agenda-inner { width: 100%; display: grid; grid-template-columns: 37% minmax(0, 1fr); align-items: stretch; gap: 76px; }
553
553
  .template-agenda-header { display: flex; flex-direction: column; min-height: 0; padding: 10px 0 0; }
554
554
  .template-agenda-header .template-eyebrow { color: rgba(255,255,255,0.64); }
555
- .template-agenda-header .template-title { max-width: 440px; font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
556
- .template-agenda-footer { margin: auto 0 0; font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
555
+ .template-agenda-header .template-title { max-width: 440px; font-family: var(--font-display); font-size: 54px; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: white; padding-bottom: 8px; overflow: visible; }
556
+ .template-agenda-footer { margin: auto 0 0; font-family: var(--font-body); font-size: 13px; line-height: 1.4; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,0.84); }
557
557
  .template-agenda-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; }
558
558
  .template-agenda-item { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 58px; overflow: visible; }
559
559
  .template-agenda-item span { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: 0.03em; color: var(--accent-cyan, #18a8d8); font-weight: 800; font-variant-numeric: tabular-nums; }
560
- .template-agenda-item strong { font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
560
+ .template-agenda-item strong { font-family: var(--font-body); font-size: 18px; line-height: 1.45; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.92); }
561
561
  .template-metric-layout { height: 100%; min-height: 0; display: grid; gap: 26px; }
562
562
  .template-metric-layout--insight-top { grid-template-rows: auto minmax(0, 1fr); }
563
563
  .template-metric-layout--insight-bottom { grid-template-rows: minmax(0, 1fr) auto; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cyber-dash-tech/revela",
3
- "version": "0.19.4",
3
+ "version": "0.19.6",
4
4
  "description": "Codex-first CLI/MCP workspace for trusted narrative artifacts from local sources, research, and evidence",
5
5
  "type": "module",
6
6
  "main": "./index.ts",
package/plugins/revela/.codex-plugin/plugin.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "revela",
3
- "version": "0.19.4",
3
+ "version": "0.19.6",
4
4
  "description": "Use Revela in Codex to specify, research, plan, make, and export trusted narrative decision artifacts.",
5
5
  "author": {
6
6
  "name": "cyber-dash-tech",