wand-decks-kit 0.10.0 → 0.11.0

package/PROMPT.md

@@ -35,6 +35,19 @@ Where the reference is weaker than the kit, the kit wins: it embeds fonts
 subsetted (`saveSubsetFonts="1"`, which garbles digits in exported PDFs), and
 1,834 text runs are Calibri. `audit` flags both on it.
 
+**Charts are native (0.11).** Kearney drew its two charts as pictures; the
+kit's `chart` writes a real PowerPoint chart, so the data stays editable, and
+the trace records what it shows so the PDF and preview draw the same thing. The
+gridline step is fixed at a quarter of a round maximum — PowerPoint otherwise
+picks its own and the two renderers disagree.
+
+**No outline is `line: { type: "none" }`.** Rendering the real `.pptx` for the
+first time showed every accent bar and column carrying a 1pt `#333333` border:
+pptxgenjs reads `line.width || 1`, so `width: 0` became its default outline. The
+kit's own PDF read zero as zero, so no gate ever saw it — it is in the RAK and
+SOMPO decks and in the site's template. `inspect` now fails a file carrying the
+default outline.
+
 **Edits are commands, not rewrites.** `wand.js show` and `wand.js edit` exist
 because a salesperson's changes are small and the old edit path cost two full
 copies of the spec in the chat. A spec's `confidential` now reaches the footer

package/SKILL.md

@@ -4,7 +4,7 @@ description: Rebrand, merge, edit or author a PowerPoint deck on the Wand design
 compatibility: Requires Node.js 18+ and code execution enabled in claude.ai (Settings > Features). No network access needed - dependencies are bundled. Python 3 is used to read a source .pptx and to embed fonts; without it the kit can still author and check a deck, but the output will render in Arial on machines without Geist.
 license: Proprietary - Wand AI
 metadata:
-  version: "0.10.0"
+  version: "0.11.0"
 ---
 
 
@@ -183,6 +183,10 @@ this kind of deck, `examples/session.json`):
   session slide's notes carry the checkpoints and what to cut if late.
 - **Backups after the closing**, `backup: true` — hidden, uncounted ("31 of 31",
   not "of 34"), footer says BACKUP.
+- **Charts are native** — `chart` with `kind` line / area / bar, `labels`,
+  `series: [{ name, values, emph }]`, and up to two argument blocks in `side`.
+  The seller can change a number in PowerPoint (right-click, Edit Data). Figures
+  come from the brief; if they are illustrative, say so in the notes.
 
 Timings, attendee names and "watch for" lines come from the user or the brief.
 Never invent them — leave `notes` out rather than guess.

package/docs/LAYOUTS.md

@@ -31,6 +31,7 @@ full-bleed three) `deck` / `n` / `total` for the footer.
 | `coDelivery` | `items[{title,body,meta}]` | Numbered rows in two columns, up to six. With `meta: "15 min"` it is the session agenda (Kearney S02) |
 | `flowCompare` | `lanes[{label,caption,steps[{who,step,human}]}]` | Today vs with Wand — two lanes of 3–5 steps; the machine steps are filled (Kearney S08) |
 | `timeline` | `phases[{when,label,bullets}]` | A journey in 2–4 phases on a line (Kearney S16) |
+| `chart` | `kind, labels, series[{name,values,emph}], yMax, yLabel, side[{title,body}], sidePlace` | A native, editable line / area / bar chart with its argument beside or below (Kearney S09, S25) |
 | — every layout — | `notes`, `backup` | Speaker notes (`{time, core, text, watch}` or a string); `backup: true` hides the slide after the close |
 | `threeUp` | `items[{eyebrow,title,pill,body,emph}], arrows` | 3 comparable things. `arrows: true` for a progression |
 | `fourUpIcon` | `items[{icon,title,body}], kickerText` | 4 attributes or capabilities |

package/examples/session.json

@@ -2,91 +2,419 @@
   "deck": "WAND × CLIENT · LEADERSHIP SESSION",
   "confidential": "WAND · CONFIDENTIAL",
   "slides": [
-    { "layout": "cover", "tag": "Presented to Client  ·  29 September 2026",
-      "titleLines": ["Expand human possibility", "beyond human capacity."],
+    {
+      "layout": "cover",
+      "tag": "Presented to Client  ·  29 September 2026",
+      "titleLines": [
+        "Expand human possibility",
+        "beyond human capacity."
+      ],
       "body": "For all of history, what organizations could accomplish was constrained by the number of people available to do the work. AI labor changes that.",
-      "presentedTo": ["First Last, Managing Partner", "First Last, Head of Transformation"],
-      "notes": { "text": "On screen while the room settles. Frame it the way the client asked: a working conversation about a change in the nature of production, not a product pitch." } },
-
-    { "layout": "coDelivery", "tag": "The session", "titleText": "A working conversation, not a presentation.",
+      "presentedTo": [
+        "First Last, Managing Partner",
+        "First Last, Head of Transformation"
+      ],
+      "notes": {
+        "text": "On screen while the room settles. Frame it the way the client asked: a working conversation about a change in the nature of production, not a product pitch."
+      }
+    },
+    {
+      "layout": "coDelivery",
+      "tag": "The session",
+      "titleText": "A working conversation, not a presentation.",
       "items": [
-        { "title": "When software becomes labor", "body": "The threshold between a tool and a worker.", "meta": "15 min" },
-        { "title": "The organization has to change", "body": "From the individual agent to the Hybrid Organization.", "meta": "10 min" },
-        { "title": "Why transformations succeed, or die", "body": "Resistance is operating-model design.", "meta": "10 min" },
-        { "title": "From architecture to production", "body": "Inside an agent, then one real process, live.", "meta": "35 min" },
-        { "title": "When capacity decouples from labor", "body": "From the firm to the economy.", "meta": "5 min" },
-        { "title": "Wand × Client", "body": "Designing the Hybrid Organization together.", "meta": "10 min" }
+        {
+          "title": "When software becomes labor",
+          "body": "The threshold between a tool and a worker.",
+          "meta": "15 min"
+        },
+        {
+          "title": "The organization has to change",
+          "body": "From the individual agent to the Hybrid Organization.",
+          "meta": "10 min"
+        },
+        {
+          "title": "Why transformations succeed, or die",
+          "body": "Resistance is operating-model design.",
+          "meta": "10 min"
+        },
+        {
+          "title": "From architecture to production",
+          "body": "Inside an agent, then one real process, live.",
+          "meta": "35 min"
+        },
+        {
+          "title": "When capacity decouples from labor",
+          "body": "From the firm to the economy.",
+          "meta": "5 min"
+        },
+        {
+          "title": "Wand × Client",
+          "body": "Designing the Hybrid Organization together.",
+          "meta": "10 min"
+        }
       ],
-      "notes": { "time": "00:00, under one minute", "text": "Walk the spine, not the rows. 90 minutes core, then 30 minutes of open discussion. Checkpoints: 00:20 Part II, 00:40 Part IV, 01:15 Part V. If late, compress Part III and Part V — never the live walkthrough." } },
-
-    { "layout": "divider", "titleText": "When software becomes labor",
-      "part": "Part I", "body": "Working question: which of your problems are being treated as AI productivity when they are really a chance to add a new source of labor?",
-      "notes": { "time": "00:01 to 00:03", "text": "Read the working question aloud and leave it on screen. Do not answer it yet." } },
-
-    { "layout": "flowCompare", "tag": "Why three years of AI spend has not moved the operating line",
+      "notes": {
+        "time": "00:00, under one minute",
+        "text": "Walk the spine, not the rows. 90 minutes core, then 30 minutes of open discussion. Checkpoints: 00:20 Part II, 00:40 Part IV, 01:15 Part V. If late, compress Part III and Part V — never the live walkthrough."
+      }
+    },
+    {
+      "layout": "divider",
+      "titleText": "When software becomes labor",
+      "part": "Part I",
+      "body": "Working question: which of your problems are being treated as AI productivity when they are really a chance to add a new source of labor?",
+      "notes": {
+        "time": "00:01 to 00:03",
+        "text": "Read the working question aloud and leave it on screen. Do not answer it yet."
+      }
+    },
+    {
+      "layout": "flowCompare",
+      "tag": "Why three years of AI spend has not moved the operating line",
       "titleText": "Every AI tool you own ends at a person.",
       "lanes": [
-        { "label": "Today — AI as a tool", "caption": "Capacity = your people. Four of five steps wait on a person; that person is the ceiling.",
-          "steps": [ { "who": "Person", "step": "Notices", "human": true }, { "who": "Person", "step": "Gathers context", "human": true },
-                     { "who": "Person", "step": "Instructs", "human": true }, { "who": "AI", "step": "Drafts" },
-                     { "who": "Person", "step": "Checks", "human": true } ] },
-        { "label": "With Wand — AI as labor", "caption": "Capacity = people + agents. The person moves from every step to the one step that needs judgment.",
-          "steps": [ { "who": "Agent", "step": "Notices" }, { "who": "Agent", "step": "Plans" }, { "who": "Agent", "step": "Executes" },
-                     { "who": "Agent", "step": "Grades" }, { "who": "Manager", "step": "Approves", "human": true } ] }
+        {
+          "label": "Today — AI as a tool",
+          "caption": "Capacity = your people. Four of five steps wait on a person; that person is the ceiling.",
+          "steps": [
+            {
+              "who": "Person",
+              "step": "Notices",
+              "human": true
+            },
+            {
+              "who": "Person",
+              "step": "Gathers context",
+              "human": true
+            },
+            {
+              "who": "Person",
+              "step": "Instructs",
+              "human": true
+            },
+            {
+              "who": "AI",
+              "step": "Drafts"
+            },
+            {
+              "who": "Person",
+              "step": "Checks",
+              "human": true
+            }
+          ]
+        },
+        {
+          "label": "With Wand — AI as labor",
+          "caption": "Capacity = people + agents. The person moves from every step to the one step that needs judgment.",
+          "steps": [
+            {
+              "who": "Agent",
+              "step": "Notices"
+            },
+            {
+              "who": "Agent",
+              "step": "Plans"
+            },
+            {
+              "who": "Agent",
+              "step": "Executes"
+            },
+            {
+              "who": "Agent",
+              "step": "Grades"
+            },
+            {
+              "who": "Manager",
+              "step": "Approves",
+              "human": true
+            }
+          ]
+        }
+      ],
+      "notes": {
+        "time": "00:11 to 00:14",
+        "core": true,
+        "text": "This is the difference between an efficiency programme and a capacity programme. Point at the top row: every step waits on a person.",
+        "watch": "whoever owns the current copilot rollout — expect them to defend adoption numbers."
+      }
+    },
+    {
+      "layout": "chart",
+      "tag": "The experience gap",
+      "titleText": "A year in, an agent isn't older, it's categorically better.",
+      "kind": "area",
+      "labels": [
+        "M1",
+        "M2",
+        "M3",
+        "M4",
+        "M5",
+        "M6",
+        "M7",
+        "M8"
+      ],
+      "series": [
+        {
+          "name": "Started twelve months earlier",
+          "values": [
+            18,
+            26,
+            35,
+            44,
+            55,
+            66,
+            78,
+            90
+          ],
+          "emph": true
+        },
+        {
+          "name": "Started later, same technology",
+          "values": [
+            2,
+            5,
+            9,
+            14,
+            20,
+            27,
+            35,
+            44
+          ]
+        }
       ],
-      "notes": { "time": "00:11 to 00:14", "core": true, "text": "This is the difference between an efficiency programme and a capacity programme. Point at the top row: every step waits on a person.", "watch": "whoever owns the current copilot rollout — expect them to defend adoption numbers." } },
-
-    { "layout": "fourCards", "tag": "Agent behavior", "titleText": "A worker, not just a good tool.",
+      "sidePlace": "below",
+      "side": [
+        {
+          "title": "The asset",
+          "body": "Agents accumulate scored experience: what works in your business, which approach fails and why. It cannot be bought or copied, only run."
+        },
+        {
+          "title": "The arithmetic",
+          "body": "Starting in January rather than July is not six months — it is hundreds of improvement cycles, banked against starting from zero."
+        }
+      ],
+      "notes": {
+        "time": "00:14 to 00:20",
+        "core": true,
+        "text": "Illustrative curve. The gap widens because the earlier agent keeps banking lessons the later one has not yet met."
+      }
+    },
+    {
+      "layout": "fourCards",
+      "tag": "Agent behavior",
+      "titleText": "A worker, not just a good tool.",
       "subtitleText": "A tool responds to prompts. A worker pursues goals, decides what matters, acts within constraints, and is judged by outcomes.",
       "items": [
-        { "title": "Pursues goals", "body": "Carries objectives and KPIs like any employee, and works toward them without being asked." },
-        { "title": "Decides what matters", "body": "Notices, prioritizes and plans inside the boundaries policy sets." },
-        { "title": "Is graded", "body": "Every output reviewed against a baseline agreed before it started." },
-        { "title": "Gets better", "body": "Banks what it learns, so a year in it is categorically better, not older." }
+        {
+          "title": "Pursues goals",
+          "body": "Carries objectives and KPIs like any employee, and works toward them without being asked."
+        },
+        {
+          "title": "Decides what matters",
+          "body": "Notices, prioritizes and plans inside the boundaries policy sets."
+        },
+        {
+          "title": "Is graded",
+          "body": "Every output reviewed against a baseline agreed before it started."
+        },
+        {
+          "title": "Gets better",
+          "body": "Banks what it learns, so a year in it is categorically better, not older."
+        }
       ],
-      "notes": { "time": "00:43 to 00:47", "core": true, "text": "Land the word 'worker'. Everything after this slide assumes the room accepts it." } },
-
-    { "layout": "divider", "titleText": "Why transformations die",
-      "part": "Part III", "body": "Working question: what would your methodology look like if org redesign, workforce redesign and agent deployment were one program, not three?",
-      "notes": { "time": "00:30 to 00:31" } },
-
-    { "layout": "timeline", "tag": "Transformation journey", "titleText": "The transformation timeline.",
+      "notes": {
+        "time": "00:43 to 00:47",
+        "core": true,
+        "text": "Land the word 'worker'. Everything after this slide assumes the room accepts it."
+      }
+    },
+    {
+      "layout": "divider",
+      "titleText": "Why transformations die",
+      "part": "Part III",
+      "body": "Working question: what would your methodology look like if org redesign, workforce redesign and agent deployment were one program, not three?",
+      "notes": {
+        "time": "00:30 to 00:31"
+      }
+    },
+    {
+      "layout": "timeline",
+      "tag": "Transformation journey",
+      "titleText": "The transformation timeline.",
       "subtitleText": "From the starting line, month over month, compounding.",
       "phases": [
-        { "when": "3–6 months", "label": "Foundation", "bullets": ["A core transformation team of 7–10 people", "One registry covering people and agents", "5–10 core processes rebuilt for the dual workforce", "Dozens of agents in production with named managers"] },
-        { "when": "6–12 months", "label": "Scale", "bullets": ["Agents across dozens of core functions", "Management structure rebalanced; spans widened", "Hundreds of agents in production"] },
-        { "when": "12–24 months", "label": "Accelerate", "bullets": ["Most processes designed for a dual workforce from the start", "Whole functions run by agent teams", "Cost per unit of work structurally below the market"] }
+        {
+          "when": "3–6 months",
+          "label": "Foundation",
+          "bullets": [
+            "A core transformation team of 7–10 people",
+            "One registry covering people and agents",
+            "5–10 core processes rebuilt for the dual workforce",
+            "Dozens of agents in production with named managers"
+          ]
+        },
+        {
+          "when": "6–12 months",
+          "label": "Scale",
+          "bullets": [
+            "Agents across dozens of core functions",
+            "Management structure rebalanced; spans widened",
+            "Hundreds of agents in production"
+          ]
+        },
+        {
+          "when": "12–24 months",
+          "label": "Accelerate",
+          "bullets": [
+            "Most processes designed for a dual workforce from the start",
+            "Whole functions run by agent teams",
+            "Cost per unit of work structurally below the market"
+          ]
+        }
+      ],
+      "notes": {
+        "time": "00:37 to 00:40",
+        "core": true,
+        "text": "Timelines are directional. The commitment is the Foundation phase; everything after it is earned by the telemetry."
+      }
+    },
+    {
+      "layout": "chart",
+      "tag": "The economics",
+      "titleText": "Labor stops being a cost that scales with output.",
+      "subtitleText": "Human capacity scales by adding people. Agent capacity scales by provisioning compute.",
+      "kind": "line",
+      "labels": [
+        "Now",
+        "Y1",
+        "Y2",
+        "Y3"
+      ],
+      "yMax": 100,
+      "yLabel": "Cost per unit of work (indexed)",
+      "series": [
+        {
+          "name": "Human-capped operation",
+          "values": [
+            100,
+            97,
+            95,
+            94
+          ]
+        },
+        {
+          "name": "Agent-capacity operation",
+          "values": [
+            100,
+            62,
+            38,
+            24
+          ],
+          "emph": true
+        }
+      ],
+      "side": [
+        {
+          "title": "A new factor in production",
+          "body": "The facilities that bolted machines onto the old operation got an efficiency gain and disappeared. The ones that won rebuilt the building and invented a new metric: output per machine-hour."
+        },
+        {
+          "title": "And it does not stay internal",
+          "body": "Lower cost becomes lower price and better service. That takes share, share brings data, data makes the agents better."
+        }
       ],
-      "notes": { "time": "00:37 to 00:40", "core": true, "text": "Timelines are directional. The commitment is the Foundation phase; everything after it is earned by the telemetry." } },
-
-    { "layout": "deliverColumns", "tag": "The build", "titleText": "The client designs the transformation. Wand operates it.",
+      "notes": {
+        "time": "01:18 to 01:20",
+        "core": true,
+        "text": "Figures are illustrative — replace them with the client's baseline before the session. The shape is the argument: one line is capped by headcount, the other by compute."
+      }
+    },
+    {
+      "layout": "deliverColumns",
+      "tag": "The build",
+      "titleText": "The client designs the transformation. Wand operates it.",
       "subtitleText": "Who does each part, and how it is governed.",
       "columns": [
-        { "heading": "1 · Change management", "lead": "Led by your people, supported by ours", "body": "A small core team who pick where to start and carry the early wins back." },
-        { "heading": "2 · Deployment", "lead": "Led by our solution architect with your technical team", "body": "Cloud, deployment model, security review, and reaching the systems you run." },
-        { "heading": "3 · Building the workforce", "lead": "Led by our forward-deployed engineers", "body": "Build the agents and processes with your team, then shift to supporting as your people take it on." }
+        {
+          "heading": "1 · Change management",
+          "lead": "Led by your people, supported by ours",
+          "body": "A small core team who pick where to start and carry the early wins back."
+        },
+        {
+          "heading": "2 · Deployment",
+          "lead": "Led by our solution architect with your technical team",
+          "body": "Cloud, deployment model, security review, and reaching the systems you run."
+        },
+        {
+          "heading": "3 · Building the workforce",
+          "lead": "Led by our forward-deployed engineers",
+          "body": "Build the agents and processes with your team, then shift to supporting as your people take it on."
+        }
       ],
-      "notes": { "time": "01:23 to 01:25", "text": "Their methodology, our operating system. Say it in that order." } },
-
-    { "layout": "fourCards", "tag": "Next steps", "titleText": "What happens next.",
+      "notes": {
+        "time": "01:23 to 01:25",
+        "text": "Their methodology, our operating system. Say it in that order."
+      }
+    },
+    {
+      "layout": "fourCards",
+      "tag": "Next steps",
+      "titleText": "What happens next.",
       "subtitleText": "This room builds the momentum. The partnership work happens in a smaller session, with named owners and dates.",
       "items": [
-        { "title": "Partnership session", "body": "Named leads on both sides; one process chosen and its baseline written down." },
-        { "title": "Architecture deep-dive", "body": "Under NDA, for your technology team: deployment posture, identity, audit." },
-        { "title": "Sandbox access", "body": "A governed environment your team can build in, with our engineers alongside." },
-        { "title": "First client reunion", "body": "Where the first agents in production are shown against the baseline." }
+        {
+          "title": "Partnership session",
+          "body": "Named leads on both sides; one process chosen and its baseline written down."
+        },
+        {
+          "title": "Architecture deep-dive",
+          "body": "Under NDA, for your technology team: deployment posture, identity, audit."
+        },
+        {
+          "title": "Sandbox access",
+          "body": "A governed environment your team can build in, with our engineers alongside."
+        },
+        {
+          "title": "First client reunion",
+          "body": "Where the first agents in production are shown against the baseline."
+        }
       ],
-      "notes": { "time": "01:29 to 01:30", "text": "Leave the room with one date agreed. Anything else is a follow-up email." } },
-
-    { "layout": "closing", "line1": "Thank you.", "body": "The operating system for the human + agent workforce.", "url": "September 2026  |  Strictly Confidential" },
-
-    { "layout": "fourCards", "backup": true, "tag": "Why this is a category", "titleText": "Five advantages, not five features.",
+      "notes": {
+        "time": "01:29 to 01:30",
+        "text": "Leave the room with one date agreed. Anything else is a follow-up email."
+      }
+    },
+    {
+      "layout": "closing",
+      "line1": "Thank you.",
+      "body": "The operating system for the human + agent workforce.",
+      "url": "September 2026  |  Strictly Confidential"
+    },
+    {
+      "layout": "fourCards",
+      "backup": true,
+      "tag": "Why this is a category",
+      "titleText": "Five advantages, not five features.",
       "items": [
-        { "title": "Governance & orchestration", "body": "One policy, one identity, one audit trail across the whole estate." },
-        { "title": "Institutional IP", "body": "Every lesson compounds inside your perimeter, not ours." },
-        { "title": "Model agnostic", "body": "Any model, any cloud — no lock-in, sovereignty-friendly by design." },
-        { "title": "One registry", "body": "People and agents managed in the same system, by the same managers." }
+        {
+          "title": "Governance & orchestration",
+          "body": "One policy, one identity, one audit trail across the whole estate."
+        },
+        {
+          "title": "Institutional IP",
+          "body": "Every lesson compounds inside your perimeter, not ours."
+        },
+        {
+          "title": "Model agnostic",
+          "body": "Any model, any cloud — no lock-in, sovereignty-friendly by design."
+        },
+        {
+          "title": "One registry",
+          "body": "People and agents managed in the same system, by the same managers."
+        }
       ],
-      "notes": "BACKUP. Use only if the room asks why this is not another agent platform." }
+      "notes": "BACKUP. Use only if the room asks why this is not another agent platform."
+    }
   ]
 }

package/lib/layouts_consult.js

@@ -215,7 +215,7 @@ module.exports = function attach(W) {
       });
       s.addShape("roundRect", {
         x: L + LAB, y: ry, w: COL, h: trh, rectRadius: radius(COL, trh),
-        fill: { color: dark ? T.cardMuted : T.surface }, line: { width: 0 },
+        fill: { color: dark ? T.cardMuted : T.surface }, line: { type: "none" },
       });
       s.addText(row.left, {
         x: L + LAB + 0.18, y: ry, w: COL - 0.36, h: trh, margin: 0, isTextBox: true,

package/lib/pdf.js

@@ -126,6 +126,23 @@ class Doc {
     return this;
   }
 
+  /** A filled polygon, optionally translucent — an area chart's fill. */
+  poly({ points, fill, opacity }) {
+    const o = this.page.ops;
+    const soft = opacity != null && opacity < 1;
+    if (soft) o.push("q", `/${this._alpha(opacity)} gs`);
+    o.push(`${rgb(fill || "000000")} rg`,
+      points.map(([px, py], i) => `${num(px * PT)} ${num(this._y(py))} ${i ? "l" : "m"}`).join(" ") + " h f");
+    if (soft) o.push("Q");
+    return this;
+  }
+
+  /** Width of a string in inches, for centring a label without drawing it. */
+  measure(str, { stem, size }) {
+    const F = this._font(stem);
+    return (F.font.layout(String(str)).advanceWidth / F.font.unitsPerEm) * size / 72;
+  }
+
   line({ x1, y1, x2, y2, color = "000000", width = 0.75 }) {
     this.page.ops.push(`${rgb(color)} RG`, `${num(width)} w`,
       `${num(x1 * PT)} ${num(this._y(y1))} m ${num(x2 * PT)} ${num(this._y(y2))} l S`);

package/lib/render_pdf.js

@@ -140,6 +140,7 @@ function renderTrace(trace, out, opts = {}) {
       if (sh.kind === "shape") drawShape(d, sh);
       else if (sh.kind === "image") drawImage(d, sh, missing);
       else if (sh.kind === "text") drawText(d, sh);
+      else if (sh.kind === "chart") drawChart(d, sh);
     }
   }
   fs.writeFileSync(out, d.toBuffer());
@@ -162,6 +163,68 @@ function drawShape(d, sh) {
   });
 }
 
+/** Round up to a gridline-friendly maximum: 87 -> 100, 3.2 -> 4, 460 -> 500. */
+function niceMax(v) {
+  if (!(v > 0)) return 1;
+  const p = Math.pow(10, Math.floor(Math.log10(v))), m = v / p;
+  return (m <= 1 ? 1 : m <= 2 ? 2 : m <= 2.5 ? 2.5 : m <= 5 ? 5 : 10) * p;
+}
+
+/**
+ * The chart as PowerPoint draws it: legend on top, four gridlines, category
+ * labels under the plot. Not pixel-identical to PowerPoint's own layout — close
+ * enough that a slide which reads here reads there.
+ */
+function drawChart(d, sh) {
+  const c = sh.chart || {}, labels = c.labels || [], series = c.series || [];
+  const stem = "Geist-Regular", sz = 7;
+  const legendH = c.legend ? 0.26 : 0, padL = 0.40, padB = 0.26;
+  const px = sh.x + padL, py = sh.y + legendH + 0.06, pw = sh.w - padL - 0.08, ph = sh.h - legendH - padB - 0.06;
+  const max = c.yMax || niceMax(Math.max(0, ...series.flatMap((x) => x.values || [])));
+  const fmt = (v) => (Math.round(v * 100) / 100).toString();
+  for (let k = 0; k <= 4; k++) {
+    const gy = py + ph - (ph * k) / 4;
+    d.line({ x1: px, y1: gy, x2: px + pw, y2: gy, color: c.grid || "5B4BB0", width: 0.5 });
+    const lab = fmt((max * k) / 4);
+    d.text(lab, { x: px - 0.08 - d.measure(lab, { stem, size: sz }), y: gy + 0.03, stem, size: sz, color: c.ink || "BBBBBB" });
+  }
+  const n = labels.length, bar = c.kind === "bar";
+  const xAt = (i) => bar ? px + (pw / n) * (i + 0.5) : px + (n > 1 ? (pw * i) / (n - 1) : pw / 2);
+  const yAt = (v) => py + ph - (ph * Math.min(v, max)) / max;
+  labels.forEach((l, i) => {
+    const w = d.measure(l, { stem, size: sz });
+    const lx = Math.min(Math.max(xAt(i) - w / 2, px), px + pw - w);
+    d.text(l, { x: lx, y: py + ph + 0.17, stem, size: sz, color: c.ink || "BBBBBB" });
+  });
+  series.forEach((ser, si) => {
+    const col = (c.colors && c.colors[si]) || "8B7CF6", vals = ser.values || [];
+    if (bar) {
+      const slot = pw / n, group = slot * 0.62, bw = group / series.length;
+      vals.forEach((v, i) => {
+        const bx = px + slot * i + (slot - group) / 2 + bw * si;
+        d.rect({ x: bx, y: yAt(v), w: bw * 0.92, h: py + ph - yAt(v), fill: col });
+      });
+      return;
+    }
+    if (c.kind === "area") {
+      d.poly({ points: [[xAt(0), py + ph], ...vals.map((v, i) => [xAt(i), yAt(v)]), [xAt(vals.length - 1), py + ph]],
+               fill: col, opacity: 0.45 });
+    }
+    if (c.kind === "area") return;   // PowerPoint's area chart has no outline
+    for (let i = 1; i < vals.length; i++) {
+      d.line({ x1: xAt(i - 1), y1: yAt(vals[i - 1]), x2: xAt(i), y2: yAt(vals[i]), color: col, width: ser.emph ? 2.5 : 2 });
+    }
+  });
+  if (c.legend) {
+    let lx = px;
+    series.forEach((ser, si) => {
+      d.rect({ x: lx, y: sh.y + 0.08, w: 0.1, h: 0.1, fill: (c.colors && c.colors[si]) || "8B7CF6" });
+      d.text(ser.name, { x: lx + 0.15, y: sh.y + 0.17, stem, size: 8, color: c.ink || "BBBBBB" });
+      lx += 0.15 + d.measure(ser.name, { stem, size: 8 }) + 0.3;
+    });
+  }
+}
+
 function drawImage(d, sh, missing) {
   const box = { x: sh.x || 0, y: sh.y || 0, w: sh.w || 0, h: sh.h || 0 };
   if (sh.data) {                                   // a recoloured glyph, inline

package/lib/schema.js

@@ -82,6 +82,19 @@ const L = {
       steps: s("object[]", req({ min: 3, max: 5, of: { who: str(), step: str(req()), human: s("boolean") } })),
     } })) },
   },
+  chart: {
+    use: "A native chart the seller can edit in PowerPoint — line, area or bar — with up to two argument blocks beside or below it",
+    fields: {
+      kind: str({ note: '"line" (default), "area" or "bar"' }),
+      labels: s("string[]", req({ min: 2, max: 12, note: "the categories along the bottom" })),
+      series: s("object[]", req({ min: 1, max: 3, of: {
+        name: str(req()), values: s("number[]", req()), emph: s("boolean"),
+      } })),
+      yMax: s("number"), yLabel: str(),
+      side: s("object[]", { max: 2, of: { title: str(req()), body: str(req()) } }),
+      sidePlace: str({ note: '"right" (default) or "below"' }),
+    },
+  },
   timeline: {
     use: "A journey in 2–4 phases on a line — months, a label, bullets",
     fields: { phases: s("object[]", req({ min: 2, max: 4, of: {
@@ -336,6 +349,7 @@ const TYPEOF = {
   boolean: (v) => typeof v === "boolean",
   title: (v) => typeof v === "string" || (Array.isArray(v) && v.every((x) => typeof x === "string")),
   "string[]": (v) => Array.isArray(v) && v.every((x) => typeof x === "string"),
+  "number[]": (v) => Array.isArray(v) && v.every((x) => typeof x === "number" && Number.isFinite(x)),
   "object[]": (v) => Array.isArray(v) && v.every((x) => x && typeof x === "object" && !Array.isArray(x)),
   object: (v) => v && typeof v === "object" && !Array.isArray(v),
   notes: (v) => typeof v === "string" || (v && typeof v === "object" && !Array.isArray(v)),
@@ -412,6 +426,15 @@ function validate(spec) {
     seen.push(sl.layout);
   });
 
+  // a chart whose series do not match its labels draws a line that ends early
+  spec.slides.forEach((x, i) => {
+    if (x.layout !== "chart" || !Array.isArray(x.labels) || !Array.isArray(x.series)) return;
+    x.series.forEach((ser) => {
+      if (Array.isArray(ser.values) && ser.values.length !== x.labels.length)
+        errs.push(`S${i + 1} chart series "${ser.name}" has ${ser.values.length} values for ${x.labels.length} labels`);
+    });
+  });
+
   // backups live after the close — hidden, so they never interrupt the room
   const closeAt = spec.slides.findIndex((x) => x.layout === "closing");
   spec.slides.forEach((x, i) => {

package/lib/trace.js

@@ -18,7 +18,12 @@ function fakeSlide() {
     addImage(o)       { shapes.push({ kind: "image", ...o }); return api; },
     addText(t, o)     { shapes.push({ kind: "text", runs: normaliseRuns(t), ...o }); return api; },
     addNotes()        { return api; },
-    addChart()        { return api; },
+    // a chart is recorded by what it shows, so the PDF and preview can draw
+    // the same thing PowerPoint will
+    addChart(type, data, o = {}) {
+      shapes.push({ kind: "chart", type, x: o.x, y: o.y, w: o.w, h: o.h, chart: o._wand || { kind: type, series: data } });
+      return api;
+    },
   };
   Object.defineProperty(api, "background", {
     get() { return api._bg; },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wand-decks-kit",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Rebuilds or authors a client-ready .pptx on the Wand design system: measured fit, embedded Geist, verbatim content.",
   "license": "SEE LICENSE IN PROMPT.md",
   "bin": {

package/preview/preview.js

@@ -95,7 +95,10 @@
 
       const s = document.createElement("div");
       const bg = sl.background && sl.background.color;
-      s.className = "slide " + (bg && bg.toUpperCase() === "0F0C26" ? "dark" : "light");
+      // by luminance, not by one hex: the dark ground moved from 0F0C26 to
+      // 240F48 in 0.9 and every dark slide previewed as light
+      const lum = bg ? (parseInt(bg.slice(0, 2), 16) * 299 + parseInt(bg.slice(2, 4), 16) * 587 + parseInt(bg.slice(4, 6), 16) * 114) / 1000 : 255;
+      s.className = "slide " + (lum < 90 ? "dark" : "light");
       if (flag.checked) s.classList.add("flag");
       if (grid.checked) s.classList.add("grid");
       s.title = sl.layout;
@@ -109,6 +112,8 @@
           el.src = sh.data ? "data:" + sh.data
                  : sh.path ? (T.assetsBase || "../assets/") + sh.path.split(/[\\/]assets[\\/]/).pop()
                  : "";
+        } else if (sh.kind === "chart") {
+          el = chartEl(sh);
         } else if (sh.kind === "text") {
           el = textEl(sh);
         } else {
@@ -145,6 +150,49 @@
     });
   }
 
+  /** The same chart the PDF draws, as SVG in inches. */
+  function chartEl(sh) {
+    const c = sh.chart || {}, labels = c.labels || [], series = c.series || [];
+    const NS = "http://www.w3.org/2000/svg", W = sh.w, H = sh.h;
+    const svg = document.createElementNS(NS, "svg");
+    svg.setAttribute("class", "sh chart"); svg.setAttribute("viewBox", `0 0 ${W} ${H}`);
+    const add = (tag, a, txt) => { const e = document.createElementNS(NS, tag); for (const k in a) e.setAttribute(k, a[k]); if (txt != null) e.textContent = txt; svg.appendChild(e); return e; };
+    const legendH = c.legend ? 0.26 : 0, padL = 0.40, padB = 0.26;
+    const px = padL, py = legendH + 0.06, pw = W - padL - 0.08, ph = H - legendH - padB - 0.06;
+    const all = series.flatMap((x) => x.values || []);
+    const nice = (v) => { if (!(v > 0)) return 1; const p = Math.pow(10, Math.floor(Math.log10(v))), m = v / p; return (m <= 1 ? 1 : m <= 2 ? 2 : m <= 2.5 ? 2.5 : m <= 5 ? 5 : 10) * p; };
+    const max = c.yMax || nice(Math.max(0, ...all)), ink = "#" + (c.ink || "BBBBBB"), grid = "#" + (c.grid || "5B4BB0");
+    for (let k = 0; k <= 4; k++) {
+      const gy = py + ph - (ph * k) / 4;
+      add("line", { x1: px, y1: gy, x2: px + pw, y2: gy, stroke: grid, "stroke-width": 0.007 });
+      add("text", { x: px - 0.08, y: gy + 0.03, "text-anchor": "end", "font-size": 0.1, fill: ink, "font-family": "Geist" }, String(Math.round((max * k) / 4 * 100) / 100));
+    }
+    const n = labels.length, bar = c.kind === "bar";
+    const xAt = (i) => bar ? px + (pw / n) * (i + 0.5) : px + (n > 1 ? (pw * i) / (n - 1) : pw / 2);
+    const yAt = (v) => py + ph - (ph * Math.min(v, max)) / max;
+    labels.forEach((l, i) => add("text", { x: xAt(i), y: py + ph + 0.17, "text-anchor": "middle", "font-size": 0.1, fill: ink, "font-family": "Geist" }, l));
+    series.forEach((ser, si) => {
+      const col = "#" + ((c.colors && c.colors[si]) || "8B7CF6"), vals = ser.values || [];
+      if (bar) {
+        const slot = pw / n, group = slot * 0.62, bw = group / series.length;
+        vals.forEach((v, i) => add("rect", { x: px + slot * i + (slot - group) / 2 + bw * si, y: yAt(v), width: bw * 0.92, height: py + ph - yAt(v), fill: col }));
+        return;
+      }
+      const pts = vals.map((v, i) => `${xAt(i)},${yAt(v)}`).join(" ");
+      if (c.kind === "area") add("polygon", { points: `${xAt(0)},${py + ph} ${pts} ${xAt(vals.length - 1)},${py + ph}`, fill: col, "fill-opacity": 0.45 });
+      if (c.kind !== "area") add("polyline", { points: pts, fill: "none", stroke: col, "stroke-width": ser.emph ? 0.035 : 0.028 });
+    });
+    if (c.legend) {
+      let lx = px;
+      series.forEach((ser, si) => {
+        add("rect", { x: lx, y: 0.08, width: 0.1, height: 0.1, fill: "#" + ((c.colors && c.colors[si]) || "8B7CF6") });
+        add("text", { x: lx + 0.15, y: 0.17, "font-size": 0.11, fill: ink, "font-family": "Geist" }, ser.name);
+        lx += 0.15 + ser.name.length * 0.065 + 0.3;
+      });
+    }
+    return svg;
+  }
+
   /** Browser-side overflow detection: does the laid-out text exceed its box? */
   function markOverflow(slideEl) {
     slideEl.querySelectorAll(".sh.text").forEach((el) => {

package/qa_coverage.py

@@ -62,6 +62,13 @@ def strings_from_pptx(path):
                         paras.append("".join(runs))
                 if paras:
                     out.append((i, " ".join(paras)))
+        # Chart series names and category labels live in ppt/charts, not on the
+        # slide. A rebuilt chart that drops a series name must still fail here.
+        for n in sorted(x for x in z.namelist() if re.fullmatch(r"ppt/charts/chart\d+\.xml", x)):
+            vals = re.findall(r"<c:v>([^<]*)</c:v>|<a:t>([^<]*)</a:t>", z.read(n).decode("utf8", "ignore"))
+            words = [a or b for a, b in vals if (a or b).strip() and not re.fullmatch(r"[-\d.,%]+", a or b)]
+            if words:
+                out.append((0, " ".join(words)))
     return out
 
 

package/wand.js

@@ -456,6 +456,13 @@ function inspect(file) {
     errs.push('fonts embedded but saveSubsetFonts is not "0" - digits garble in exported PDFs');
   }
   if (!fonts.length) errs.push("no embedded fonts - this renders as Arial on the client's machine");
+  // pptxgenjs writes its default outline — 1pt #333333 — whenever a shape asks
+  // for `line: { width: 0 }`. No Wand token is 333333, so this is always a leak.
+  let leaks = 0;
+  for (const name of z.names.filter((n) => /^ppt\/slides\/slide\d+\.xml$/.test(n))) {
+    leaks += (z.text(name).match(/<a:ln w="12700"><a:solidFill><a:srgbClr val="333333"\/>/g) || []).length;
+  }
+  if (leaks) errs.push(`${leaks} shape(s) carry pptxgenjs's default 1pt #333333 outline — a layout used line:{width:0}; use line:{type:"none"}`);
   errs.forEach((e) => console.log(`  ERROR ${e}`));
   console.log(`file        : ${slides.length} slides, ${media.length} media, ${fonts.length} font parts / ` +
               `${families} families` + (errs.length ? ` - ${errs.length} problem(s) above` : " - clean"));

package/wand_kit.js

@@ -233,6 +233,13 @@ function kicker(slide, text, { dark = true, y = 4.82 } = {}) {
 
 /* ---------------------------------------------------------------- primitives */
 
+/*
+ * Outlines: `line: { width: 0 }` does NOT mean none. pptxgenjs reads
+ * `width || 1`, so zero became its default 1pt #333333 border on every accent
+ * bar, rule and column — invisible on dark, a black box on light, and absent
+ * from the kit's own PDF, so no gate saw it. No outline is `{ type: "none" }`.
+ * `inspect` now fails a deck that carries the default outline.
+ */
 function card(slide, { x, y, w, h, dark = true, variant = "glass" }) {
   const th = theme(dark);
   let fill = th.cardFill, line = th.cardLine;
@@ -256,7 +263,7 @@ function card(slide, { x, y, w, h, dark = true, variant = "glass" }) {
 function iconTile(slide, { x, y, size = 0.46, icon, dark = true }) {
   slide.addShape("roundRect", {
     x, y, w: size, h: size,
-    fill: { color: theme(dark).tile }, line: { color: theme(dark).tile, width: 0 },
+    fill: { color: theme(dark).tile }, line: { type: "none" },
     rectRadius: size * 0.30,
   });
   if (icon) {
@@ -576,7 +583,7 @@ function parity(pres, { tag, titleText, subtitleText, left, right, badge = "=",
       });
     });
   });
-  s.addShape("ellipse", { x: 4.75, y: 2.89, w: 0.50, h: 0.50, fill: { color: T.accent }, line: { width: 0 } });
+  s.addShape("ellipse", { x: 4.75, y: 2.89, w: 0.50, h: 0.50, fill: { color: T.accent }, line: { type: "none" } });
   s.addText(badge, {
     x: 4.75, y: 2.89, w: 0.50, h: 0.50, margin: 0, isTextBox: true,
     fontFace: F.semi, fontSize: 17, color: T.white, align: "center", valign: "middle",
@@ -656,7 +663,7 @@ function band(pres, { tag, titleText, subtitleText, icon, runs, stats, quote, da
   if (subtitleText) subtitle(s, subtitleText, { dark, y: 1.14, h: 0.5 });
   s.addShape("roundRect", {
     x: 0.37, y: 1.78, w: 9.25, h: 0.86,
-    fill: { color: T.band }, line: { color: T.band, width: 0 }, rectRadius: radius(9.25, 0.86),
+    fill: { color: T.band }, line: { type: "none" }, rectRadius: radius(9.25, 0.86),
   });
   iconTile(s, { x: 0.68, y: 2.00, size: 0.42, icon, dark: true });
   s.addText(
@@ -804,12 +811,12 @@ function barRank(pres, { tag, titleText, subtitleText, bars, cards, footnote, da
     const y = 2.10 + i * 0.64, TRACK = 5.40;
     s.addShape("roundRect", {
       x: 0.37, y, w: TRACK, h: 0.48, rectRadius: radius(TRACK, 0.48),
-      fill: { color: dark ? T.cardMuted : T.track }, line: { width: 0 },
+      fill: { color: dark ? T.cardMuted : T.track }, line: { type: "none" },
     });
     const fw = Math.max(0.30, Math.min(1, b.frac) * TRACK);
     s.addShape("roundRect", {
       x: 0.37, y, w: fw, h: 0.48, rectRadius: radius(fw, 0.48),
-      fill: { color: RAMP[i % RAMP.length] }, line: { width: 0 },
+      fill: { color: RAMP[i % RAMP.length] }, line: { type: "none" },
     });
     s.addText(b.label, {
       x: 0.55, y, w: Math.max(0.60, fw - 0.26), h: 0.48, margin: 0, isTextBox: true,
@@ -865,12 +872,12 @@ function bridge(pres, { tag, titleText, subtitleText, eyebrow, rows: brows, stat
     });
     s.addShape("roundRect", {
       x: 2.64, y: y + 0.06, w: TRACK, h: 0.22, rectRadius: radius(TRACK, 0.22),
-      fill: { color: dark ? T.cardMuted : T.track }, line: { width: 0 },
+      fill: { color: dark ? T.cardMuted : T.track }, line: { type: "none" },
     });
     const fw = Math.max(0.06, Math.min(1, r.frac) * TRACK);
     s.addShape("roundRect", {
       x: 2.64, y: y + 0.06, w: fw, h: 0.22, rectRadius: radius(fw, 0.22),
-      fill: { color: T.accent }, line: { width: 0 },
+      fill: { color: T.accent }, line: { type: "none" },
     });
     s.addText(r.value, {
       x: 4.44, y, w: 0.95, h: 0.34, margin: 0, isTextBox: true,
@@ -921,7 +928,7 @@ function heroQuad(pres, { tag, titleText, subtitleText, hero, tiles, kickerText,
     fontFace: F.reg, fontSize: 9, color: th.body, valign: "middle",
   });
   s.addShape("rect", { x: 0.67, y: 3.36, w: 3.30, h: 0.02,
-                       fill: { color: dark ? T.cardMutedStroke : T.divider }, line: { width: 0 } });
+                       fill: { color: dark ? T.cardMutedStroke : T.divider }, line: { type: "none" } });
   s.addText(hero.subValue, {
     x: 0.67, y: 3.49, w: 3.4, h: 0.42, margin: 0, isTextBox: true,
     fontFace: F.semi, fontSize: 26, color: th.ink, valign: "middle",
@@ -972,7 +979,7 @@ function productMap(pres, { tag, titleText, subtitleText, bandRow, cards, split,
     if (!label) return;
     s.addShape("roundRect", {
       x: 0.37, y, w: 1.0, h, rectRadius: radius(1.0, h),
-      fill: { color: dark ? T.cardMuted : T.surface }, line: { width: 0 },
+      fill: { color: dark ? T.cardMuted : T.surface }, line: { type: "none" },
     });
     s.addText(label.toUpperCase(), {
       x: 0.37, y, w: 1.0, h, margin: 0, isTextBox: true,
@@ -1152,8 +1159,8 @@ function deliverColumns(pres, { tag, titleText, subtitleText, columns, dark = fa
   const gap = 0.23, w = (9.17 - gap * (list.length - 1)) / list.length, cy = 1.62, ch = 3.02;
   list.forEach((c, i) => {
     const cx = 0.42 + i * (w + gap);
-    s.addShape("rect", { x: cx, y: cy, w, h: ch, fill: { color: dark ? T.cardSolid : T.surface }, line: { width: 0 } });
-    s.addShape("rect", { x: cx, y: cy, w, h: 0.04, fill: { color: T.accent }, line: { width: 0 } });
+    s.addShape("rect", { x: cx, y: cy, w, h: ch, fill: { color: dark ? T.cardSolid : T.surface }, line: { type: "none" } });
+    s.addShape("rect", { x: cx, y: cy, w, h: 0.04, fill: { color: T.accent }, line: { type: "none" } });
     s.addText(c.heading, {
       x: cx + 0.2, y: cy + 0.15, w: w - 0.4, h: 0.24, margin: 0, isTextBox: true,
       fontFace: F.semi, fontSize: 11, color: th.ink, valign: "middle",
@@ -1227,7 +1234,7 @@ function flowCompare(pres, { tag, titleText, subtitleText, lanes, dark = true, d
       fontFace: F.med, fontSize: 7.5, color: T.accentSoft, valign: "middle",
     });
     s.addShape("rect", { x: 0.42 + Math.min(3.2, lane.label.length * 0.062) + 0.12, y: y + 0.085, w: 9.17 - Math.min(3.2, lane.label.length * 0.062) - 0.12, h: 0.01,
-      fill: { color: dark ? T.cardStroke : T.divider }, line: { width: 0 } });
+      fill: { color: dark ? T.cardStroke : T.divider }, line: { type: "none" } });
     const steps = lane.steps.slice(0, 5), gap = 0.30;
     const w = (9.17 - gap * (steps.length - 1)) / steps.length, cy = y + 0.30, ch = 0.73;
     steps.forEach((st, i) => {
@@ -1248,7 +1255,7 @@ function flowCompare(pres, { tag, titleText, subtitleText, lanes, dark = true, d
       });
       if (i < steps.length - 1) s.addShape("triangle", {
         x: cx + w + gap / 2 - 0.05, y: cy + ch / 2 - 0.07, w: 0.11, h: 0.14, rotate: 90,
-        fill: { color: T.accent }, line: { width: 0 },
+        fill: { color: T.accent }, line: { type: "none" },
       });
     });
     if (lane.caption) s.addText(lane.caption, {
@@ -1275,13 +1282,13 @@ function timeline(pres, { tag, titleText, subtitleText, phases, dark = true, dec
   const w = (9.14 - gap * (list.length - 1)) / list.length, x0 = 0.44;
   const ly = 2.30, d = 0.30;
   s.addShape("rect", { x: x0 + d / 2, y: ly + d / 2 - 0.01, w: 9.14 - d, h: 0.02,
-    fill: { color: T.accent }, line: { width: 0 } });
+    fill: { color: T.accent }, line: { type: "none" } });
   list.forEach((ph, i) => {
     const cx = x0 + i * (w + gap);
     s.addShape("ellipse", { x: cx, y: ly, w: d, h: d,
       fill: { color: dark ? T.bgDark : T.bgLight }, line: { color: T.accent, width: 2 } });
     s.addShape("ellipse", { x: cx + 0.09, y: ly + 0.09, w: d - 0.18, h: d - 0.18,
-      fill: { color: T.accent }, line: { width: 0 } });
+      fill: { color: T.accent }, line: { type: "none" } });
     const cy = 2.86;
     if (ph.when) s.addText(ph.when, {
       x: cx, y: cy, w, h: 0.2, margin: 0, isTextBox: true,
@@ -1302,6 +1309,68 @@ function timeline(pres, { tag, titleText, subtitleText, phases, dark = true, dec
   return s;
 }
 
+
+/**
+ * A native, editable chart with its argument beside or below it (Kearney S09,
+ * S25 — both hand-drawn there, so a seller could not change a number). The data
+ * stays live in PowerPoint: right-click, Edit Data.
+ * kind: "line" | "area" | "bar"; series: [{ name, values, emph }];
+ * side: [{ title, body }] up to 2, placed "right" (default) or "below".
+ */
+function chart(pres, { tag, titleText, subtitleText, kind = "line", labels, series, yMax, yLabel,
+                       side, sidePlace = "right", dark = true, deck, n, total }) {
+  const s = pres.addSlide();
+  background(s, dark); chrome(s, { tag, dark });
+  const th = theme(dark);
+  title(s, titleText, { dark, y: 0.62, h: 0.5 });
+  if (subtitleText) subtitle(s, subtitleText, { dark, y: 1.10, h: 0.3 });
+  const blocks = (side || []).slice(0, 2);
+  const below = blocks.length && sidePlace === "below";
+  const box = !blocks.length ? { x: 0.42, y: 1.52, w: 9.17, h: 3.55 }
+            : below ? { x: 0.42, y: 1.52, w: 9.17, h: 2.35 }
+            : { x: 0.42, y: 1.52, w: 6.05, h: 3.55 };
+  const list = series.slice(0, 3);
+  const palette = dark ? [T.accent, T.accentPale, T.mutedDark] : [T.accentDeep, T.accentSoft, T.mutedLight];
+  // the emphasised series takes the accent, the rest step down in weight
+  const order = list.map((x, i) => ({ x, i })).sort((a, b) => (b.x.emph ? 1 : 0) - (a.x.emph ? 1 : 0));
+  const colors = []; order.forEach(({ i }, k) => { colors[i] = palette[k]; });
+  const ink = dark ? T.mutedDark : T.mutedLight, grid = dark ? T.cardStroke : T.divider;
+  // Four gridlines on a round maximum, fixed here so PowerPoint does not pick
+  // its own step (it chose 10 for a 0–90 series; the PDF drew 25).
+  const peak = Math.max(0, ...list.flatMap((x) => x.values));
+  const p10 = Math.pow(10, Math.floor(Math.log10(peak || 1))), mm = (peak || 1) / p10;
+  const top = yMax || (mm <= 1 ? 1 : mm <= 2 ? 2 : mm <= 2.5 ? 2.5 : mm <= 5 ? 5 : 10) * p10;
+  s.addChart(kind, list.map((x) => ({ name: x.name, labels, values: x.values })), {
+    ...box,
+    chartColors: colors, chartColorsOpacity: kind === "area" ? 45 : undefined,
+    lineSize: 2, lineDataSymbol: "none", barDir: "col", barGapWidthPct: 60,
+    catAxisLabelColor: ink, catAxisLabelFontFace: F.reg, catAxisLabelFontSize: 8, catAxisLineShow: false,
+    valAxisLabelColor: ink, valAxisLabelFontFace: F.reg, valAxisLabelFontSize: 8, valAxisLineShow: false,
+    valAxisMinVal: 0, valAxisMaxVal: top, valAxisMajorUnit: top / 4, valGridLine: { color: grid, style: "solid", size: 0.5 },
+    catGridLine: { style: "none" },
+    showValAxisTitle: !!yLabel, valAxisTitle: yLabel, valAxisTitleColor: ink, valAxisTitleFontFace: F.reg, valAxisTitleFontSize: 8,
+    showLegend: list.length > 1, legendPos: "t", legendFontFace: F.reg, legendFontSize: 8, legendColor: th.body,
+    // recorded by the trace for the PDF and preview; ignored by pptxgenjs
+    _wand: { kind, labels, series: list, colors, yMax: top, yLabel, ink, grid, legend: list.length > 1 },
+  });
+  const bx = below ? null : 6.75;
+  blocks.forEach((b, i) => {
+    const r = below ? { x: 0.42 + i * 4.69, y: 4.02, w: 4.48, h: 1.05 } : { x: bx, y: 1.62 + i * 1.72, w: 2.84, h: 1.55 };
+    if (!below) card(s, { x: r.x - 0.14, y: r.y - 0.1, w: r.w + 0.14, h: r.h, dark, variant: "solid" });
+    s.addText(b.title, {
+      x: r.x, y: r.y, w: r.w - 0.14, h: 0.3, margin: 0, isTextBox: true,
+      fontFace: F.semi, fontSize: 11, color: dark ? T.accentPale : T.accentDeep, valign: "top",
+    });
+    s.addText(b.body, {
+      x: r.x, y: r.y + 0.34, w: r.w - 0.14, h: r.h - 0.44, margin: 0, isTextBox: true,
+      fontFace: F.reg, fontSize: autoSize(b.body, r.w - 0.14, r.h - 0.44, { family: F.reg, fontSize: 8.5, min: 6.5, lineSpacingMultiple: 1.3 }),
+      color: th.body, valign: "top", lineSpacingMultiple: 1.3,
+    });
+  });
+  if (deck) footer(s, { deck, n, total, dark });
+  return s;
+}
+
 /**
  * Speaker notes, in the run-of-show convention the Kearney example uses:
  * the time window first, "CORE" when the slide carries the argument, then what
@@ -1315,12 +1384,12 @@ function notesText(nt) {
 }
 
 module.exports = {
-  VERSION: "0.10.0",
+  VERSION: "0.11.0",
   T, F, COLS, ASSETS, radius, theme, autoSize, measure: M,
   background, chrome, footer, title, subtitle, kicker, contentTop,
   card, iconTile, pill,
   cover, divider, closing,
-  agenda, team, fourCards, deliverColumns, coDelivery, flowCompare, timeline, notesText, context,
+  agenda, team, fourCards, deliverColumns, coDelivery, flowCompare, timeline, chart, notesText, context,
   threeUp, fourUpIcon, sixUpIcon, rows, parity, statQuad, statGrid, band,
   colCards, featureStats, barRank, bridge, heroQuad, productMap,