prographs 0.12.0 → 0.13.0

package/dist/{chunk-DA2EYIIP.cjs → chunk-4E7FSSBF.cjs}

@@ -1,8 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11; var _class12; var _class13; var _class14; var _class15; var _class16;
 
 var _chunkQ5A2TY2Acjs = require('./chunk-Q5A2TY2A.cjs');
 
 
+var _chunkNEXADWQScjs = require('./chunk-NEXADWQS.cjs');
+
+
 var _chunkXX2YTCORcjs = require('./chunk-XX2YTCOR.cjs');
 
 
@@ -12,7 +15,7 @@ var _chunkEEF5WRRZcjs = require('./chunk-EEF5WRRZ.cjs');
 var _chunkPY4R3IFFcjs = require('./chunk-PY4R3IFF.cjs');
 
 
-var _chunkUMEKIIHJcjs = require('./chunk-UMEKIIHJ.cjs');
+var _chunkLNWTC72Ycjs = require('./chunk-LNWTC72Y.cjs');
 
 // src/charts/strategycharts/KanoCurve.ts
 var KanoCategory = /* @__PURE__ */ ((KanoCategory2) => {
@@ -56,69 +59,87 @@ var KanoCurve = class {
   }
 };
 
-// src/charts/strategycharts/StrategyNotes.ts
-var SIZES = [11, 10, 9];
-var DOT = 3;
-var INDENT = 10;
-var CARD_PAD = 4;
-var TIP_WIDTH = 320;
-var StrategyNotes = class _StrategyNotes {
-  static plan(boxes, style) {
-    let blocks = [];
-    for (const size of SIZES) {
-      const filled = boxes.map((box) => _StrategyNotes.#fill(box, size, style));
-      blocks = filled.flatMap((fill) => fill.blocks);
-      if (filled.every((fill) => fill.whole)) break;
-    }
-    return blocks;
-  }
-  static #fill(box, size, style) {
-    const { notes } = box, lead = Math.round(size * 1.25), pad = style === "card" ? CARD_PAD : 0, gap = style === "bullet" ? 2 : 3;
-    const indent = style === "bullet" ? INDENT : pad, width = box.width - indent - pad;
-    if (width < size * 2 || box.height < lead) return { blocks: [], whole: !notes.length };
-    const wrapped = notes.map((note) => _chunkQ5A2TY2Acjs.FrameworkText.wrap(note.text, width, size));
-    const tall = (lines) => lines.length * lead + pad;
-    const cost = (count) => wrapped.slice(0, count).reduce((sum, lines) => sum + tall(lines) + gap, 0);
-    let shown = notes.length;
-    if (cost(shown) - gap > box.height) {
-      shown--;
-      while (shown > 0 && cost(shown) + lead > box.height) shown--;
+// src/charts/strategycharts/BassDiffusionChart.ts
+var _d3 = require('d3');
+
+// src/charts/strategycharts/BassModel.ts
+var LEAST = 3;
+var FLAT = 1e-6;
+var positive = (value) => Number.isFinite(value) && value > 0;
+var BassModel = class _BassModel {
+  /** Periods 1 to `count` of the model. */
+  static run({ p, q, m }, count2) {
+    const periods = [];
+    let adopted = 0;
+    for (let t = 1; t <= count2; t++) {
+      const left = Math.max(0, m - adopted), innovators = Math.min(left, p * left), imitators = Math.min(left - innovators, m > 0 ? q * (adopted / m) * left : 0);
+      adopted += innovators + imitators;
+      periods.push({ t, innovators, imitators, adopters: innovators + imitators, cumulative: adopted });
     }
-    let cut = false;
-    if (shown === 0 && notes.length) {
-      const rows = Math.floor((box.height - pad - (notes.length > 1 ? lead + gap : 0)) / lead);
-      if (rows >= 1) {
-        cut = wrapped[0].length > rows;
-        wrapped[0] = _chunkQ5A2TY2Acjs.FrameworkText.clamp(wrapped[0], rows, width, size);
-        shown = 1;
+    return periods;
+  }
+  /**
+   * Bass's own estimate: least squares of each period's adopters on the total adopted before it and that total squared,
+   * solved for p, q and m. Null with fewer than three periods, or when the fit is not a diffusion: no positive
+   * coefficients, or a market smaller than what has already adopted.
+   */
+  static fit(adopters) {
+    if (adopters.length < LEAST) return null;
+    const total = adopters.reduce((sum5, value) => sum5 + value, 0);
+    if (!positive(total)) return null;
+    let before = 0;
+    const rows = adopters.map((value) => {
+      const x = before / total;
+      before += value;
+      return [1, x, x * x, value];
+    });
+    const normal = [0, 1, 2].map((i) => [...[0, 1, 2].map((j) => rows.reduce((sum5, row) => sum5 + row[i] * row[j], 0)), rows.reduce((sum5, row) => sum5 + row[i] * row[3], 0)]);
+    const solved = _BassModel.#solve(normal);
+    if (!solved) return null;
+    const a = solved[0], b = solved[1] / total, c = solved[2] / (total * total), root = b * b - 4 * a * c;
+    if (!(solved[2] < -FLAT * Math.abs(a)) || !(a > 0) || root < 0) return null;
+    const m = (-b - Math.sqrt(root)) / (2 * c), p = a / m, q = -c * m;
+    return positive(m) && positive(p) && positive(q) && p < 1 && m >= total ? { p, q, m } : null;
+  }
+  /** Gaussian elimination with partial pivoting on an augmented matrix. Null when the rows are not independent. */
+  static #solve(matrix) {
+    const size = matrix.length;
+    for (let column = 0; column < size; column++) {
+      let pivot = column;
+      for (let row = column + 1; row < size; row++) if (Math.abs(matrix[row][column]) > Math.abs(matrix[pivot][column])) pivot = row;
+      if (Math.abs(matrix[pivot][column]) < 1e-12) return null;
+      [matrix[column], matrix[pivot]] = [matrix[pivot], matrix[column]];
+      for (let row = 0; row < size; row++) {
+        if (row === column) continue;
+        const factor = matrix[row][column] / matrix[column][column];
+        for (let k = column; k <= size; k++) matrix[row][k] -= factor * matrix[column][k];
       }
     }
-    let top = box.y;
-    const place = (note, hidden2, lines, key) => {
-      const height = note ? tall(lines) : lead, inset = note ? pad / 2 : 0;
-      const block = { key, box, note, hidden: hidden2, lines, x: box.x + (note ? indent : 0), y: top + inset + size - 1, lead, left: box.x, top, width: box.width, height, size };
-      top += height + gap;
-      return block;
-    };
-    const blocks = notes.slice(0, shown).map((note, i) => place(note, [], wrapped[i], `${box.key}:${i}`));
-    const hidden = notes.slice(shown);
-    if (hidden.length && top + lead <= box.y + box.height + 0.5) blocks.push(place(null, hidden, [`+${hidden.length} more`], `${box.key}:more`));
-    return { blocks, whole: !hidden.length && !cut };
+    return matrix.map((row, i) => row[size] / row[i]);
   }
-  static draw(ctx, name, blocks, style) {
-    const items = ctx.marks(name, "g", blocks, (block) => block.key), tint = (block) => _nullishCoalesce(_optionalChain([block, 'access', _5 => _5.note, 'optionalAccess', _6 => _6.color]), () => ( block.box.color));
-    ctx.hover(items, (block) => {
-      if (block.note) return _chunkQ5A2TY2Acjs.FrameworkText.tip(block.note.text, _nullishCoalesce(block.note.rows, () => ( [])), tint(block));
-      return { title: `${block.hidden.length} more`, color: block.box.color, rows: block.hidden.flatMap((note) => _chunkQ5A2TY2Acjs.FrameworkText.wrap(note.text, TIP_WIDTH, 12).map((line6) => [line6, ""])) };
-    });
-    const carded = (block) => style === "card" && !!block.note;
-    const backs = items.selectAll(":scope > rect").data((block) => [block]).join("rect").attr("rx", 3).attr("fill", (block) => carded(block) ? tint(block) : "transparent").attr("fill-opacity", (block) => carded(block) ? 0.22 : null);
-    ctx.set(backs, { x: (block) => block.left, y: (block) => block.top, width: (block) => block.width, height: (block) => block.height });
-    const dots = items.selectAll("circle").data((block) => style === "bullet" && block.note ? [block] : []).join("circle").attr("r", DOT).attr("fill", tint).attr("stroke", ctx.theme.surface).attr("stroke-width", 2);
-    ctx.set(dots, { cx: (block) => block.left + DOT + 1, cy: (block) => block.top + block.lead / 2 });
-    const body = ctx.text(items.selectAll("text").data((block) => [block]).join("text"), 11, "ink").attr("font-size", (block) => block.size).attr("fill", (block) => block.note ? ctx.theme.ink : ctx.theme.inkSecondary).attr("pointer-events", "none");
-    _chunkQ5A2TY2Acjs.FrameworkText.write(ctx, body);
-    return items;
+  /** The market that makes the model with `p` and `q` reach `total` adopters by the end of period `count`. */
+  static market(p, q, total, count2) {
+    const share = _nullishCoalesce(_optionalChain([_BassModel, 'access', _5 => _5.run, 'call', _6 => _6({ p, q, m: 1 }, count2), 'access', _7 => _7.at, 'call', _8 => _8(-1), 'optionalAccess', _9 => _9.cumulative]), () => ( 0));
+    return share > 0 ? total / share : total;
+  }
+  /** The period in which the model's new adopters peak, or null when it has no periods. */
+  static peak(periods) {
+    return periods.reduce((best, period) => best && best.adopters >= period.adopters ? best : period, null);
+  }
+};
+
+// src/charts/strategycharts/StrategyPane.ts
+var StrategyPane = class {
+  static axis(ctx, name, scale, count2, format) {
+    const ticks = scale.ticks(count2);
+    const grid = ctx.marks(`axis-${name}-grid`, "line", ticks, (tick) => tick).attr("stroke", (tick) => tick === 0 ? ctx.theme.axis : ctx.theme.grid).attr("stroke-width", 1);
+    ctx.set(grid, { x1: 0, x2: ctx.plot.width, y1: (tick) => scale(tick), y2: (tick) => scale(tick) });
+    const labels = ctx.text(ctx.marks(`axis-${name}-ticks`, "text", ticks, (tick) => tick)).attr("dy", "0.32em").attr("text-anchor", "end").text(format);
+    ctx.set(labels, { x: -3, y: (tick) => scale(tick) });
+  }
+  /** Short figures for pane ticks and notes: 261K, 2.1M. */
+  static compact(value) {
+    return Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 }).format(value);
   }
 };
 
@@ -262,20 +283,51 @@ var METHODS = [
 ];
 var PEOPLE = ["Mira V.", "Tobias R.", "Ines H.", "Kofi A.", "Lena B.", "Arun S.", "Yuki M.", "Dara Q.", "Paulo R.", "Greta O.", "Sami N.", "Noor F.", "Elan W.", "Cora L."];
 var TEAMS = ["Sales", "Product", "Operations"];
+var ROUNDS = [
+  ["Founding", []],
+  ["Seed", [["Angel investors", 0.05], ["Halden Seed Fund", 0.14]]],
+  ["Series A", [["Northquill Ventures", 0.2], ["Halden Seed Fund", 0.03], ["Employee pool", 0.06]]],
+  ["Series B", [["Pellmoor Capital", 0.15], ["Northquill Ventures", 0.03], ["Employee pool", 0.03]]]
+];
+var STAGES = [["Backlog", null], ["Ready", 4], ["In progress", 3], ["Review", 2], ["Done", null]];
+var CARDS = [
+  ["Gift card balance", 0, "Checkout", "Feature"],
+  ["Search by ingredient", 0, "Search", "Feature"],
+  ["Archive old orders", 0, "Platform", "Chore"],
+  ["Split shipments", 0, "Checkout", "Feature"],
+  ["Retry failed payments", 1, "Checkout", "Bug"],
+  ["Typo-tolerant search", 1, "Search", "Feature"],
+  ["Rotate signing keys", 1, "Platform", "Chore"],
+  ["Saved carts sync", 2, "Checkout", "Feature"],
+  ["Slow results on mobile", 2, "Search", "Bug"],
+  ["Move queues to new cluster", 2, "Platform", "Chore"],
+  ["Address lookup", 2, "Checkout", "Feature"],
+  ["Tax rounding error", 3, "Checkout", "Bug"],
+  ["Filter by dietary need", 3, "Search", "Feature"],
+  ["One-page checkout", 4, "Checkout", "Feature"],
+  ["Synonym dictionary", 4, "Search", "Feature"],
+  ["Upgrade database", 4, "Platform", "Chore"],
+  ["Empty results page", 4, "Search", "Bug"]
+];
+var OBJECTIVES = [
+  ["Make setup quick for new teams", [["Median setup time under 10 minutes", 72, 0.8], ["Activation rate from 41% to 55%", 48, 0.6], ["Halve setup support tickets", 85, 0.9]]],
+  ["Earn the trust of larger customers", [["Pass the security audit", 90, 0.9], ["Uptime of 99.95% for the quarter", 64, 0.7], ["Sign 6 customers over 500 seats", 33, 0.3], ["Launch single sign-on", 55, 0.5]]],
+  ["Grow revenue from existing accounts", [["Net revenue retention of 112%", 40, 0.5], ["Launch usage-based pricing", 20, 0.3], ["Expansion pipeline of 1.8M", 68, 0.7]]]
+];
 var StrategySamples = class {
   /** `{ technology, position, years }`: place on the cycle from 0 to 100, and years to the plateau or the word Obsolete. */
   static hypeCycle(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return TECHNOLOGIES.map(([technology, position, years]) => ({ technology, position: round(clamp(position + (u() - 0.5) * 6, 1, 99)), years }));
   }
   /** `{ technology, adoption }`: share of the market that has adopted each product, in percent. */
   static adoption(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return PRODUCTS.map(([technology, adoption]) => ({ technology, adoption: round(clamp(adoption + (u() - 0.5) * 6, 1, 99)) }));
   }
   /** `{ feature, category, implementation, satisfaction }` for an invented notes app: implementation 0 to 100, satisfaction -100 to 100. */
   static kano(seed = 1) {
-    const { n } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { n } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return FEATURES.map(([feature, category, level]) => {
       const implementation = clamp(Math.round(level + n() * 4), 0, 100);
       return { feature, category, implementation, satisfaction: clamp(Math.round(KanoCurve.satisfaction(category, implementation / 100) * 100 + n() * 7), -100, 100) };
@@ -283,7 +335,7 @@ var StrategySamples = class {
   }
   /** An invented tea shop's value chain: nodes `{ id, visibility, evolution, evolveTo }` on 0 to 1, links from each component to what it needs. */
   static wardley(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     const nodes = COMPONENTS.map(([id, visibility, evolution, evolveTo]) => {
       const shift = (u() - 0.5) * 0.05;
       return { id, visibility, evolution: round(clamp(evolution + shift, 0.02, 0.98), 3), evolveTo: evolveTo === void 0 ? null : round(clamp(evolveTo + shift, 0.02, 0.98), 3) };
@@ -292,12 +344,12 @@ var StrategySamples = class {
   }
   /** `{ factor, offering, score }`: how much each invented hotel offering gives on each competing factor, 0 to 10. */
   static strategyCanvas(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return OFFERINGS.flatMap(([offering, scores]) => FACTORS.map((factor, i) => ({ factor, offering, score: round(clamp(scores[i] + (u() - 0.5) * 1.2, 0, 10)) })));
   }
   /** `{ force, driver, strength }` for an invented grocery delivery firm: each driver's strength from 1 to 5. */
   static fiveForces(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return FORCES.flatMap(([force, drivers]) => drivers.map(([driver, strength]) => ({ force, driver, strength: clamp(strength + Math.round((u() - 0.5) * 1.6), 1, 5) })));
   }
   /** `{ block, note }` for an invented bike-share scheme, covering the blocks of the business model canvas and of the lean canvas. */
@@ -306,7 +358,7 @@ var StrategySamples = class {
   }
   /** `{ stage, lane, note, emotion }` for an invented mattress brand: emotion runs from -2 to 2 and repeats on each row of a stage. */
   static journey(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return JOURNEY.flatMap(([stage, mood, actions, touchpoints, pains]) => {
       const emotion = clamp(Math.round((mood + (u() - 0.5)) * 2) / 2, -2, 2);
       const lane = (name, notes) => notes.map((note) => ({ stage, lane: name, note, emotion }));
@@ -319,15 +371,57 @@ var StrategySamples = class {
   }
   /** `{ method, basis, low, high, current }`: an invented share's value range by method, with today's price on every row. */
   static footballField(seed = 1) {
-    const { u, n } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u, n } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     const level = 0.9 + u() * 0.2, current = round(42 * level + n(), 2);
     return METHODS.map(([method, basis, low, high]) => ({ method, basis, low: round(low * level + n() * 1.5, 2), high: round(high * level + n() * 1.5, 2), current }));
   }
   /** `{ name, team, performance, potential, tenure }`: invented people rated 0 to 100 on two scales, with years in role. */
   static nineBox(seed = 1) {
-    const { u } = _chunkUMEKIIHJcjs.SampleData.rng(seed);
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
     return PEOPLE.map((name, i) => ({ name, team: TEAMS[i % TEAMS.length], performance: Math.round(8 + u() * 88), potential: Math.round(8 + u() * 88), tenure: round(0.5 + u() * 9) }));
   }
+  /** `{ round, holder, shares }`: the fully diluted shares each holder of an invented company has after each funding round. */
+  static capTable(seed = 1) {
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
+    const held = /* @__PURE__ */ new Map([["Founders", 8e6], ["Employee pool", 1e6]]);
+    return ROUNDS.flatMap(([round2, buyers]) => {
+      const stakes = buyers.map(([holder, stake]) => [holder, stake * (0.85 + u() * 0.3)]);
+      const before = [...held.values()].reduce((sum5, shares) => sum5 + shares, 0), sold = stakes.reduce((sum5, [, stake]) => sum5 + stake, 0);
+      for (const [holder, stake] of stakes) held.set(holder, (_nullishCoalesce(held.get(holder), () => ( 0))) + Math.round(before * stake / (1 - sold) / 1e3) * 1e3);
+      return [...held].map(([holder, shares]) => ({ round: round2, holder, shares }));
+    });
+  }
+  /** `{ month, balance, burn }`: an invented company's month-end cash and net burn over a year, with one month of net inflow. */
+  static burn(seed = 1) {
+    const { u, n } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
+    let balance = Math.round(4600 + u() * 600) * 1e3;
+    return Array.from({ length: 12 }, (_, i) => {
+      const burn = i === 4 ? -Math.round(40 + u() * 60) * 1e3 : Math.round(175 + 11 * i + n() * 22) * 1e3;
+      balance -= burn;
+      return { month: `${i < 2 ? 2025 : 2026}-${String((i + 10) % 12 + 1).padStart(2, "0")}`, balance, burn };
+    });
+  }
+  /** `{ task, stage, lane, kind, owner, limit }`: an invented shop team's board, each card carrying its stage's work-in-progress limit. A few cards move on a stage by seed. */
+  static kanban(seed = 1) {
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
+    return CARDS.map(([task, stage, lane, kind], i) => ({ task, at: Math.min(STAGES.length - 1, stage + (u() < 0.2 ? 1 : 0)), lane, kind, owner: PEOPLE[i % PEOPLE.length] })).sort((a, b) => a.at - b.at).map(({ at, ...card }) => ({ ...card, stage: STAGES[at][0], limit: STAGES[at][1] }));
+  }
+  /** `{ objective, keyResult, progress, confidence }` for an invented software firm's quarter: progress 0 to 100, confidence 0 to 1. */
+  static okr(seed = 1) {
+    const { u } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
+    return OBJECTIVES.flatMap(([objective, results]) => results.map(([keyResult, progress, confidence]) => ({
+      objective,
+      keyResult,
+      progress: clamp(Math.round(progress + (u() - 0.5) * 16), 0, 100),
+      confidence: round(clamp(confidence + (u() - 0.5) * 0.2, 0, 1))
+    })));
+  }
+  /** `{ period, adopters }`: households taking up an invented product in each of its first eight years, drawn from a Bass curve with noise. */
+  static bass(seed = 1) {
+    const { u, n } = _chunkLNWTC72Ycjs.SampleData.rng(seed);
+    const model = BassModel.run({ p: 0.02 + u() * 0.012, q: 0.38 + u() * 0.1, m: Math.round(110 + u() * 40) * 1e3 }, 8);
+    return model.map((period) => ({ period: 2018 + period.t, adopters: Math.max(0, Math.round(period.adopters * (1 + n() * 0.035))) }));
+  }
 };
 
 // src/charts/strategycharts/StrategyWords.ts
@@ -341,6 +435,427 @@ var StrategyWords = class {
   }
 };
 
+// src/charts/strategycharts/BassDiffusionChart.ts
+var BassDiffusionView = /* @__PURE__ */ ((BassDiffusionView2) => {
+  BassDiffusionView2["Both"] = "both";
+  BassDiffusionView2["Adopters"] = "adopters";
+  BassDiffusionView2["Cumulative"] = "cumulative";
+  return BassDiffusionView2;
+})(BassDiffusionView || {});
+var OBSERVED = "Observed";
+var MODEL = "Bass model";
+var SOURCES = ["Innovators", "Imitators"];
+var TITLES = { ["adopters" /* Adopters */]: "New adopters per period", ["cumulative" /* Cumulative */]: "Cumulative adopters" };
+var LIMIT = 60;
+var NEARLY = 0.985;
+var PANE_GAP = 20;
+var SIZE = 10.5;
+var figure = (value) => value.toLocaleString("en", { maximumFractionDigits: Math.abs(value) < 100 ? 1 : 0 });
+var BassDiffusionChart = (_class = class extends _chunkXX2YTCORcjs.CartesianChart {
+  static __initStatic() {this.meta = {
+    id: "bass-diffusion",
+    name: "Bass diffusion curve",
+    family: "trend" /* Trend */,
+    dimension: 2 /* Two */,
+    shape: "table" /* Table */,
+    description: "Fits the Bass model to observed adoptions and draws new adopters per period and the cumulative S-curve, dashed where they run past the data.",
+    tags: ["diffusion of innovations", "adoption", "s-curve", "forecast", "innovation", "imitation", "marketing"],
+    sample: (seed) => StrategySamples.bass(seed),
+    variants: {
+      view: ["both" /* Both */, "adopters" /* Adopters */, "cumulative" /* Cumulative */],
+      split: [false, true],
+      peak: [false, true]
+    }
+  }}
+  #x = null;
+  #ticks = 6;
+  defaults() {
+    return { period: "period", adopters: "adopters", view: "both" /* Both */, split: false, peak: false };
+  }
+  yTicks() {
+    return _nullishCoalesce(this.options.yTicks, () => ( this.#ticks));
+  }
+  /** The panes have a scale each, so with both drawn only the periods can zoom. */
+  zoomAxes() {
+    return this.options.view === "both" /* Both */ ? "x" /* X */ : "xy" /* XY */;
+  }
+  #rows() {
+    const { period, adopters } = this.options;
+    return StrategyRows.of(this.options.data).flatMap((row) => {
+      const seen = StrategyRows.number(row[adopters]);
+      return seen === null ? [] : [{ period: row[period], adopters: Math.max(0, seen) }];
+    });
+  }
+  /** The coefficients in use, and the model run from the first period until nearly the whole market has adopted. */
+  get model() {
+    const { innovation, imitation, market } = this.options, observed = this.#rows().map((row) => row.adopters);
+    const given = (value, most = Infinity) => value !== void 0 && Number.isFinite(value) && value > 0 && value <= most ? value : void 0;
+    const fit = BassModel.fit(observed), total = _d3.sum.call(void 0, observed);
+    const p = _nullishCoalesce(_nullishCoalesce(given(innovation, 1), () => ( _optionalChain([fit, 'optionalAccess', _10 => _10.p]))), () => ( 0.03)), q = _nullishCoalesce(_nullishCoalesce(given(imitation), () => ( _optionalChain([fit, 'optionalAccess', _11 => _11.q]))), () => ( 0.38));
+    const m = _nullishCoalesce(_nullishCoalesce(given(market), () => ( _optionalChain([fit, 'optionalAccess', _12 => _12.m]))), () => ( (total > 0 ? BassModel.market(p, q, total, observed.length) : 100)));
+    const coefficients = { p, q, m }, done = BassModel.run(coefficients, LIMIT).findIndex((period) => period.cumulative >= NEARLY * m);
+    const count2 = Math.max(observed.length + 2, Math.min(LIMIT, Math.max(6, done < 0 ? LIMIT : done + 2)));
+    return { coefficients, fitted: !!fit && [innovation, imitation, market].every((value) => given(value) === void 0), observed, periods: BassModel.run(coefficients, count2) };
+  }
+  /** Names period `t`, counted from 1: the observed names, carried on where they are evenly spaced numbers and as +1, +2 where they are not. */
+  #namer() {
+    const cells = this.#rows().map((row) => row.period), numbers = cells.map((cell) => StrategyRows.number(cell)), step = cells.length > 1 ? numbers[1] - numbers[0] : 1;
+    if (!cells.length) return (t) => `${t}`;
+    if (step && numbers.every((value, i) => value !== null && Math.abs(value - (numbers[0] + i * step)) < 1e-9)) return (t) => `${+(numbers[0] + (t - 1) * step).toFixed(6)}`;
+    return (t) => t <= cells.length ? _chunkQ5A2TY2Acjs.FrameworkText.clean(cells[t - 1]) || `${t}` : `+${t - cells.length}`;
+  }
+  tickFormat(scale) {
+    if (scale !== this.#x) return super.tickFormat(scale);
+    const name = this.#namer(), last = this.model.periods.length;
+    return (value) => Number.isInteger(+value) && +value >= 1 && +value <= last ? _chunkQ5A2TY2Acjs.FrameworkText.fit(name(+value), 64, 11) : "";
+  }
+  #panes(height, { coefficients, observed, periods }) {
+    const { view, peak } = this.options;
+    const kinds = view === "both" /* Both */ ? ["adopters" /* Adopters */, "cumulative" /* Cumulative */] : [view === "cumulative" /* Cumulative */ ? "cumulative" /* Cumulative */ : "adopters" /* Adopters */];
+    const upper = kinds.length > 1 ? Math.round((height - PANE_GAP) * 0.54) : height;
+    return kinds.map((kind, i) => {
+      const top = i ? upper + PANE_GAP : 0, bottom = i ? height : upper, bell = kind === "adopters" /* Adopters */;
+      const head = bell ? peak ? 36 : 18 : i ? 18 : 32;
+      const high = bell ? _d3.max.call(void 0, [...periods.map((period) => period.adopters), ...observed]) : Math.max(coefficients.m, _d3.sum.call(void 0, observed));
+      const scale = _d3.scaleLinear.call(void 0, [0, high || 1], [bottom, Math.min(bottom - 1, top + head)]);
+      return { kind, first: !i, top, bottom, scale: bell ? scale.nice(4) : scale };
+    });
+  }
+  scales(ctx) {
+    const fit = this.model;
+    this.#x = _d3.scaleLinear.call(void 0, [0.5, fit.periods.length + 0.5], [0, ctx.plot.width]);
+    const [first] = this.#panes(ctx.plot.height, fit);
+    const [low, high] = first.scale.range();
+    this.#ticks = Math.max(2, Math.min(6, Math.floor((low - high) / 24)));
+    return { x: this.#x, y: first.scale };
+  }
+  plotMarks(ctx, { x, y }) {
+    const { split, peak } = this.options, { palette, theme, plot } = ctx;
+    const fit = this.model, { observed, periods, coefficients } = fit, name = this.#namer(), seen = observed.length;
+    const colors = { observed: seen ? palette.color(OBSERVED) : theme.inkMuted, model: palette.color(MODEL), sources: split ? SOURCES.map((source) => palette.color(source)) : [] };
+    const panes = this.#panes(plot.height, fit).map((pane) => pane.first ? { ...pane, scale: y } : pane);
+    const top = BassModel.peak(periods);
+    const columns = ctx.marks("periods", "rect", periods, (period) => period.t).attr("fill", "transparent");
+    ctx.set(columns, { x: (period) => x(period.t - 0.5), y: 0, width: (period) => Math.max(0, x(period.t + 0.5) - x(period.t - 0.5)), height: plot.height });
+    ctx.hover(columns, (period) => ({
+      title: name(period.t),
+      color: colors.model,
+      rows: [
+        ...period.t <= seen ? [[OBSERVED, figure(observed[period.t - 1])]] : [],
+        ["Model adopters", figure(period.adopters)],
+        [SOURCES[0], figure(period.innovators)],
+        [SOURCES[1], figure(period.imitators)],
+        ["Cumulative", figure(period.cumulative)],
+        ["Share of market", `${figure(period.cumulative / coefficients.m * 100)}%`]
+      ]
+    }));
+    const words = [];
+    let innovators = 0, counted = 0;
+    const running = periods.map((period) => {
+      innovators += period.innovators;
+      if (period.t <= seen) counted += observed[period.t - 1];
+      return { innovators, counted };
+    });
+    for (const pane of panes) {
+      const bell = pane.kind === "adopters" /* Adopters */;
+      const levels = periods.map((period, i) => bell ? { t: period.t, total: period.adopters, innovators: period.innovators, seen: period.t <= seen ? observed[i] : null } : { t: period.t, total: period.cumulative, innovators: running[i].innovators, seen: period.t <= seen ? running[i].counted : null });
+      if (!pane.first) StrategyPane.axis(ctx, pane.kind, pane.scale, Math.max(2, Math.min(4, Math.floor((pane.bottom - pane.top) / 28))), StrategyPane.compact);
+      words.push(...this.#drawPane(ctx, pane, x, levels, colors, fit, top, name));
+    }
+    words.push(...this.#heading(panes[0], fit, plot.width));
+    const rules = ctx.marks("peak-rule", "line", peak && top ? panes : [], (pane) => pane.kind).attr("stroke", theme.axis).attr("stroke-width", 1);
+    ctx.set(rules, { x1: x(_nullishCoalesce(_optionalChain([top, 'optionalAccess', _13 => _13.t]), () => ( 0))), x2: x(_nullishCoalesce(_optionalChain([top, 'optionalAccess', _14 => _14.t]), () => ( 0))), y1: (pane) => pane.scale.range()[1] - 6, y2: (pane) => pane.bottom });
+    StrategyWords.draw(ctx, "words", words);
+  }
+  /** The pane's title at the left and, on the first pane, the coefficients at the right where they fit beside it. */
+  #heading(pane, { coefficients: { p, q, m }, fitted, observed }, width) {
+    const figures = `p ${p.toFixed(3)}, q ${q.toFixed(3)}, m ${StrategyPane.compact(m)}`, whole = fitted ? `Fitted to ${observed.length} periods: ${figures}` : figures;
+    const room = width - _chunkQ5A2TY2Acjs.FrameworkText.width(TITLES[pane.kind], SIZE) - 24, text = [whole, figures].find((option) => _chunkQ5A2TY2Acjs.FrameworkText.width(option, SIZE) <= room);
+    return text ? [{ key: "coefficients", text, x: width - 2, y: pane.top + 7, anchor: "end", size: SIZE, halo: true }] : [];
+  }
+  #drawPane(ctx, pane, x, levels, colors, { observed, coefficients }, top, name) {
+    const { peak } = this.options, { theme, plot } = ctx, { kind, scale } = pane, bell = kind === "adopters" /* Adopters */;
+    const seen = observed.length, ahead = seen > 0 && seen < levels.length;
+    const spans = ahead ? [{ key: "fit", from: 1, to: seen, faded: false }, { key: "ahead", from: seen, to: levels.length, faded: true }] : [{ key: "fit", from: 1, to: levels.length, faded: false }];
+    const within = (span) => levels.filter((level) => level.t >= span.from && level.t <= span.to);
+    const curve = _chunkPY4R3IFFcjs.Scales.curve("monotone" /* Monotone */);
+    const market = bell ? [] : [coefficients.m];
+    const ceiling = ctx.marks(`axis-${kind}-market`, "line", market).attr("stroke", theme.axis).attr("stroke-dasharray", "4 3");
+    ctx.set(ceiling, { x1: 0, x2: plot.width, y1: (level) => scale(level), y2: (level) => scale(level) });
+    const layers = colors.sources.length ? spans.flatMap((span) => [0, 1].map((source) => ({ key: `${SOURCES[source]}/${span.key}`, source, faded: span.faded, levels: within(span) }))) : [];
+    const stack = _d3.area.call(void 0, ).x((level) => x(level.t)).curve(curve);
+    const fills = ctx.marks(`${kind}-sources`, "path", layers.filter((layer) => layer.levels.length > 1), (layer) => layer.key).attr("fill", (layer) => colors.sources[layer.source]).attr("fill-opacity", (layer) => layer.faded ? 0.28 : 0.72);
+    ctx.set(fills, { d: (layer) => _nullishCoalesce(stack.y0((level) => scale(layer.source ? level.innovators : 0)).y1((level) => scale(layer.source ? level.total : level.innovators))(layer.levels), () => ( "")) });
+    const whole = levels.at(-1);
+    ctx.hover(fills, (layer) => ({
+      title: SOURCES[layer.source],
+      color: colors.sources[layer.source],
+      rows: [["Span", layer.faded ? "Projected" : ahead ? "Fitted to the observed periods" : "Model"], ...whole && !bell ? [["Share of all adopters", `${figure((layer.source ? whole.total - whole.innovators : whole.innovators) / (whole.total || 1) * 100)}%`]] : []]
+    }));
+    const path = _d3.line.call(void 0, ).x((level) => x(level.t)).y((level) => scale(level.total)).curve(curve);
+    const drawn = ctx.marks(`${kind}-model`, "path", spans.filter((span) => !span.faded).map(within).filter((span) => span.length > 1)).attr("fill", "none").attr("stroke", colors.model).attr("stroke-width", 2).attr("stroke-linecap", "round");
+    ctx.set(drawn, { d: (span) => _nullishCoalesce(path(span), () => ( "")) });
+    ctx.drawOn(drawn);
+    const projected = ctx.marks(`${kind}-projection`, "path", spans.filter((span) => span.faded).map(within).filter((span) => span.length > 1)).attr("fill", "none").attr("stroke", colors.model).attr("stroke-width", 2).attr("stroke-dasharray", "6 4");
+    ctx.set(projected, { d: (span) => _nullishCoalesce(path(span), () => ( "")) });
+    const dots = ctx.marks(`${kind}-observed`, "circle", levels.filter((level) => level.seen !== null), (level) => level.t).attr("fill", colors.observed).attr("stroke", theme.surface).attr("stroke-width", 2);
+    ctx.set(dots, { cx: (level) => x(level.t), cy: (level) => scale(level.seen), r: 4 }, { r: 0 }, 12);
+    ctx.hover(dots, (level) => ({ title: name(level.t), color: colors.observed, rows: [[OBSERVED, figure(level.seen)], ["Model", figure(level.total)]] }));
+    const crest = peak && top ? levels.filter((level) => level.t === top.t) : [];
+    const turn = ctx.marks(`${kind}-peak`, "circle", crest, (level) => level.t).attr("fill", colors.model).attr("stroke", theme.surface).attr("stroke-width", 2);
+    ctx.set(turn, { cx: (level) => x(level.t), cy: (level) => scale(level.total), r: 5 }, { r: 0 });
+    ctx.hover(turn, (level) => ({ title: `Peak in ${name(level.t)}`, color: colors.model, rows: [["New adopters", figure(top.adopters)], ["Adopted by then", figure(top.cumulative)]] }));
+    const title = { key: `title/${kind}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(TITLES[kind], plot.width - 4, SIZE), x: 2, y: pane.top + 7, size: SIZE, weight: 600, tone: "ink", halo: true };
+    const words = [title];
+    if (!bell) {
+      const text = `Market potential ${StrategyPane.compact(coefficients.m)}`;
+      if (_chunkQ5A2TY2Acjs.FrameworkText.width(text, SIZE) + _chunkQ5A2TY2Acjs.FrameworkText.width(TITLES[kind], SIZE) + 24 <= plot.width || pane.first) words.push({ key: `market/${kind}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(text, plot.width - 4, SIZE), x: plot.width - 2, y: scale(coefficients.m) - 8, anchor: "end", size: SIZE, halo: true });
+    }
+    for (const level of crest) {
+      const text = `Peak ${name(level.t)}`, at = x(level.t), half = _chunkQ5A2TY2Acjs.FrameworkText.width(text, SIZE) / 2;
+      if (bell) words.push({ key: `peak/${kind}`, text, x: StrategyRows.clamp(at, half, Math.max(half, plot.width - half)), y: scale.range()[1] - 13, anchor: "middle", size: SIZE, weight: 600, tone: "ink", halo: true });
+      else if (pane.first && at + 10 + half * 2 <= plot.width) words.push({ key: `peak/${kind}`, text, x: at + 10, y: scale(level.total) + 9, size: SIZE, weight: 600, tone: "ink", halo: true });
+    }
+    return words;
+  }
+}, _class.__initStatic(), _class);
+
+// src/charts/strategycharts/BurnRunwayChart.ts
+
+var BurnRunwayBalance = /* @__PURE__ */ ((BurnRunwayBalance2) => {
+  BurnRunwayBalance2["Area"] = "area";
+  BurnRunwayBalance2["Line"] = "line";
+  return BurnRunwayBalance2;
+})(BurnRunwayBalance || {});
+var BurnRunwayLayout = /* @__PURE__ */ ((BurnRunwayLayout2) => {
+  BurnRunwayLayout2["Panels"] = "panels";
+  BurnRunwayLayout2["Overlay"] = "overlay";
+  return BurnRunwayLayout2;
+})(BurnRunwayLayout || {});
+var CASH = "Cash balance";
+var BURN = "Net burn";
+var SHARE = 0.64;
+var PANE_GAP2 = 18;
+var THICK = 28;
+var TICK = 42;
+var MONTH = new Intl.DateTimeFormat("en", { month: "short", year: "2-digit" });
+var figure2 = (value) => value.toLocaleString("en", { maximumFractionDigits: 1 });
+var lasting = (value) => `${figure2(value)} ${figure2(value) === "1" ? "month" : "months"}`;
+var BurnRunwayChart = (_class2 = class _BurnRunwayChart extends _chunkXX2YTCORcjs.CartesianChart {
+  static __initStatic2() {this.meta = {
+    id: "burn-runway",
+    name: "Burn and runway chart",
+    family: "financial" /* Financial */,
+    dimension: 2 /* Two */,
+    shape: "table" /* Table */,
+    description: "Plots month-end cash and monthly net burn, then extends the balance as a dashed line at the mean burn of the latest months to where it reaches zero.",
+    tags: ["cash", "burn rate", "runway", "start-up", "projection", "finance"],
+    sample: (seed) => StrategySamples.burn(seed),
+    variants: {
+      balanceMark: ["area" /* Area */, "line" /* Line */],
+      layout: ["panels" /* Panels */, "overlay" /* Overlay */],
+      window: [3, 6]
+    }
+  }}
+  /** Months until `balance` reaches zero at `rate` a month: 0 when it already has, null when the rate is not a burn. */
+  static runway(balance, rate) {
+    if (balance <= 0) return 0;
+    return rate !== null && rate > 0 ? balance / rate : null;
+  }
+  static #date(cell) {
+    if (cell instanceof Date) return Number.isNaN(+cell) ? null : cell;
+    const parts = /^(\d{4})-(\d{1,2})(?:-\d{1,2})?$/.exec(String(_nullishCoalesce(cell, () => ( ""))).trim());
+    return parts && +parts[2] >= 1 && +parts[2] <= 12 ? new Date(+parts[1], +parts[2] - 1, 1) : null;
+  }
+  /** `high` rounded up to a tick, leaving the low end of the axis where the data puts it: a month of net inflow should not open a whole step under zero. */
+  static #rounded(high, ticks) {
+    return high > 0 ? _d3.scaleLinear.call(void 0, ).domain([0, high]).nice(ticks).domain()[1] : high;
+  }
+  #every = 1;
+  #ticks = 6;
+  defaults() {
+    return { month: "month", balance: "balance", burn: "burn", balanceMark: "area" /* Area */, layout: "panels" /* Panels */, window: 3 };
+  }
+  yTicks() {
+    return _nullishCoalesce(this.options.yTicks, () => ( this.#ticks));
+  }
+  /** The pane under the balance has its own scale, so only the months can zoom. */
+  zoomAxes() {
+    return "x" /* X */;
+  }
+  /** The recorded months in order, each with its net burn where one is stated or can be worked out. */
+  get months() {
+    const { month, balance, burn } = this.options;
+    let before = null;
+    return StrategyRows.of(this.options.data).flatMap((row, i) => {
+      const cash = StrategyRows.number(row[balance]);
+      if (cash === null) return [];
+      const date = _BurnRunwayChart.#date(row[month]), fall = before === null ? null : before - cash;
+      before = cash;
+      return [{ label: date ? MONTH.format(date) : _chunkQ5A2TY2Acjs.FrameworkText.clean(row[month]) || `${i + 1}`, date, balance: cash, burn: _nullishCoalesce(StrategyRows.number(row[burn]), () => ( fall)) }];
+    });
+  }
+  get outlook() {
+    const recorded = this.months, last = recorded.at(-1), { window } = this.options;
+    const recent = recorded.slice(-(Number.isFinite(window) ? Math.max(1, Math.round(window)) : 3)).flatMap((month) => _nullishCoalesce(month.burn, () => ( []))), rate = _nullishCoalesce(_d3.mean.call(void 0, recent), () => ( null));
+    const runway = last ? _BurnRunwayChart.runway(last.balance, rate) : null;
+    const reach = runway === null || rate === null ? 0 : Math.min(runway, Math.max(6, recorded.length * 2));
+    const ahead = reach > 0 ? [..._d3.range.call(void 0, 0, Math.floor(reach) + 1), ...Number.isInteger(reach) ? [] : [reach]] : [];
+    return { rate, averaged: recent.length, months: runway, path: ahead.map((step) => ({ ahead: step, balance: step === runway ? 0 : last.balance - rate * step })) };
+  }
+  /** A label per band: the recorded months, then the months of the projection. */
+  #labels(recorded, { path }) {
+    const from = _optionalChain([recorded, 'access', _15 => _15.at, 'call', _16 => _16(-1), 'optionalAccess', _17 => _17.date]);
+    return [...recorded.map((month) => month.label), ..._d3.range.call(void 0, 1, Math.ceil(_nullishCoalesce(_optionalChain([path, 'access', _18 => _18.at, 'call', _19 => _19(-1), 'optionalAccess', _20 => _20.ahead]), () => ( 0))) + 1).map((step) => from ? MONTH.format(new Date(from.getFullYear(), from.getMonth() + step, 1)) : `+${step}`)];
+  }
+  tickFormat(scale) {
+    if (!("bandwidth" in scale)) return super.tickFormat(scale);
+    const labels = this.#labels(this.months, this.outlook);
+    return (key) => +key % this.#every ? "" : _chunkQ5A2TY2Acjs.FrameworkText.fit(_nullishCoalesce(labels[+key], () => ( "")), TICK * this.#every, 11);
+  }
+  #pane(height, recorded, rate) {
+    const burns = recorded.flatMap((month) => _nullishCoalesce(month.burn, () => ( []))), low = Math.min(0, _nullishCoalesce(_d3.min.call(void 0, burns), () => ( 0))), high = Math.max(0, _nullishCoalesce(_d3.max.call(void 0, burns), () => ( 0)), _nullishCoalesce(rate, () => ( 0)));
+    return _d3.scaleLinear.call(void 0, [low, _BurnRunwayChart.#rounded(high > low ? high : low + 1, 4)], [height, Math.round(height * SHARE) + PANE_GAP2]);
+  }
+  scales(ctx) {
+    const recorded = this.months, outlook = this.outlook, overlay = this.options.layout === "overlay" /* Overlay */;
+    const x = _d3.scaleBand.call(void 0, this.#labels(recorded, outlook).map((_, i) => `${i}`), [0, ctx.plot.width]).paddingInner(0.3).paddingOuter(0.2);
+    this.#every = Math.max(1, Math.ceil(TICK / Math.max(1, x.step())));
+    const values = [...recorded.map((month) => month.balance), ...overlay ? recorded.flatMap((month) => _nullishCoalesce(month.burn, () => ( []))) : []];
+    const low = Math.min(0, _nullishCoalesce(_d3.min.call(void 0, values), () => ( 0))), high = _nullishCoalesce(_d3.max.call(void 0, values), () => ( 1)), base = overlay ? ctx.plot.height : Math.round(ctx.plot.height * SHARE);
+    this.#ticks = Math.max(2, Math.min(6, Math.floor(base / 24)));
+    return { x, y: _d3.scaleLinear.call(void 0, [low, _BurnRunwayChart.#rounded(high > low ? high : low + 1, this.#ticks)], [base, 0]) };
+  }
+  plotMarks(ctx, { x, y }) {
+    const { balanceMark, layout } = this.options, { palette, theme, plot } = ctx;
+    const recorded = this.months, outlook = this.outlook, { rate, path } = outlook, labels = this.#labels(recorded, outlook);
+    const cash = palette.color(CASH), spend = palette.color(BURN), latest = recorded.length - 1;
+    const pane = layout === "overlay" /* Overlay */ ? y : this.#pane(plot.height, recorded, rate);
+    const centre = (index) => (_nullishCoalesce(x(`${Math.floor(index)}`), () => ( 0))) + x.bandwidth() / 2 + (index - Math.floor(index)) * x.step();
+    const told = (month) => ({ title: month.label, rows: [[CASH, StrategyPane.compact(month.balance)], ...month.burn === null ? [] : [[BURN, StrategyPane.compact(month.burn)]]] });
+    if (pane !== y) StrategyPane.axis(ctx, "burn", pane, 2, StrategyPane.compact);
+    const edge = path.length ? [centre(latest) + x.step() / 2] : [];
+    const divider = ctx.marks("axis-now", "line", edge).attr("stroke", theme.axis).attr("stroke-dasharray", "2 3");
+    ctx.set(divider, { x1: (at) => at, x2: (at) => at, y1: 0, y2: plot.height });
+    const frame = new (0, _chunkNEXADWQScjs.BarFrame)(true, pane, x), thick = Math.min(x.bandwidth(), THICK);
+    const spent = recorded.flatMap((month, i) => month.burn === null ? [] : [{ key: `${i}`, month, burn: month.burn }]);
+    const bars = ctx.marks("burn", "path", spent, (bar) => bar.key).attr("fill", spend);
+    ctx.set(bars, { d: (bar) => frame.bar(centre(+bar.key) - thick / 2, thick, 0, bar.burn, 3) }, { d: (bar) => frame.bar(centre(+bar.key) - thick / 2, thick, 0, 0, 0) }, 10);
+    ctx.hover(bars, (bar) => ({ ...told(bar.month), color: spend }));
+    const averaged = rate === null ? [] : [{ from: centre(Math.max(0, recorded.length - outlook.averaged)) - x.step() / 2, to: path.length ? centre(latest + path.at(-1).ahead) : centre(latest) + x.step() / 2 }];
+    const level = ctx.marks("burn-rate", "line", averaged).attr("stroke", spend).attr("stroke-width", 1.5).attr("stroke-dasharray", "5 4");
+    ctx.set(level, { x1: (span) => span.from, x2: (span) => span.to, y1: pane(_nullishCoalesce(rate, () => ( 0))), y2: pane(_nullishCoalesce(rate, () => ( 0))) });
+    ctx.hover(level, () => ({ title: "Recent burn rate", color: spend, rows: [["Mean net burn", `${StrategyPane.compact(_nullishCoalesce(rate, () => ( 0)))} a month`], ["Months averaged", outlook.averaged]] }));
+    const past = recorded.map((month, i) => [centre(i), y(month.balance)]), ahead = path.map((step) => [centre(latest + step.ahead), y(step.balance)]);
+    const under = _d3.area.call(void 0, ).x((point) => point[0]).y0(y(0)).y1((point) => point[1]);
+    const filled = balanceMark === "area" /* Area */ ? [{ key: "recorded", points: past, opacity: 0.2 }, { key: "projected", points: ahead, opacity: 0.08 }].filter((part) => part.points.length > 1) : [];
+    const fills = ctx.marks("balance-area", "path", filled, (part) => part.key).attr("fill", cash).attr("fill-opacity", (part) => part.opacity);
+    ctx.set(fills, { d: (part) => _nullishCoalesce(under(part.points), () => ( "")) });
+    const traced = ctx.marks("balance", "path", past.length > 1 ? [past] : []).attr("fill", "none").attr("stroke", cash).attr("stroke-width", 2).attr("stroke-linejoin", "round");
+    ctx.set(traced, { d: (points2) => _nullishCoalesce(_d3.line.call(void 0, )(points2), () => ( "")) });
+    ctx.drawOn(traced);
+    ctx.hover(traced, () => ({ title: CASH, color: cash, rows: [["Latest", StrategyPane.compact(recorded[latest].balance)], ["Months recorded", recorded.length]] }));
+    const runway = outlook.months === null ? "None at this rate" : lasting(outlook.months);
+    const dashed = ctx.marks("projection", "path", ahead.length > 1 ? [ahead] : []).attr("fill", "none").attr("stroke", cash).attr("stroke-width", 2).attr("stroke-dasharray", "6 4");
+    ctx.set(dashed, { d: (points2) => _nullishCoalesce(_d3.line.call(void 0, )(points2), () => ( "")) });
+    ctx.hover(dashed, () => ({ title: "Balance at the recent burn rate", color: cash, rows: [["Burn rate", `${StrategyPane.compact(_nullishCoalesce(rate, () => ( 0)))} a month`], ["Runway", runway]] }));
+    const dotted = recorded.map((month, i) => ({ key: `${i}`, month, at: past[i] })).filter((dot, i) => i === latest || balanceMark === "line" /* Line */ && x.step() >= 12);
+    const dots = ctx.marks("months", "circle", dotted, (dot) => dot.key).attr("fill", cash).attr("stroke", theme.surface).attr("stroke-width", 2);
+    ctx.set(dots, { cx: (dot) => dot.at[0], cy: (dot) => dot.at[1], r: 4 }, { r: 0 }, 10);
+    ctx.hover(dots, (dot) => ({ ...told(dot.month), color: cash }));
+    const spentOut = path.length && path.at(-1).ahead === outlook.months ? [ahead.at(-1)] : [];
+    const end = ctx.marks("cash-out", "circle", spentOut).attr("fill", theme.surface).attr("stroke", cash).attr("stroke-width", 2);
+    ctx.set(end, { cx: (point) => point[0], cy: (point) => point[1], r: 4.5 }, { r: 0 });
+    ctx.hover(end, () => ({ title: `Reaches zero in ${labels.at(-1)}`, color: cash, rows: [["Runway", runway], ["Burn rate", `${StrategyPane.compact(_nullishCoalesce(rate, () => ( 0)))} a month`]] }));
+    StrategyWords.draw(ctx, "notes", this.#notes(recorded, outlook, plot.width));
+  }
+  /** The runway in words: at the right over the projection, or at the left when there is none to draw. */
+  #notes(recorded, { rate, averaged, months: runway, path }, width) {
+    if (!recorded.length) return [];
+    const span = averaged === 1 ? "month" : `${averaged} months`, room = Math.min(width - 8, width * 0.6);
+    const rated = (lead, burn) => [`, the mean of the last ${span}`, ` (${averaged}-month mean)`, ""].map((tail) => `${lead} ${StrategyPane.compact(burn)} a month${tail}`).filter((text) => _chunkQ5A2TY2Acjs.FrameworkText.width(text, 10.5) <= room).slice(0, 1);
+    const lines = path.length ? [`Runway ${lasting(runway)}`, ...rated("at", rate)] : runway === 0 ? ["Balance is at or below zero"] : rate === null ? ["No net burn recorded to project from"] : ["Cash is not falling at the recent rate", ...rated("net burn", rate)];
+    return lines.map((text, row) => ({
+      key: `note/${row}`,
+      text: _chunkQ5A2TY2Acjs.FrameworkText.fit(text, width - 8, 11),
+      full: text,
+      x: path.length ? width - 2 : 4,
+      y: 7 + row * 14,
+      anchor: path.length ? "end" : "start",
+      size: row ? 10.5 : 11.5,
+      weight: row ? 400 : 600,
+      tone: row ? "secondary" : "ink",
+      halo: true
+    }));
+  }
+}, _class2.__initStatic2(), _class2);
+
+// src/charts/strategycharts/StrategyNotes.ts
+var SIZES = [11, 10, 9];
+var DOT = 3;
+var INDENT = 10;
+var CARD_PAD = 4;
+var TIP_WIDTH = 320;
+var StrategyNotes = class _StrategyNotes {
+  static plan(boxes, style) {
+    let blocks = [];
+    for (const size of SIZES) {
+      const filled = boxes.map((box) => _StrategyNotes.#fill(box, size, style));
+      blocks = filled.flatMap((fill) => fill.blocks);
+      if (filled.every((fill) => fill.whole)) break;
+    }
+    return blocks;
+  }
+  static #fill(box, size, style) {
+    const { notes } = box, lead = Math.round(size * 1.25), pad = style === "card" ? CARD_PAD : 0, gap = style === "bullet" ? 2 : 3;
+    const indent = style === "bullet" ? INDENT : pad, width = box.width - indent - pad;
+    if (width < size * 2 || box.height < lead) return { blocks: [], whole: !notes.length };
+    const wrapped = notes.map((note) => _chunkQ5A2TY2Acjs.FrameworkText.wrap(note.text, width, size));
+    const tall = (lines) => lines.length * lead + pad;
+    const cost = (count2) => wrapped.slice(0, count2).reduce((sum5, lines) => sum5 + tall(lines) + gap, 0);
+    let shown = notes.length;
+    if (cost(shown) - gap > box.height) {
+      shown--;
+      while (shown > 0 && cost(shown) + lead > box.height) shown--;
+    }
+    let cut = false;
+    if (shown === 0 && notes.length) {
+      const rows = Math.floor((box.height - pad - (notes.length > 1 ? lead + gap : 0)) / lead);
+      if (rows >= 1) {
+        cut = wrapped[0].length > rows;
+        wrapped[0] = _chunkQ5A2TY2Acjs.FrameworkText.clamp(wrapped[0], rows, width, size);
+        shown = 1;
+      }
+    }
+    let top = box.y;
+    const place = (note, hidden2, lines, key) => {
+      const height = note ? tall(lines) : lead, inset = note ? pad / 2 : 0;
+      const block = { key, box, note, hidden: hidden2, lines, x: box.x + (note ? indent : 0), y: top + inset + size - 1, lead, left: box.x, top, width: box.width, height, size };
+      top += height + gap;
+      return block;
+    };
+    const blocks = notes.slice(0, shown).map((note, i) => place(note, [], wrapped[i], `${box.key}:${i}`));
+    const hidden = notes.slice(shown);
+    if (hidden.length && top + lead <= box.y + box.height + 0.5) blocks.push(place(null, hidden, [`+${hidden.length} more`], `${box.key}:more`));
+    return { blocks, whole: !hidden.length && !cut };
+  }
+  static draw(ctx, name, blocks, style) {
+    const items = ctx.marks(name, "g", blocks, (block) => block.key), tint = (block) => _nullishCoalesce(_optionalChain([block, 'access', _21 => _21.note, 'optionalAccess', _22 => _22.color]), () => ( block.box.color));
+    ctx.hover(items, (block) => {
+      if (block.note) return _chunkQ5A2TY2Acjs.FrameworkText.tip(block.note.text, _nullishCoalesce(block.note.rows, () => ( [])), tint(block));
+      return { title: `${block.hidden.length} more`, color: block.box.color, rows: block.hidden.flatMap((note) => _chunkQ5A2TY2Acjs.FrameworkText.wrap(note.text, TIP_WIDTH, 12).map((line8) => [line8, ""])) };
+    });
+    const carded = (block) => style === "card" && !!block.note;
+    const backs = items.selectAll(":scope > rect").data((block) => [block]).join("rect").attr("rx", 3).attr("fill", (block) => carded(block) ? tint(block) : "transparent").attr("fill-opacity", (block) => carded(block) ? 0.22 : null);
+    ctx.set(backs, { x: (block) => block.left, y: (block) => block.top, width: (block) => block.width, height: (block) => block.height });
+    const dots = items.selectAll("circle").data((block) => style === "bullet" && block.note ? [block] : []).join("circle").attr("r", DOT).attr("fill", tint).attr("stroke", ctx.theme.surface).attr("stroke-width", 2);
+    ctx.set(dots, { cx: (block) => block.left + DOT + 1, cy: (block) => block.top + block.lead / 2 });
+    const body = ctx.text(items.selectAll("text").data((block) => [block]).join("text"), 11, "ink").attr("font-size", (block) => block.size).attr("fill", (block) => block.note ? ctx.theme.ink : ctx.theme.inkSecondary).attr("pointer-events", "none");
+    _chunkQ5A2TY2Acjs.FrameworkText.write(ctx, body);
+    return items;
+  }
+};
+
 // src/charts/strategycharts/BusinessModelCanvas.ts
 var BusinessModelCanvasKind = /* @__PURE__ */ ((BusinessModelCanvasKind2) => {
   BusinessModelCanvasKind2["BusinessModel"] = "business-model";
@@ -352,7 +867,7 @@ var BusinessModelCanvasNotes = /* @__PURE__ */ ((BusinessModelCanvasNotes2) => {
   BusinessModelCanvasNotes2["Sticky"] = "sticky";
   return BusinessModelCanvasNotes2;
 })(BusinessModelCanvasNotes || {});
-var slot = (name, short, area3, step, column, row, columns, rows, pattern) => ({ name, short, area: area3, step, column, row, columns, rows, pattern });
+var slot = (name, short, area5, step, column, row, columns, rows, pattern) => ({ name, short, area: area5, step, column, row, columns, rows, pattern });
 var finances = (cost, revenue) => [slot("Cost Structure", "Costs", "Finances", cost, 0, 2, 5, 1, /cost/), slot("Revenue Streams", "Revenue", "Finances", revenue, 5, 2, 5, 1, /revenue/)];
 var SLOTS = {
   ["business-model" /* BusinessModel */]: [
@@ -382,8 +897,8 @@ var GAP = 4;
 var PAD = 4;
 var HEAD_SIZE = 10;
 var BADGE = 7;
-var BusinessModelCanvas = (_class = class extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic() {this.meta = {
+var BusinessModelCanvas = (_class3 = class extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic3() {this.meta = {
     id: "business-model-canvas",
     name: "Business model canvas",
     family: "matrix" /* Matrix */,
@@ -459,10 +974,211 @@ var BusinessModelCanvas = (_class = class extends _chunkEEF5WRRZcjs.Chart2D {
     const style = noteStyle === "sticky" /* Sticky */ ? "card" : "bullet";
     StrategyNotes.draw(ctx, "notes", StrategyNotes.plan(lists, style), style);
   }
-}, _class.__initStatic(), _class);
+}, _class3.__initStatic3(), _class3);
+
+// src/charts/strategycharts/CapTableChart.ts
+
+var CapTableView = /* @__PURE__ */ ((CapTableView2) => {
+  CapTableView2["Rounds"] = "rounds";
+  CapTableView2["Single"] = "single-round";
+  CapTableView2["Dilution"] = "dilution";
+  return CapTableView2;
+})(CapTableView || {});
+var CapTableBasis = /* @__PURE__ */ ((CapTableBasis2) => {
+  CapTableBasis2["Percent"] = "percent";
+  CapTableBasis2["Shares"] = "shares";
+  return CapTableBasis2;
+})(CapTableBasis || {});
+var LATEST = "Latest";
+var SINGLE = 84;
+var SIZE2 = 10.5;
+var HEAD = 14;
+var figure3 = (value, digits = 1) => value.toLocaleString("en", { maximumFractionDigits: digits });
+var percent = (share, digits = 1) => `${figure3(share * 100, digits)}%`;
+var points = (change) => `${change > 0 ? "+" : change < 0 ? "\u2212" : ""}${figure3(Math.abs(change) * 100)} pts`;
+var count = (shares) => Intl.NumberFormat("en", { notation: "compact", maximumFractionDigits: 1 }).format(shares);
+var CapTableChart = (_class4 = class _CapTableChart extends _chunkXX2YTCORcjs.CartesianChart {
+  static __initStatic4() {this.meta = {
+    id: "cap-table",
+    name: "Cap table chart",
+    family: "composition" /* Composition */,
+    dimension: 2 /* Two */,
+    shape: "table" /* Table */,
+    description: "Stacks each holder's share of the fully diluted total for every funding round, with ribbons that show dilution from one round to the next.",
+    tags: ["capitalisation table", "ownership", "dilution", "funding rounds", "equity", "start-up"],
+    sample: (seed) => StrategySamples.capTable(seed),
+    variants: {
+      view: ["rounds" /* Rounds */, "single-round" /* Single */, "dilution" /* Dilution */],
+      orientation: ["vertical" /* Vertical */, "horizontal" /* Horizontal */],
+      basis: ["percent" /* Percent */, "shares" /* Shares */],
+      ribbons: [true, false]
+    },
+    /** One bar has no neighbour to join and the same proportions on either basis, and the waterfall is in points of ownership. */
+    valid: (values) => values.view === "rounds" /* Rounds */ || values.basis === "percent" /* Percent */ && values.ribbons === true
+  }}
+  /** The waterfall of `holder`'s ownership: its share after the first round it holds in, the change at each later round, and where it stands. */
+  static dilution(rounds, holder) {
+    const shares = rounds.map((round2) => _nullishCoalesce(_optionalChain([round2, 'access', _23 => _23.stakes, 'access', _24 => _24.find, 'call', _25 => _25((stake) => stake.holder === holder), 'optionalAccess', _26 => _26.share]), () => ( 0))), first = shares.findIndex((share) => share > 0);
+    if (first < 0) return [];
+    const steps = shares.slice(first).map((share, i) => ({ label: rounds[first + i].round, from: i ? shares[first + i - 1] : 0, to: share, total: !i }));
+    return steps.length > 1 ? [...steps, { label: LATEST, from: 0, to: shares.at(-1), total: true }] : steps;
+  }
+  #room = 84;
+  defaults() {
+    return { round: "round", holder: "holder", shares: "shares", view: "rounds" /* Rounds */, orientation: "vertical" /* Vertical */, basis: "percent" /* Percent */, ribbons: true };
+  }
+  get #vertical() {
+    return this.options.orientation !== "horizontal" /* Horizontal */;
+  }
+  #ledger() {
+    const { round: round2, holder, shares } = this.options;
+    const held = /* @__PURE__ */ new Map(), holders = /* @__PURE__ */ new Set();
+    for (const row of StrategyRows.of(this.options.data)) {
+      const name = _chunkQ5A2TY2Acjs.FrameworkText.clean(row[round2]), who = _chunkQ5A2TY2Acjs.FrameworkText.clean(row[holder]), amount = StrategyRows.number(row[shares]);
+      if (!name || !who || amount === null || amount < 0) continue;
+      holders.add(who);
+      const stakes = _nullishCoalesce(held.get(name), () => ( /* @__PURE__ */ new Map()));
+      held.set(name, stakes.set(who, (_nullishCoalesce(stakes.get(who), () => ( 0))) + amount));
+    }
+    let earlier = null;
+    const rounds = [...held].map(([name, stakes]) => {
+      const total = _d3.sum.call(void 0, stakes.values()), before = earlier;
+      const listed = [...holders].filter((who) => stakes.get(who)).map((who) => ({ round: name, holder: who, shares: stakes.get(who), share: stakes.get(who) / total, before: before ? _nullishCoalesce(before.get(who), () => ( 0)) : null }));
+      earlier = new Map(listed.map((stake) => [stake.holder, stake.share]));
+      return { round: name, total, stakes: listed };
+    });
+    return { rounds, holders: [...holders] };
+  }
+  /** Each round in order, with every holder's stake in it. */
+  get rounds() {
+    return this.#ledger().rounds;
+  }
+  /** What the view draws: the stacked slices of the rounds shown, or the steps of the followed holder's waterfall. */
+  #plan() {
+    const { view, basis, focusRound, focusHolder } = this.options, { rounds, holders } = this.#ledger();
+    const holder = holders.includes(_nullishCoalesce(focusHolder, () => ( ""))) ? focusHolder : _nullishCoalesce(holders[0], () => ( ""));
+    if (view === "dilution" /* Dilution */) return { rounds, holders, holder, shown: [], slices: [], steps: _CapTableChart.dilution(rounds, holder).map((step, i) => ({ ...step, key: `${i}` })) };
+    const shown = view === "single-round" /* Single */ ? rounds.filter((round2, i) => rounds.some((other) => other.round === focusRound) ? round2.round === focusRound : i === rounds.length - 1) : rounds;
+    const slices = shown.flatMap((round2) => {
+      let at = 0;
+      return round2.stakes.map((stake, i) => {
+        const from = at;
+        at += basis === "shares" /* Shares */ ? stake.shares : stake.share * 100;
+        return { key: `${stake.round}/${stake.holder}`, stake, from, to: at, outer: i === round2.stakes.length - 1 };
+      });
+    });
+    return { rounds, holders, holder, shown, slices, steps: [] };
+  }
+  get #stepped() {
+    return this.options.view === "dilution" /* Dilution */;
+  }
+  /** The followed holder is named over the waterfall, where a legend of one entry would not show. */
+  plotMargin() {
+    const base = super.plotMargin();
+    return { ...base, top: base.top + (this.#stepped ? HEAD : 0) };
+  }
+  legendItems() {
+    return this.#stepped ? [] : super.legendItems();
+  }
+  tickFormat(scale) {
+    if ("bandwidth" in scale) {
+      const steps = this.#stepped ? this.#plan().steps : null;
+      return (name) => _chunkQ5A2TY2Acjs.FrameworkText.fit(steps ? _nullishCoalesce(_optionalChain([steps, 'access', _27 => _27[+name], 'optionalAccess', _28 => _28.label]), () => ( "")) : String(name), this.#room, 11);
+    }
+    return this.#stepped || this.options.basis !== "shares" /* Shares */ ? (value) => `${figure3(+value)}%` : super.tickFormat(scale);
+  }
+  scales(ctx) {
+    const { view, basis, ribbons } = this.options, vertical = this.#vertical, { width, height } = ctx.plot;
+    const { steps, shown } = this.#plan();
+    const names = this.#stepped ? steps.map((step) => step.key) : shown.map((round2) => round2.round);
+    const top = this.#stepped ? (_nullishCoalesce(_d3.max.call(void 0, steps, (step) => Math.max(step.from, step.to)), () => ( 1))) * 125 : basis === "shares" /* Shares */ ? _d3.max.call(void 0, shown, (round2) => round2.total) || 1 : 100;
+    const band = _d3.scaleBand.call(void 0, names, [0, vertical ? width : height]).padding(view === "rounds" /* Rounds */ && ribbons ? 0.45 : 0.3);
+    const value = _d3.scaleLinear.call(void 0, [0, top], vertical ? [height, 0] : [0, width]);
+    this.#room = vertical ? Math.max(12, band.step() - 6) : 84;
+    return vertical ? { x: band, y: value } : { x: value, y: band };
+  }
+  plotMarks(ctx, { x, y }) {
+    const { view, basis, ribbons } = this.options, { palette, theme, plot } = ctx;
+    const vertical = this.#vertical, frame = new (0, _chunkNEXADWQScjs.BarFrame)(vertical, vertical ? y : x, vertical ? x : y);
+    const { rounds, holders, holder, slices, steps } = this.#plan();
+    for (const name of holders) palette.color(name);
+    const thick = view === "single-round" /* Single */ ? Math.min(frame.thick, SINGLE) : frame.thick;
+    const at = (name) => (_nullishCoalesce(frame.band(name), () => ( 0))) + (frame.thick - thick) / 2;
+    const joins = view === "rounds" /* Rounds */ && ribbons ? slices.flatMap((left) => {
+      const next = rounds[rounds.findIndex((round2) => round2.round === left.stake.round) + 1];
+      const right = next && slices.find((slice) => slice.stake.round === next.round && slice.stake.holder === left.stake.holder);
+      return right ? [{ key: left.key, holder: left.stake.holder, left, right }] : [];
+    }) : [];
+    const ribbon = ({ left, right }) => {
+      const near = at(left.stake.round) + thick, far = at(right.stake.round);
+      return `M${frame.point(near, left.from)}L${frame.point(near, left.to)}L${frame.point(far, right.to)}L${frame.point(far, right.from)}Z`;
+    };
+    const bands = ctx.marks("ribbons", "path", joins, (join) => join.key).attr("fill", (join) => palette.color(join.holder)).attr("fill-opacity", 0.22);
+    ctx.set(bands, { d: ribbon });
+    ctx.hover(bands, ({ left, right }) => ({
+      title: left.stake.holder,
+      color: palette.color(left.stake.holder),
+      rows: [[left.stake.round, percent(left.stake.share)], [right.stake.round, percent(right.stake.share)], ["Change", points(right.stake.share - left.stake.share)]]
+    }));
+    const bars = ctx.marks("stakes", "path", slices, (slice) => slice.key).attr("fill", (slice) => palette.color(slice.stake.holder));
+    const shape = (slice, to) => frame.bar(at(slice.stake.round), thick, slice.from, to, slice.outer ? 4 : 0, slice.from ? 2 : 0);
+    ctx.set(bars, { d: (slice) => shape(slice, slice.to) }, { d: (slice) => shape(slice, slice.from) }, 12);
+    ctx.hover(bars, ({ stake }) => ({
+      title: stake.holder,
+      color: palette.color(stake.holder),
+      rows: [["Round", stake.round], ["Shares", stake.shares.toLocaleString("en")], ["Ownership", percent(stake.share, 2)], ...stake.before === null ? [] : [["Since last round", points(stake.share - stake.before)]]]
+    }));
+    const words = slices.flatMap((slice) => {
+      const { stake } = slice, across = Math.abs(frame.value(slice.to) - frame.value(slice.from)), start = at(stake.round);
+      if (view === "single-round" /* Single */) return _CapTableChart.#named(slice, frame, start, thick, across, plot);
+      const text = basis === "shares" /* Shares */ ? count(stake.shares) : percent(stake.share, 0), wide = _chunkQ5A2TY2Acjs.FrameworkText.width(text, SIZE2) + 6;
+      if (vertical ? across < 14 || thick < wide : across < wide || thick < 14) return [];
+      const [px, py] = frame.point(start + thick / 2, (slice.from + slice.to) / 2);
+      return [{ key: slice.key, text, x: px, y: py, anchor: "middle", size: SIZE2, weight: 600, fill: palette.inkOn(palette.color(stake.holder)) }];
+    });
+    const fill = (step) => step.total ? palette.color(holder) : palette.diverging(step.to < step.from ? 0.9 : -0.9);
+    const rules = steps.slice(0, -1).map((step, i) => ({ key: step.key, ...frame.rule(step.to * 100, at(step.key) + thick, at(steps[i + 1].key)) }));
+    const links = ctx.marks("connectors", "line", rules, (rule) => rule.key).attr("stroke", theme.axis).attr("stroke-width", 1);
+    ctx.set(links, { x1: (rule) => rule.x1, x2: (rule) => rule.x2, y1: (rule) => rule.y1, y2: (rule) => rule.y2 });
+    const falls = ctx.marks("steps", "path", steps, (step) => step.key).attr("fill", fill);
+    ctx.set(falls, { d: (step) => frame.bar(at(step.key), thick, step.from * 100, step.to * 100, 4) }, { d: (step) => frame.bar(at(step.key), thick, step.from * 100, step.from * 100, 0) }, 30);
+    ctx.hover(falls, (step) => ({
+      title: step.label,
+      color: fill(step),
+      rows: step.total ? [[holder, percent(step.to, 2)]] : [["Before", percent(step.from, 2)], ["After", percent(step.to, 2)], ["Change", points(step.to - step.from)]]
+    }));
+    words.push(...steps.flatMap((step) => {
+      const end = Math.max(step.from, step.to) * 100, room = vertical ? frame.band.step() - 4 : plot.width - frame.value(end) - 5;
+      const text = (step.total ? [percent(step.to), percent(step.to, 0)] : [points(step.to - step.from), points(step.to - step.from).replace(" pts", "")]).find((option) => _chunkQ5A2TY2Acjs.FrameworkText.width(option, SIZE2) <= room);
+      if (!text) return [];
+      const [px, py] = frame.point(at(step.key) + thick / 2, end, vertical ? -9 : 5);
+      return [{ key: `step/${step.key}`, text, x: px, y: py, anchor: vertical ? "middle" : "start", size: SIZE2, weight: step.total ? 600 : 400, tone: "ink" }];
+    }));
+    if (steps.length) words.push({ key: "followed", text: _chunkQ5A2TY2Acjs.FrameworkText.fit(`${holder}: ownership after each round`, plot.width, 11), x: 0, y: 3 - HEAD, weight: 600, tone: "ink" });
+    StrategyWords.draw(ctx, "labels", words);
+  }
+  /** The single bar names each slice outside it: its share before a column and its holder after, or both under a bar. Slices too thin for a line of text go unnamed. */
+  static #named(slice, frame, start, thick, across, plot) {
+    const { stake } = slice, [px, py] = frame.point(start + thick, (slice.from + slice.to) / 2), share = percent(stake.share);
+    if (frame.vertical) {
+      const name2 = _chunkQ5A2TY2Acjs.FrameworkText.fit(stake.holder, plot.width - px - 8, SIZE2);
+      if (across < 13) return [];
+      return [
+        ...start - 8 >= _chunkQ5A2TY2Acjs.FrameworkText.width(share, SIZE2) ? [{ key: slice.key, text: share, x: start - 8, y: py, anchor: "end", size: SIZE2 }] : [],
+        ...name2.length >= 4 ? [{ key: `${slice.key}/name`, text: name2, full: stake.holder, x: px + 8, y: py, size: SIZE2, tone: "ink" }] : []
+      ];
+    }
+    const name = _chunkQ5A2TY2Acjs.FrameworkText.fit(stake.holder, across - 4, SIZE2), named = name.length >= 4;
+    if (py + 28 > plot.height || _chunkQ5A2TY2Acjs.FrameworkText.width(share, SIZE2) > across - 4) return [];
+    return [
+      ...named ? [{ key: `${slice.key}/name`, text: name, full: stake.holder, x: px, y: py + 11, anchor: "middle", size: SIZE2, tone: "ink" }] : [],
+      { key: slice.key, text: share, x: px, y: py + (named ? 24 : 11), anchor: "middle", size: SIZE2 }
+    ];
+  }
+}, _class4.__initStatic4(), _class4);
 
 // src/charts/strategycharts/CustomerJourneyMap.ts
-var _d3 = require('d3');
+
 var CustomerJourneyStageMark = /* @__PURE__ */ ((CustomerJourneyStageMark2) => {
   CustomerJourneyStageMark2["Chevron"] = "chevron";
   CustomerJourneyStageMark2["Box"] = "box";
@@ -479,12 +1195,12 @@ var CustomerJourneyEmotionPlace = /* @__PURE__ */ ((CustomerJourneyEmotionPlace2
   return CustomerJourneyEmotionPlace2;
 })(CustomerJourneyEmotionPlace || {});
 var GAP2 = 3;
-var HEAD = 22;
+var HEAD2 = 22;
 var POINT = 5;
 var PAD2 = 4;
 var LANE_NAME = 10.5;
-var CustomerJourneyMap = (_class2 = class extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic2() {this.meta = {
+var CustomerJourneyMap = (_class5 = class extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic5() {this.meta = {
     id: "customer-journey-map",
     name: "Customer journey map",
     family: "flow" /* Flow */,
@@ -532,21 +1248,21 @@ var CustomerJourneyMap = (_class2 = class extends _chunkEEF5WRRZcjs.Chart2D {
     const felt = stages.some((stage) => stage.emotion !== null);
     const gutter = Math.min(72, plot.width * 0.22), across = Math.max(0, plot.width - gutter - GAP2 * Math.max(0, stages.length - 1)) / Math.max(1, stages.length);
     const columns = stages.map((stage, i) => ({ ...stage, x: gutter + i * (across + GAP2), width: across }));
-    const body = Math.max(0, plot.height - HEAD - GAP2);
+    const body = Math.max(0, plot.height - HEAD2 - GAP2);
     const moodRoom = felt ? lanes.length ? Math.min(72, Math.max(34, body * 0.28)) : body : 0;
     const laneRoom = lanes.length ? Math.max(0, body - moodRoom - GAP2 * (lanes.length - (felt ? 0 : 1))) / lanes.length : 0;
     const top = emotionPlace === "top" /* Top */ && felt;
-    const moodTop = top ? HEAD + GAP2 : HEAD + GAP2 + lanes.length * (laneRoom + GAP2);
-    const laneTop = (i) => HEAD + GAP2 + (top ? moodRoom + GAP2 : 0) + i * (laneRoom + GAP2);
+    const moodTop = top ? HEAD2 + GAP2 : HEAD2 + GAP2 + lanes.length * (laneRoom + GAP2);
+    const laneTop = (i) => HEAD2 + GAP2 + (top ? moodRoom + GAP2 : 0) + i * (laneRoom + GAP2);
     const header = (column, i) => {
       const { x, width } = column, point = Math.min(POINT, width / 3), end = x + width;
-      if (stageMark === "box" /* Box */) return `M${x + 3},0H${end - 3}Q${end},0 ${end},3V${HEAD - 3}Q${end},${HEAD} ${end - 3},${HEAD}H${x + 3}Q${x},${HEAD} ${x},${HEAD - 3}V3Q${x},0 ${x + 3},0Z`;
-      const tip = i < columns.length - 1 ? `L${end + point},${HEAD / 2}L${end},${HEAD}` : `V${HEAD}`;
-      return `M${x},0H${end}${tip}H${x}${i ? `L${x + point},${HEAD / 2}` : ""}Z`;
+      if (stageMark === "box" /* Box */) return `M${x + 3},0H${end - 3}Q${end},0 ${end},3V${HEAD2 - 3}Q${end},${HEAD2} ${end - 3},${HEAD2}H${x + 3}Q${x},${HEAD2} ${x},${HEAD2 - 3}V3Q${x},0 ${x + 3},0Z`;
+      const tip = i < columns.length - 1 ? `L${end + point},${HEAD2 / 2}L${end},${HEAD2}` : `V${HEAD2}`;
+      return `M${x},0H${end}${tip}H${x}${i ? `L${x + point},${HEAD2 / 2}` : ""}Z`;
     };
     const heads = ctx.marks("stages", "path", columns, (column) => column.name).attr("fill", theme.axis);
     ctx.set(heads, { d: header });
-    ctx.hover(heads, (column) => ({ title: column.name, rows: [["Notes", [...column.notes.values()].reduce((sum, notes) => sum + notes.length, 0)], ...column.emotion === null ? [] : [["Emotion", +column.emotion.toFixed(2)]]] }));
+    ctx.hover(heads, (column) => ({ title: column.name, rows: [["Notes", [...column.notes.values()].reduce((sum5, notes) => sum5 + notes.length, 0)], ...column.emotion === null ? [] : [["Emotion", +column.emotion.toFixed(2)]]] }));
     const cells = lanes.flatMap((lane, row) => columns.map((column) => ({ key: `${lane}/${column.name}`, lane, column, x: column.x, y: laneTop(row), width: column.width, height: laneRoom, color: palette.color(lane) })));
     const panels = ctx.marks("cells", "rect", cells, (cell) => cell.key).attr("rx", 3).attr("fill", (cell) => cell.color).attr("fill-opacity", 0.12);
     ctx.set(panels, { x: (cell) => cell.x, y: (cell) => cell.y, width: (cell) => cell.width, height: (cell) => cell.height });
@@ -562,7 +1278,7 @@ var CustomerJourneyMap = (_class2 = class extends _chunkEEF5WRRZcjs.Chart2D {
     const lined = emotionMark === "line" /* Line */;
     const path = _d3.line.call(void 0, ).x((mood) => mood.x).y((mood) => mood.y).curve(_chunkPY4R3IFFcjs.Scales.curve("monotone" /* Monotone */));
     const trace = ctx.marks("emotion-line", "path", lined && moods.length > 1 ? [moods] : []).attr("fill", "none").attr("stroke", theme.inkSecondary).attr("stroke-width", 2);
-    ctx.set(trace, { d: (points) => _nullishCoalesce(path(points), () => ( "")) });
+    ctx.set(trace, { d: (points2) => _nullishCoalesce(path(points2), () => ( "")) });
     ctx.drawOn(trace);
     const dots = ctx.marks("emotion-dots", "circle", lined ? moods : [], (mood) => mood.column.name).attr("fill", (mood) => mood.fill).attr("stroke", theme.surface).attr("stroke-width", 2);
     ctx.set(dots, { cx: (mood) => mood.x, cy: (mood) => mood.y, r: 5 }, { r: 0 }, 30);
@@ -579,7 +1295,7 @@ var CustomerJourneyMap = (_class2 = class extends _chunkEEF5WRRZcjs.Chart2D {
     const words = [
       ...columns.map((column, i) => {
         const lead = stageMark === "chevron" /* Chevron */ && i ? Math.min(POINT, column.width / 3) : 0;
-        return { key: `stage/${column.name}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(column.name, column.width - lead - 2, 10.5), full: column.name, x: column.x + lead + (column.width - lead) / 2, y: HEAD / 2, anchor: "middle", size: 10.5, weight: 600, fill: palette.inkOn(theme.axis) };
+        return { key: `stage/${column.name}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(column.name, column.width - lead - 2, 10.5), full: column.name, x: column.x + lead + (column.width - lead) / 2, y: HEAD2 / 2, anchor: "middle", size: 10.5, weight: 600, fill: palette.inkOn(theme.axis) };
       }),
       ...lanes.flatMap((lane, row) => laneWords(lane, laneTop(row), laneRoom, `lane/${lane}`)),
       ...felt ? laneWords("Emotion", moodTop, moodRoom, "lane-emotion") : [],
@@ -597,7 +1313,7 @@ var CustomerJourneyMap = (_class2 = class extends _chunkEEF5WRRZcjs.Chart2D {
     }));
     StrategyNotes.draw(ctx, "notes", StrategyNotes.plan(lists, "plain"), "plain");
   }
-}, _class2.__initStatic2(), _class2);
+}, _class5.__initStatic5(), _class5);
 
 // src/charts/strategycharts/EisenhowerMatrix.ts
 var EisenhowerQuadrant = /* @__PURE__ */ ((EisenhowerQuadrant2) => {
@@ -625,12 +1341,12 @@ var KINDS = [
 ];
 var GAP3 = 6;
 var RAIL = 18;
-var HEAD2 = 22;
+var HEAD3 = 22;
 var SIDE = 128;
 var PAD3 = 6;
 var NOTE = 16;
-var EisenhowerMatrix = (_class3 = class _EisenhowerMatrix extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic3() {this.meta = {
+var EisenhowerMatrix = (_class6 = class _EisenhowerMatrix extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic6() {this.meta = {
     id: "eisenhower-matrix",
     name: "Eisenhower matrix",
     family: "matrix" /* Matrix */,
@@ -695,16 +1411,16 @@ var EisenhowerMatrix = (_class3 = class _EisenhowerMatrix extends _chunkEEF5WRRZ
     const panels = ctx.marks("panels", "rect", boxes, (box) => box.kind.quadrant).attr("rx", 4).attr("fill", (box) => box.color).attr("fill-opacity", 0.1);
     ctx.set(panels, { x: (box) => box.x, y: (box) => box.y, width: (box) => box.width, height: (box) => box.height });
     const bands = ctx.marks("bands", "rect", boxes, (box) => box.kind.quadrant).attr("rx", 4).attr("fill", (box) => box.color);
-    ctx.set(bands, { x: (box) => box.x, y: (box) => box.y, width: (box) => box.side || box.width, height: (box) => box.side ? box.height : Math.min(HEAD2, box.height) });
+    ctx.set(bands, { x: (box) => box.x, y: (box) => box.y, width: (box) => box.side || box.width, height: (box) => box.side ? box.height : Math.min(HEAD3, box.height) });
     ctx.hover(bands, (box) => ({ title: box.kind.quadrant, color: box.color, rows: [["Tasks", box.tasks.length], [box.kind.why, ""]] }));
     const headed = (box) => box.side || box.width;
     const words = boxes.filter((box) => box.height >= 16).flatMap((box) => {
       const ink = palette.inkOn(box.color), room = headed(box) - PAD3 * 2 - 20, name = _chunkQ5A2TY2Acjs.FrameworkText.fit(box.kind.quadrant, room, 12), left = box.x + PAD3;
       const used = _chunkQ5A2TY2Acjs.FrameworkText.width(name, 12) + 8, why = _chunkQ5A2TY2Acjs.FrameworkText.fit(box.kind.why, box.side ? room + 20 : room - used, 10.5);
       const title = { key: `title/${box.kind.quadrant}`, text: name, x: left, y: box.y + 11, size: 12, weight: 600, fill: ink };
-      const count = { key: `count/${box.kind.quadrant}`, text: `${box.tasks.length}`, x: box.x + headed(box) - PAD3, y: box.y + 11, anchor: "end", size: 12, fill: ink };
+      const count2 = { key: `count/${box.kind.quadrant}`, text: `${box.tasks.length}`, x: box.x + headed(box) - PAD3, y: box.y + 11, anchor: "end", size: 12, fill: ink };
       const reason = box.side && box.height >= 38 ? [{ key: `why/${box.kind.quadrant}`, text: why, full: box.kind.why, x: left, y: box.y + 27, size: 10.5, fill: ink }] : !box.side && !framing && why === box.kind.why ? [{ key: `why/${box.kind.quadrant}`, text: why, x: left + used, y: box.y + 11, size: 10.5, fill: ink }] : [];
-      return [title, ...headed(box) >= 70 ? [count] : [], ...reason];
+      return [title, ...headed(box) >= 70 ? [count2] : [], ...reason];
     });
     if (rail) {
       const columns = (frame.width - GAP3) / 2, rows = (frame.height - GAP3) / 2;
@@ -714,7 +1430,7 @@ var EisenhowerMatrix = (_class3 = class _EisenhowerMatrix extends _chunkEEF5WRRZ
     if (skipped) words.push({ key: "note", text: _chunkQ5A2TY2Acjs.FrameworkText.fit(`${skipped} ${skipped === 1 ? "row" : "rows"} left out: no task, or urgent or important not stated`, plot.width, 10.5), x: 0, y: plot.height - 6, size: 10.5, tone: "muted" });
     StrategyWords.draw(ctx, "words", words);
     const lists = boxes.map((box) => {
-      const top = box.side ? PAD3 : HEAD2 + PAD3 - 1;
+      const top = box.side ? PAD3 : HEAD3 + PAD3 - 1;
       return {
         key: box.kind.quadrant,
         color: box.color,
@@ -728,7 +1444,7 @@ var EisenhowerMatrix = (_class3 = class _EisenhowerMatrix extends _chunkEEF5WRRZ
     const style = taskMark === "card" /* Card */ ? "card" : "bullet";
     StrategyNotes.draw(ctx, "tasks", StrategyNotes.plan(lists, style), style);
   }
-}, _class3.__initStatic3(), _class3);
+}, _class6.__initStatic6(), _class6);
 
 // src/charts/strategycharts/FiveForcesDiagram.ts
 
@@ -759,12 +1475,12 @@ var KINDS2 = [
 ];
 var GAP4 = 20;
 var PAD4 = 6;
-var HEAD3 = 18;
+var HEAD4 = 18;
 var PIP = 6;
 var METER = 32;
 var WIDE = 1.7;
-var FiveForcesDiagram = (_class4 = class _FiveForcesDiagram extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic4() {this.meta = {
+var FiveForcesDiagram = (_class7 = class _FiveForcesDiagram extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic7() {this.meta = {
     id: "five-forces",
     name: "Five forces diagram",
     family: "matrix" /* Matrix */,
@@ -856,7 +1572,7 @@ var FiveForcesDiagram = (_class4 = class _FiveForcesDiagram extends _chunkEEF5WR
       const box = by.get(arrow.key);
       return { title: `${box.rated.name} on rivalry`, color: box.color, rows: [["Strength", score(box)], ["Level", box.rated.level]] };
     });
-    const metered = (box) => box.width >= METER + 60 && box.height >= HEAD3;
+    const metered = (box) => box.width >= METER + 60 && box.height >= HEAD4;
     const pips = top <= 10 && Number.isInteger(top) ? top : 5, step = (METER + 2) / pips;
     const marks = boxes.filter(metered).flatMap((box) => {
       const left = box.x + box.width - PAD4 - METER, y = box.y + 6;
@@ -868,8 +1584,8 @@ var FiveForcesDiagram = (_class4 = class _FiveForcesDiagram extends _chunkEEF5WR
     const words = boxes.flatMap((box) => {
       const room = box.width - PAD4 * 2 - (metered(box) ? METER + 6 : 0), whole = _chunkQ5A2TY2Acjs.FrameworkText.fit(box.rated.name, room, 11);
       const head2 = { key: `name/${box.rated.force}`, text: whole === box.rated.name ? whole : _chunkQ5A2TY2Acjs.FrameworkText.fit(box.kind.short, room, 11), full: box.rated.name, x: box.x + PAD4, y: box.y + 9, size: 11, weight: 600, tone: "ink" };
-      if (drivers || box.height < HEAD3 + 30) return box.height < 16 ? [] : [head2];
-      const middle = box.y + HEAD3 + (box.height - HEAD3) / 2;
+      if (drivers || box.height < HEAD4 + 30) return box.height < 16 ? [] : [head2];
+      const middle = box.y + HEAD4 + (box.height - HEAD4) / 2;
       return [
         head2,
         { key: `score/${box.rated.force}`, text: box.rated.strength === null ? "n/a" : `${+box.rated.strength.toFixed(1)}`, x: box.x + box.width / 2, y: middle - 7, anchor: "middle", size: 18, weight: 600, tone: "ink" },
@@ -881,14 +1597,14 @@ var FiveForcesDiagram = (_class4 = class _FiveForcesDiagram extends _chunkEEF5WR
       key: box.rated.force,
       color: box.color,
       x: box.x + PAD4,
-      y: box.y + HEAD3,
+      y: box.y + HEAD4,
       width: Math.max(0, box.width - PAD4 * 2),
-      height: Math.max(0, box.height - HEAD3 - 2),
+      height: Math.max(0, box.height - HEAD4 - 2),
       notes: box.rated.drivers.map((driver) => ({ text: driver.text, rows: [["Force", box.rated.name], ["Strength", driver.strength === null ? "Not rated" : `${driver.strength} of ${top}`]] }))
     }));
     StrategyNotes.draw(ctx, "drivers", StrategyNotes.plan(lists, "bullet"), "bullet");
   }
-}, _class4.__initStatic4(), _class4);
+}, _class7.__initStatic7(), _class7);
 
 // src/charts/strategycharts/FootballFieldChart.ts
 
@@ -902,11 +1618,11 @@ var FootballFieldOrder = /* @__PURE__ */ ((FootballFieldOrder2) => {
   FootballFieldOrder2["Midpoint"] = "by-midpoint";
   return FootballFieldOrder2;
 })(FootballFieldOrder || {});
-var THICK = 22;
+var THICK2 = 22;
 var END = 5;
 var NOTE2 = 13;
-var FootballFieldChart = (_class5 = class _FootballFieldChart extends _chunkXX2YTCORcjs.CartesianChart {
-  static __initStatic5() {this.meta = {
+var FootballFieldChart = (_class8 = class _FootballFieldChart extends _chunkXX2YTCORcjs.CartesianChart {
+  static __initStatic8() {this.meta = {
     id: "football-field",
     name: "Football field valuation chart",
     family: "financial" /* Financial */,
@@ -934,8 +1650,8 @@ var FootballFieldChart = (_class5 = class _FootballFieldChart extends _chunkXX2Y
       price ??= StrategyRows.number(row[current]);
       const a = StrategyRows.number(row[low]), b = StrategyRows.number(row[high]), name = _chunkQ5A2TY2Acjs.FrameworkText.clean(row[method]);
       if (a === null || b === null || !name) continue;
-      const held = spans.get(name), from = Math.min(a, b, _nullishCoalesce(_optionalChain([held, 'optionalAccess', _7 => _7.low]), () => ( Infinity))), to = Math.max(a, b, _nullishCoalesce(_optionalChain([held, 'optionalAccess', _8 => _8.high]), () => ( -Infinity)));
-      spans.set(name, { method: name, group: _nullishCoalesce(_optionalChain([held, 'optionalAccess', _9 => _9.group]), () => ( (_chunkQ5A2TY2Acjs.FrameworkText.clean(row[group]) || "Range"))), low: from, high: to, middle: (from + to) / 2 });
+      const held = spans.get(name), from = Math.min(a, b, _nullishCoalesce(_optionalChain([held, 'optionalAccess', _29 => _29.low]), () => ( Infinity))), to = Math.max(a, b, _nullishCoalesce(_optionalChain([held, 'optionalAccess', _30 => _30.high]), () => ( -Infinity)));
+      spans.set(name, { method: name, group: _nullishCoalesce(_optionalChain([held, 'optionalAccess', _31 => _31.group]), () => ( (_chunkQ5A2TY2Acjs.FrameworkText.clean(row[group]) || "Range"))), low: from, high: to, middle: (from + to) / 2 });
     }
     const listed = [...spans.values()];
     if (order === "by-midpoint" /* Midpoint */) listed.sort((a, b) => _d3.descending.call(void 0, a.middle, b.middle));
@@ -969,7 +1685,7 @@ var FootballFieldChart = (_class5 = class _FootballFieldChart extends _chunkXX2Y
   plotMarks(ctx, { x, y }) {
     const { mark, midpoint, consensus } = this.options, { palette, theme, plot } = ctx;
     const { spans, current } = this.model;
-    const thick = Math.min(THICK, y.bandwidth()), centre = (span) => (_nullishCoalesce(y(span.method), () => ( 0))) + y.bandwidth() / 2;
+    const thick = Math.min(THICK2, y.bandwidth()), centre = (span) => (_nullishCoalesce(y(span.method), () => ( 0))) + y.bandwidth() / 2;
     const reach = _nullishCoalesce(_d3.max.call(void 0, spans, (span) => Math.max(Math.abs(span.low), Math.abs(span.high))), () => ( 0)), text = this.#format(Math.max(reach, Math.abs(_nullishCoalesce(current, () => ( 0)))));
     for (const span of spans) palette.color(span.group);
     const tell = (span) => ({
@@ -1009,7 +1725,7 @@ var FootballFieldChart = (_class5 = class _FootballFieldChart extends _chunkXX2Y
     if (agreed) words.push({ ...headed(`Median range ${text(agreed[0])} to ${text(agreed[1])}`, (x(agreed[0]) + x(agreed[1])) / 2, current === null ? 0 : 1, "consensus"), weight: 400, tone: "secondary" });
     StrategyWords.draw(ctx, "labels", words);
   }
-}, _class5.__initStatic5(), _class5);
+}, _class8.__initStatic8(), _class8);
 
 // src/charts/strategycharts/HypeCycleChart.ts
 
@@ -1017,10 +1733,10 @@ var FootballFieldChart = (_class5 = class _FootballFieldChart extends _chunkXX2Y
 // src/charts/strategycharts/StrategyLabels.ts
 var SIDES = ["right", "left", "above", "below"];
 var GAP5 = 4;
-var LEAST = 5;
+var LEAST2 = 5;
 var hits = (a, b) => a.x0 < b.x1 && a.x1 > b.x0 && a.y0 < b.y1 && a.y1 > b.y0;
 var StrategyLabels = class {
-  static place(anchors, area3, size = 10.5, widest = 130, blocked = [], soft = []) {
+  static place(anchors, area5, size = 10.5, widest = 130, blocked = [], soft = []) {
     const marks = anchors.map((anchor) => ({ x0: anchor.x - anchor.r, y0: anchor.y - anchor.r, x1: anchor.x + anchor.r, y1: anchor.y + anchor.r }));
     const boxed = (rect) => ({ x0: rect.x, y0: rect.y, x1: rect.x + rect.width, y1: rect.y + rect.height });
     const taken = blocked.map(boxed), lines = soft.map(boxed);
@@ -1030,15 +1746,15 @@ var StrategyLabels = class {
         const full = _chunkQ5A2TY2Acjs.FrameworkText.clean(anchor.text);
         if (!full || named.has(i)) return;
         for (const side of SIDES) {
-          const across = side === "right" ? area3.x + area3.width - anchor.x - anchor.r - GAP5 : side === "left" ? anchor.x - anchor.r - GAP5 - area3.x : Math.min(anchor.x - area3.x, area3.x + area3.width - anchor.x) * 2;
+          const across = side === "right" ? area5.x + area5.width - anchor.x - anchor.r - GAP5 : side === "left" ? anchor.x - anchor.r - GAP5 - area5.x : Math.min(anchor.x - area5.x, area5.x + area5.width - anchor.x) * 2;
           const text = _chunkQ5A2TY2Acjs.FrameworkText.fit(full, Math.min(widest, across), size);
-          if (whole ? text !== full : text.length <= LEAST) continue;
+          if (whole ? text !== full : text.length <= LEAST2) continue;
           const width = _chunkQ5A2TY2Acjs.FrameworkText.width(text, size), reach = anchor.r + GAP5;
           const x = side === "right" ? anchor.x + reach : side === "left" ? anchor.x - reach : anchor.x;
           const y = side === "above" ? anchor.y - reach - size / 2 : side === "below" ? anchor.y + reach + size / 2 : anchor.y;
           const x0 = side === "right" ? x : side === "left" ? x - width : x - width / 2;
           const box = { x0, y0: y - size / 2 - 1, x1: x0 + width, y1: y + size / 2 + 1 };
-          if (box.y0 < area3.y || box.y1 > area3.y + area3.height || box.x0 < area3.x || box.x1 > area3.x + area3.width) continue;
+          if (box.y0 < area5.y || box.y1 > area5.y + area5.height || box.x0 < area5.x || box.x1 > area5.x + area5.width) continue;
           if (taken.some((other) => hits(box, other)) || marks.some((other, j) => j !== i && hits(box, other)) || clear && lines.some((other) => hits(box, other))) continue;
           taken.push(box);
           named.add(i);
@@ -1091,8 +1807,8 @@ var LIST_ROW = 13;
 var SYMBOL_AREA = 78;
 var SMALLEST = 4;
 var LARGEST = 11;
-var HypeCycleChart = (_class6 = class _HypeCycleChart extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic6() {this.meta = {
+var HypeCycleChart = (_class9 = class _HypeCycleChart extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic9() {this.meta = {
     id: "hype-cycle",
     name: "Hype cycle",
     family: "temporal" /* Temporal */,
@@ -1243,7 +1959,150 @@ var HypeCycleChart = (_class6 = class _HypeCycleChart extends _chunkEEF5WRRZcjs.
     if (over && rows) words.push({ key: "list-more", text: `+${placed.length - shown} more`, x: left + 20, y: frame.y + shown * LIST_ROW + LIST_ROW / 2, size: 10.5 });
     return words;
   }
-}, _class6.__initStatic6(), _class6);
+}, _class9.__initStatic9(), _class9);
+
+// src/charts/strategycharts/KanbanBoard.ts
+
+var KanbanCardDetail = /* @__PURE__ */ ((KanbanCardDetail2) => {
+  KanbanCardDetail2["Title"] = "title";
+  KanbanCardDetail2["Full"] = "full";
+  return KanbanCardDetail2;
+})(KanbanCardDetail || {});
+var GAP6 = 6;
+var HEAD5 = 20;
+var HEAD_LIMITS = 42;
+var METER2 = 21;
+var OVER = 33;
+var RAIL2 = 18;
+var PAD5 = 4;
+var CARD_GAP = 3;
+var INSET = 5;
+var EDGE = 4;
+var LEAD = 12;
+var SIZE3 = 10.5;
+var MORE = 11;
+var NARROWEST = 28;
+var KanbanBoard = (_class10 = class _KanbanBoard extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic10() {this.meta = {
+    id: "kanban-board",
+    name: "Kanban board",
+    family: "project" /* Project */,
+    dimension: 2 /* Two */,
+    shape: "table" /* Table */,
+    description: "Sets task cards in a column per workflow stage, with each stage's work-in-progress limit on a meter and breached stages marked.",
+    tags: ["kanban", "workflow", "wip limit", "task board", "swimlanes", "agile"],
+    sample: (seed) => StrategySamples.kanban(seed),
+    variants: {
+      swimlanes: [false, true],
+      cardDetail: ["title" /* Title */, "full" /* Full */],
+      limits: [true, false]
+    }
+  }}
+  /** How many of `count` cards, each `card` px tall, stack in `room` px. */
+  static capacity(room, card, count2) {
+    return Math.max(0, Math.min(count2, Math.floor((room + CARD_GAP) / (card + CARD_GAP))));
+  }
+  defaults() {
+    return { task: "task", stage: "stage", limit: "limit", lane: "lane", group: "kind", owner: "owner", swimlanes: false, cardDetail: "title" /* Title */, limits: true };
+  }
+  plotMargin() {
+    return { top: 8, right: 12, bottom: 8, left: 12 };
+  }
+  /** The stages in workflow order with their cards and limits, and the lanes in the order first seen. */
+  get board() {
+    const { task, stage, limit, lane, group, owner } = this.options;
+    const stages = /* @__PURE__ */ new Map(), lanes = /* @__PURE__ */ new Set();
+    for (const row of StrategyRows.of(this.options.data)) {
+      const name = _chunkQ5A2TY2Acjs.FrameworkText.clean(row[stage]), title = _chunkQ5A2TY2Acjs.FrameworkText.clean(row[task]), cap = StrategyRows.number(row[limit]);
+      if (!name) continue;
+      const held = _nullishCoalesce(stages.get(name), () => ( { name, limit: null, cards: [], over: 0 }));
+      stages.set(name, held);
+      if (held.limit === null && cap !== null && cap >= 0) held.limit = cap;
+      if (!title) continue;
+      const card = { task: title, stage: name, lane: _chunkQ5A2TY2Acjs.FrameworkText.clean(row[lane]) || "No lane", group: _chunkQ5A2TY2Acjs.FrameworkText.clean(row[group]) || "Card", owner: _chunkQ5A2TY2Acjs.FrameworkText.clean(row[owner]) };
+      lanes.add(card.lane);
+      held.cards.push(card);
+    }
+    for (const held of stages.values()) held.over = held.limit === null ? 0 : Math.max(0, held.cards.length - held.limit);
+    return { stages: [...stages.values()], lanes: [...lanes] };
+  }
+  /**
+   * The card height in use and the height of each lane. Cards take the tallest of `sizes` at which every lane holds its
+   * fullest stack, and lanes grow with their stacks. When no size fits, each lane is first given room for one card.
+   */
+  static lanes(stacks, sizes, free) {
+    const need = (card2) => stacks.map((stack) => Math.max(1, stack) * (card2 + CARD_GAP) - CARD_GAP + PAD5 * 2);
+    const card = _nullishCoalesce(_nullishCoalesce(sizes.find((size) => _d3.sum.call(void 0, need(size)) <= free), () => ( sizes.at(-1))), () => ( 0)), wanted = need(card), all = _d3.sum.call(void 0, wanted);
+    if (all <= free) return { card, heights: wanted.map((height) => free * height / all) };
+    const least = Math.min(card + PAD5 * 2, free / Math.max(1, stacks.length)), spare = free - least * stacks.length, short = all - least * stacks.length;
+    return { card, heights: wanted.map((height) => least + (short > 0 ? spare * (height - least) / short : 0)) };
+  }
+  draw(ctx) {
+    const { swimlanes, cardDetail, limits } = this.options, { plot, theme, palette } = ctx;
+    const { stages, lanes } = this.board;
+    const rows = swimlanes && lanes.length ? lanes : [null];
+    const rail = rows[0] === null ? 0 : RAIL2, head = limits ? HEAD_LIMITS : HEAD5, full = cardDetail === "full" /* Full */;
+    const wide = Math.max(0, plot.width - rail - GAP6 * (stages.length - 1)) / Math.max(1, stages.length);
+    const held = (stage, lane) => stage.cards.filter((card) => lane === null || card.lane === lane);
+    const size = (lines2) => INSET * 2 + lines2 * LEAD + (full ? LEAD : 0);
+    const { card: height, heights } = _KanbanBoard.lanes(rows.map((lane) => _nullishCoalesce(_d3.max.call(void 0, stages, (stage) => held(stage, lane).length), () => ( 0))), [size(2), size(1)], Math.max(0, plot.height - head - GAP6 * (rows.length - 1)));
+    const tops = heights.map((_, j) => head + _d3.sum.call(void 0, heights.slice(0, j)) + GAP6 * j), lines = height === size(2) ? 2 : 1;
+    const cells = stages.flatMap((stage, i) => rows.map((lane, j) => ({ key: `${i}/${j}`, stage, lane, x: rail + i * (wide + GAP6), y: tops[j], width: wide, height: heights[j], cards: held(stage, lane) })));
+    for (const stage of stages) for (const card of stage.cards) palette.color(card.group);
+    const breached = (stage) => !!limits && stage.over > 0;
+    const panels = ctx.marks("columns", "rect", cells, (cell) => cell.key).attr("rx", 4).attr("fill", (cell) => breached(cell.stage) ? theme.critical : theme.grid).attr("fill-opacity", (cell) => breached(cell.stage) ? 0.12 : 0.6);
+    ctx.set(panels, { x: (cell) => cell.x, y: (cell) => cell.y, width: (cell) => cell.width, height: (cell) => cell.height });
+    ctx.hover(panels, ({ stage, lane, cards: cards2 }) => ({
+      title: lane === null ? stage.name : `${stage.name}, ${lane}`,
+      rows: [["Cards here", cards2.length], ["Cards in stage", stage.cards.length], ["Limit", _nullishCoalesce(stage.limit, () => ( "None"))], ...stage.over ? [["Over the limit by", stage.over]] : []]
+    }));
+    const tally = (stage) => limits && stage.limit !== null ? `${stage.cards.length} / ${stage.limit}` : `${stage.cards.length}`;
+    const metered = limits ? stages.map((stage, i) => ({ stage, x: rail + i * (wide + GAP6) + 4, width: Math.max(0, wide - 14 - _chunkQ5A2TY2Acjs.FrameworkText.width(tally(stage), SIZE3)) })).filter((meter) => meter.stage.limit !== null && meter.width >= 12) : [];
+    const tracks = ctx.marks("axis-limits", "rect", metered, (meter) => meter.stage.name).attr("rx", 2.5).attr("fill", theme.grid);
+    ctx.set(tracks, { x: (meter) => meter.x, y: METER2 - 2.5, width: (meter) => meter.width, height: 5 });
+    const filled = ctx.marks("load", "rect", metered, (meter) => meter.stage.name).attr("rx", 2.5).attr("fill", (meter) => meter.stage.over ? theme.critical : theme.inkSecondary);
+    const load = ({ stage, width }) => width * (stage.limit ? Math.min(1, stage.cards.length / stage.limit) : stage.cards.length ? 1 : 0);
+    ctx.set(filled, { x: (meter) => meter.x, y: METER2 - 2.5, width: load, height: 5 }, { width: 0 }, 30);
+    const flagged = limits ? stages.map((stage, i) => ({ stage, x: rail + i * (wide + GAP6) + 8 })).filter((flag) => flag.stage.over && wide >= 16) : [];
+    const flags = ctx.marks("breaches", "path", flagged, (flag) => flag.stage.name).attr("fill", theme.critical);
+    ctx.set(flags, { d: _nullishCoalesce(_d3.symbol.call(void 0, _d3.symbolTriangle, 40)(), () => ( "")), transform: (flag) => `translate(${flag.x},${OVER})` });
+    const across = wide - PAD5 * 2, room = across - EDGE - 9;
+    const words = [], more = [], hidden = /* @__PURE__ */ new Map();
+    const placed = across < NARROWEST ? [] : cells.flatMap((cell) => {
+      const inner = cell.height - PAD5 * 2, shown = _KanbanBoard.capacity(inner, height, cell.cards.length), left = cell.x + PAD5, rest = cell.cards.slice(shown);
+      const tag = rest.length ? `+${rest.length}` : "", taken = tag ? _chunkQ5A2TY2Acjs.FrameworkText.width(tag, 9.5) + 5 : 0;
+      if (rest.length) hidden.set(cell.key, rest);
+      if (rest.length && !shown && inner >= MORE) more.push({ key: cell.key, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(`${tag} more`, across, 9.5), x: left + 2, y: cell.y + cell.height / 2, size: 9.5 });
+      return cell.cards.slice(0, shown).map((card, k) => {
+        const top = cell.y + PAD5 + k * (height + CARD_GAP), last = k === shown - 1 && !!tag, span = room - (last && !full ? taken : 0);
+        const text = lines > 1 ? _chunkQ5A2TY2Acjs.FrameworkText.clamp(_chunkQ5A2TY2Acjs.FrameworkText.wrap(card.task, span, SIZE3), lines, span, SIZE3) : [_chunkQ5A2TY2Acjs.FrameworkText.fit(card.task, span, SIZE3)];
+        if (full && card.owner) words.push({ key: `owner/${cell.key}/${k}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(card.owner, room - (last ? taken : 0), 9.5), full: card.owner, x: left + EDGE + 5, y: top + height - INSET - 5, size: 9.5 });
+        if (last) more.push({ key: cell.key, text: tag, x: left + across - 4, y: full ? top + height - INSET - 5 : top + INSET + (lines - 1) * LEAD + 5.5, anchor: "end", size: 9.5, weight: 600 });
+        return { key: `${cell.key}/${k}`, card, left, top, width: across, height, color: palette.color(card.group), lines: text, x: left + EDGE + 5, y: top + INSET + 9, lead: LEAD };
+      });
+    });
+    const cards = ctx.marks("cards", "g", placed, (card) => card.key);
+    ctx.hover(cards, ({ card }) => _chunkQ5A2TY2Acjs.FrameworkText.tip(card.task, [["Stage", card.stage], ["Lane", card.lane], ["Kind", card.group], ...card.owner ? [["Owner", card.owner]] : []], palette.color(card.group)));
+    const faces = cards.selectAll("rect.face").data((card) => [card]).join("rect").attr("class", "face").attr("rx", 3).attr("fill", theme.surface);
+    ctx.set(faces, { x: (card) => card.left, y: (card) => card.top, width: (card) => card.width, height: (card) => card.height });
+    const edges = cards.selectAll("rect.kind").data((card) => [card]).join("rect").attr("class", "kind").attr("rx", 2).attr("fill", (card) => card.color);
+    ctx.set(edges, { x: (card) => card.left, y: (card) => card.top, width: EDGE, height: (card) => card.height });
+    const titles = ctx.text(cards.selectAll("text").data((card) => [card]).join("text"), SIZE3, "ink").attr("pointer-events", "none");
+    _chunkQ5A2TY2Acjs.FrameworkText.write(ctx, titles);
+    const beside = (stage) => _chunkQ5A2TY2Acjs.FrameworkText.width(tally(stage), SIZE3) + 8;
+    const counted = stages.every((stage) => limits ? wide >= beside(stage) : _chunkQ5A2TY2Acjs.FrameworkText.width(stage.name, 11) + beside(stage) + 8 <= wide);
+    for (const [i, stage] of stages.entries()) {
+      const left = rail + i * (wide + GAP6), count2 = tally(stage);
+      if (counted) words.push({ key: `count/${i}`, text: count2, x: left + wide - 4, y: limits ? METER2 : 8, anchor: "end", size: SIZE3, weight: breached(stage) ? 600 : 400, tone: breached(stage) ? "ink" : "secondary" });
+      words.push({ key: `stage/${i}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(stage.name, wide - 8, 11), full: stage.name, x: left + 4, y: 8, size: 11, weight: 600, tone: "ink" });
+      const over = [`Over by ${stage.over}`, `+${stage.over}`].find((text) => _chunkQ5A2TY2Acjs.FrameworkText.width(text, 10) <= wide - 18);
+      if (breached(stage) && over) words.push({ key: `over/${i}`, text: over, x: left + 15, y: OVER, size: 10, weight: 600, tone: "ink" });
+    }
+    words.push(...rows.flatMap((lane, j) => lane === null ? [] : [{ key: `lane/${j}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(lane, heights[j], SIZE3), full: lane, x: RAIL2 / 2 - 3, y: tops[j] + heights[j] / 2, anchor: "middle", size: SIZE3, weight: 600, turned: true }]));
+    StrategyWords.draw(ctx, "words", words);
+    ctx.hover(StrategyWords.draw(ctx, "more", more), (word) => ({ title: `${_nullishCoalesce(_optionalChain([hidden, 'access', _32 => _32.get, 'call', _33 => _33(word.key), 'optionalAccess', _34 => _34.length]), () => ( 0))} more cards`, rows: (_nullishCoalesce(hidden.get(word.key), () => ( []))).map((card) => [_chunkQ5A2TY2Acjs.FrameworkText.fit(card.task, 260, 12), card.owner]) }));
+  }
+}, _class10.__initStatic10(), _class10);
 
 // src/charts/strategycharts/KanoModelChart.ts
 
@@ -1277,8 +2136,8 @@ var SHAPES = {
 };
 var GUTTER2 = 16;
 var AREA = 80;
-var KanoModelChart = (_class7 = class extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic7() {this.meta = {
+var KanoModelChart = (_class11 = class extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic11() {this.meta = {
     id: "kano-model",
     name: "Kano model",
     family: "relationship" /* Relationship */,
@@ -1350,7 +2209,7 @@ var KanoModelChart = (_class7 = class extends _chunkEEF5WRRZcjs.Chart2D {
     words.push(...StrategyLabels.place(anchors, frame, 10.5, 130, [], traced));
     StrategyWords.draw(ctx, "words", words);
   }
-}, _class7.__initStatic7(), _class7);
+}, _class11.__initStatic11(), _class11);
 
 // src/charts/strategycharts/NineBoxGrid.ts
 
@@ -1364,13 +2223,13 @@ var TALENT = [["Potential gem", "High potential", "Star"], ["Inconsistent player
 var TIERS = ["Low", "Medium", "High"];
 var WORDS = [[/^(l|low)$/, 0], [/^(m|med|medium|moderate)$/, 1], [/^(h|high)$/, 2]];
 var GUTTER3 = 28;
-var GAP6 = 3;
-var PAD5 = 5;
+var GAP7 = 3;
+var PAD6 = 5;
 var R = 5;
 var LARGEST2 = 13;
 var titled = (column) => column.charAt(0).toUpperCase() + column.slice(1);
-var NineBoxGrid = (_class8 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic8() {this.meta = {
+var NineBoxGrid = (_class12 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic12() {this.meta = {
     id: "nine-box-grid",
     name: "Nine-box grid",
     family: "matrix" /* Matrix */,
@@ -1406,10 +2265,10 @@ var NineBoxGrid = (_class8 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2
   }
   /** Every row with both ratings, each with its cell and its ratings on the scale. A worded rating sits mid-cell. */
   get entries() {
-    const { item, performance, potential, group, size } = this.options, range5 = this.#range(), [low, high] = range5;
+    const { item, performance, potential, group, size } = this.options, range6 = this.#range(), [low, high] = range6;
     const rating = (cell, third) => _nullishCoalesce(StrategyRows.number(cell), () => ( low + (third + 0.5) * (high - low) / 3));
     return StrategyRows.of(this.options.data).flatMap((row) => {
-      const column = _NineBoxGrid.third(row[performance], range5), tier = _NineBoxGrid.third(row[potential], range5);
+      const column = _NineBoxGrid.third(row[performance], range6), tier = _NineBoxGrid.third(row[potential], range6);
       if (column === null || tier === null) return [];
       return [{
         name: _chunkQ5A2TY2Acjs.FrameworkText.clean(row[item]) || "Unnamed",
@@ -1427,15 +2286,15 @@ var NineBoxGrid = (_class8 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2
     const { performance, potential, placement, sized, cellLabels, cellNames } = this.options, { plot, theme, palette } = ctx;
     const entries = this.entries, [low, high] = this.#range(), third = (high - low) / 3;
     const frame = { x: GUTTER3, y: 0, width: Math.max(1, plot.width - GUTTER3), height: Math.max(1, plot.height - GUTTER3) };
-    const wide = Math.max(0, frame.width - GAP6 * 2) / 3, tall = Math.max(0, frame.height - GAP6 * 2) / 3;
+    const wide = Math.max(0, frame.width - GAP7 * 2) / 3, tall = Math.max(0, frame.height - GAP7 * 2) / 3;
     const names = _nullishCoalesce(cellNames, () => ( TALENT));
     const cells = [2, 1, 0].flatMap((tier) => [0, 1, 2].map((column) => ({
       key: `${column}/${tier}`,
       column,
       tier,
-      name: _chunkQ5A2TY2Acjs.FrameworkText.clean(_optionalChain([names, 'access', _10 => _10[2 - tier], 'optionalAccess', _11 => _11[column]])),
-      x: frame.x + column * (wide + GAP6),
-      y: frame.y + (2 - tier) * (tall + GAP6),
+      name: _chunkQ5A2TY2Acjs.FrameworkText.clean(_optionalChain([names, 'access', _35 => _35[2 - tier], 'optionalAccess', _36 => _36[column]])),
+      x: frame.x + column * (wide + GAP7),
+      y: frame.y + (2 - tier) * (tall + GAP7),
       width: wide,
       height: tall,
       entries: entries.filter((entry) => entry.column === column && entry.tier === tier)
@@ -1451,10 +2310,10 @@ var NineBoxGrid = (_class8 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2
       { key: "axis-x", text: _chunkQ5A2TY2Acjs.FrameworkText.fit(titled(performance), frame.width, 11), x: frame.x + frame.width / 2, y: plot.height - 6, anchor: "middle", weight: 600 },
       { key: "axis-y", text: _chunkQ5A2TY2Acjs.FrameworkText.fit(titled(potential), frame.height, 11), x: 6, y: frame.y + frame.height / 2, anchor: "middle", weight: 600, turned: true },
       ...TIERS.flatMap((text, i) => [
-        { key: `tier-x/${text}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(text, wide, 10), x: frame.x + i * (wide + GAP6) + wide / 2, y: frame.y + frame.height + 8, anchor: "middle", size: 10 },
-        { key: `tier-y/${text}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(text, tall, 10), x: 20, y: frame.y + (2 - i) * (tall + GAP6) + tall / 2, anchor: "middle", size: 10, turned: true }
+        { key: `tier-x/${text}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(text, wide, 10), x: frame.x + i * (wide + GAP7) + wide / 2, y: frame.y + frame.height + 8, anchor: "middle", size: 10 },
+        { key: `tier-y/${text}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(text, tall, 10), x: 20, y: frame.y + (2 - i) * (tall + GAP7) + tall / 2, anchor: "middle", size: 10, turned: true }
       ]),
-      ...labelled ? cells.map((cell) => ({ key: `cell/${cell.key}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(cell.name, cell.width - PAD5 * 2, 10), full: cell.name, x: cell.x + PAD5, y: cell.y + 9, size: 10, weight: 600 })) : []
+      ...labelled ? cells.map((cell) => ({ key: `cell/${cell.key}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(cell.name, cell.width - PAD6 * 2, 10), full: cell.name, x: cell.x + PAD6, y: cell.y + 9, size: 10, weight: 600 })) : []
     ];
     const largest = _d3.max.call(void 0, entries, (entry) => Math.max(0, _nullishCoalesce(entry.size, () => ( 0)))) || 1;
     const dots = placement !== "scatter" /* Scatter */ ? [] : cells.flatMap((cell) => cell.entries.map((entry, i) => {
@@ -1471,7 +2330,7 @@ var NineBoxGrid = (_class8 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2
     const marks = ctx.marks("placed", "circle", [...dots].sort((a, b) => b.r - a.r), (dot) => dot.key).attr("fill", (dot) => dot.fill).attr("stroke", theme.surface).attr("stroke-width", 2);
     ctx.set(marks, { cx: (dot) => dot.x, cy: (dot) => dot.y, r: (dot) => dot.r }, { r: 0 }, 15);
     ctx.hover(marks, (dot) => tell(dot.entry, dot.cell));
-    const headers = labelled ? cells.map((cell) => ({ x: cell.x, y: cell.y, width: Math.min(cell.width, _chunkQ5A2TY2Acjs.FrameworkText.width(cell.name, 10) + PAD5 * 2), height: head })) : [];
+    const headers = labelled ? cells.map((cell) => ({ x: cell.x, y: cell.y, width: Math.min(cell.width, _chunkQ5A2TY2Acjs.FrameworkText.width(cell.name, 10) + PAD6 * 2), height: head })) : [];
     words.push(...StrategyLabels.place(dots.map((dot) => ({ key: `name/${dot.key}`, text: dot.entry.name, x: dot.x, y: dot.y, r: dot.r + 1 })), frame, 10, 90, headers));
     const counted = placement === "count" /* Count */ ? cells : [];
     const most = _d3.max.call(void 0, cells, (cell) => cell.entries.length) || 1, reach = Math.max(0, Math.min(wide, tall - head) / 2 - 3);
@@ -1494,15 +2353,180 @@ var NineBoxGrid = (_class8 = class _NineBoxGrid extends _chunkEEF5WRRZcjs.Chart2
     const lists = placement !== "list" /* List */ ? [] : cells.map((cell) => ({
       key: cell.key,
       color: theme.inkMuted,
-      x: cell.x + PAD5,
+      x: cell.x + PAD6,
       y: cell.y + head + 3,
-      width: Math.max(0, cell.width - PAD5 * 2),
+      width: Math.max(0, cell.width - PAD6 * 2),
       height: Math.max(0, cell.height - head - 6),
       notes: cell.entries.map((entry) => ({ text: entry.name, color: color(entry), rows: tell(entry, cell).rows }))
     }));
     StrategyNotes.draw(ctx, "names", StrategyNotes.plan(lists, "bullet"), "bullet");
   }
-}, _class8.__initStatic8(), _class8);
+}, _class12.__initStatic12(), _class12);
+
+// src/charts/strategycharts/OkrTree.ts
+
+var OkrTreeLayout = /* @__PURE__ */ ((OkrTreeLayout2) => {
+  OkrTreeLayout2["Tree"] = "tree";
+  OkrTreeLayout2["List"] = "list";
+  return OkrTreeLayout2;
+})(OkrTreeLayout || {});
+var OkrTreeRollup = /* @__PURE__ */ ((OkrTreeRollup2) => {
+  OkrTreeRollup2["Mean"] = "mean";
+  OkrTreeRollup2["Weakest"] = "weakest";
+  return OkrTreeRollup2;
+})(OkrTreeRollup || {});
+var BAR = 6;
+var GROUP = 10;
+var INDENT2 = 18;
+var SIZE4 = 10.5;
+var FIGURE = 30;
+var PIP2 = 34;
+var LEVELS = [[0.7, "On track", "good"], [0.4, "At risk", "warning"], [-Infinity, "Off track", "critical"]];
+var OkrTree = (_class13 = class _OkrTree extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic13() {this.meta = {
+    id: "okr-tree",
+    name: "OKR tree",
+    family: "hierarchy" /* Hierarchy */,
+    dimension: 2 /* Two */,
+    shape: "table" /* Table */,
+    description: "Lists objectives over their key results with a progress bar and confidence on each, and scores every objective from its key results.",
+    tags: ["okr", "objectives", "key results", "goals", "progress", "planning"],
+    sample: (seed) => StrategySamples.okr(seed),
+    variants: {
+      layout: ["tree" /* Tree */, "list" /* List */],
+      rollup: ["mean" /* Mean */, "weakest" /* Weakest */],
+      confidenceMarks: [true, false]
+    }
+  }}
+  /** One score for several: their mean, or the lowest. Null when there are none. */
+  static rollup(values, how = "mean" /* Mean */) {
+    return _nullishCoalesce((how === "weakest" /* Weakest */ ? _d3.min.call(void 0, values) : _d3.mean.call(void 0, values)), () => ( null));
+  }
+  /** What a confidence from 0 to 1 is called: on track from 0.7, at risk from 0.4, off track below. */
+  static status(confidence) {
+    return LEVELS.find(([floor]) => confidence >= floor)[1];
+  }
+  defaults() {
+    return { objective: "objective", keyResult: "keyResult", progress: "progress", confidence: "confidence", layout: "tree" /* Tree */, rollup: "mean" /* Mean */, confidenceMarks: true };
+  }
+  plotMargin() {
+    return { top: 8, right: 12, bottom: 8, left: 12 };
+  }
+  /** Every objective is named where it is drawn. */
+  legendItems() {
+    return [];
+  }
+  /** The objectives in order, each scored from its key results. */
+  get objectives() {
+    const { objective, keyResult, progress, confidence, rollup } = this.options, rows = StrategyRows.of(this.options.data);
+    const most = _nullishCoalesce(_d3.max.call(void 0, rows, (row) => _nullishCoalesce(StrategyRows.number(row[confidence]), () => ( 0))), () => ( 0)), unit = most <= 1 ? 1 : most <= 10 ? 10 : 100;
+    const held = /* @__PURE__ */ new Map();
+    for (const row of rows) {
+      const name = _chunkQ5A2TY2Acjs.FrameworkText.clean(row[objective]), done = StrategyRows.number(row[progress]), sure = StrategyRows.number(row[confidence]);
+      if (!name || done === null) continue;
+      held.set(name, [..._nullishCoalesce(held.get(name), () => ( [])), { name: _chunkQ5A2TY2Acjs.FrameworkText.clean(row[keyResult]) || "Unnamed", progress: StrategyRows.clamp(done, 0, 100), confidence: sure === null ? null : StrategyRows.clamp(sure / unit, 0, 1) }]);
+    }
+    return [...held].map(([name, keyResults]) => ({
+      name,
+      keyResults,
+      progress: _nullishCoalesce(_OkrTree.rollup(keyResults.map((result) => result.progress), rollup), () => ( 0)),
+      confidence: _OkrTree.rollup(keyResults.flatMap((result) => _nullishCoalesce(result.confidence, () => ( []))), rollup)
+    }));
+  }
+  draw(ctx) {
+    const { theme } = ctx, parts = this.options.layout === "list" /* List */ ? this.#list(ctx) : this.#tree(ctx);
+    const cards = ctx.marks("objectives", "rect", parts.cards, (card) => card.key).attr("rx", 4).attr("fill", (card) => card.color).attr("fill-opacity", 0.14);
+    ctx.set(cards, { x: (card) => card.x, y: (card) => card.y, width: (card) => card.width, height: (card) => card.height });
+    const links = ctx.marks("links", "path", parts.links, (link) => link.key).attr("fill", "none").attr("stroke", theme.axis).attr("stroke-width", 1.5);
+    ctx.set(links, { d: (link) => link.d });
+    const guides = ctx.marks("axis-guides", "path", parts.guides, (guide) => guide.key).attr("fill", "none").attr("stroke", theme.axis);
+    ctx.set(guides, { d: (guide) => guide.d });
+    const meters = ctx.marks("meters", "g", parts.meters, (meter) => meter.key);
+    ctx.hover(meters, (meter) => meter.tip);
+    const tracks = meters.selectAll("rect.track").data((meter) => [meter]).join("rect").attr("class", "track").attr("rx", BAR / 2).attr("fill", theme.grid);
+    ctx.set(tracks, { x: (meter) => meter.x, y: (meter) => meter.y, width: (meter) => meter.width, height: BAR });
+    const fills = meters.selectAll("rect.done").data((meter) => [meter]).join("rect").attr("class", "done").attr("rx", BAR / 2).attr("fill", (meter) => meter.color);
+    ctx.set(fills, { x: (meter) => meter.x, y: (meter) => meter.y, width: (meter) => meter.width * meter.share, height: BAR }, { width: 0 }, 25);
+    const pips = ctx.marks("confidence", "circle", parts.pips, (pip) => pip.key).attr("fill", (pip) => pip.color).attr("stroke", theme.surface).attr("stroke-width", 2);
+    ctx.set(pips, { cx: (pip) => pip.x, cy: (pip) => pip.y, r: 4.5 }, { r: 0 }, 15);
+    StrategyWords.draw(ctx, "words", parts.words);
+  }
+  /** Room after a bar for its percentage and, with confidence shown, its dot and figure. */
+  get #trail() {
+    return FIGURE + (this.options.confidenceMarks ? PIP2 : 0);
+  }
+  /** A bar from `x` across `width`, centred on `y`, with what follows it. */
+  #meter(ctx, parts, key, item, color, x, y, width, tip, bold) {
+    const { theme } = ctx, after = x + width + 6;
+    parts.meters.push({ key, x, y: y - BAR / 2, width, height: BAR, share: item.progress / 100, color, tip });
+    parts.words.push({ key: `done/${key}`, text: `${Math.round(item.progress)}%`, x: after, y, size: SIZE4, weight: bold ? 600 : 400, tone: "ink" });
+    if (!this.options.confidenceMarks || item.confidence === null) return;
+    const level = LEVELS.find(([floor]) => item.confidence >= floor);
+    parts.pips.push({ key, x: after + FIGURE + 3, y, color: theme[level[2]] });
+    parts.words.push({ key: `sure/${key}`, text: item.confidence.toFixed(1), x: after + FIGURE + 11, y, size: SIZE4 });
+  }
+  #tips(objective, color) {
+    const sure = (item) => item.confidence === null ? [] : [["Confidence", `${item.confidence.toFixed(2)}, ${_OkrTree.status(item.confidence).toLowerCase()}`]];
+    const how = this.options.rollup === "weakest" /* Weakest */ ? "weakest key result" : "mean of key results";
+    return {
+      own: _chunkQ5A2TY2Acjs.FrameworkText.tip(objective.name, [["Key results", objective.keyResults.length], [`Progress, ${how}`, `${Math.round(objective.progress)}%`], ...sure(objective)], color),
+      of: (result) => _chunkQ5A2TY2Acjs.FrameworkText.tip(result.name, [["Progress", `${Math.round(result.progress)}%`], ...sure(result)], color)
+    };
+  }
+  /** The objectives and the height of a row: with their key results while a row gets `least` px, and alone, as a list, in a plot too short for that. */
+  #fitted(least, height) {
+    const all = this.objectives, bare = all.map((objective) => ({ ...objective, keyResults: [] }));
+    const rowOf = (list, units2) => Math.max(0, height - GROUP * (list.length - 1)) / Math.max(1, _d3.sum.call(void 0, list, units2));
+    const units = this.options.layout === "list" /* List */ ? (objective) => objective.keyResults.length + 1 : (objective) => Math.max(1.4, objective.keyResults.length);
+    const row = rowOf(all, units);
+    return row >= least ? { shown: all, row } : { shown: bare, row: rowOf(bare, units) };
+  }
+  #tree(ctx) {
+    const { plot, palette } = ctx, parts = { cards: [], links: [], guides: [], meters: [], pips: [], words: [] };
+    const { shown, row: free } = this.#fitted(12, plot.height), row = Math.min(46, free), trail = this.#trail;
+    if (!shown.some((objective) => objective.keyResults.length)) return this.#list(ctx);
+    const left = Math.min(250, plot.width * 0.37), reach = Math.max(18, plot.width * 0.06), start = left + reach, across = Math.max(0, plot.width - start - trail - 6);
+    let top = 0;
+    shown.forEach((objective, i) => {
+      const color = palette.color(objective.name), tips = this.#tips(objective, color), tall = Math.max(1.4, objective.keyResults.length) * row;
+      const card = { key: `${i}`, color, x: 0, y: top + 2, width: left, height: Math.max(0, tall - 4) }, middle = top + tall / 2, room = left - 16;
+      parts.cards.push(card);
+      const barred = card.height >= 20 && room - trail >= 24, lines = Math.floor((card.height - 8 - (barred ? 14 : 0)) / 13);
+      const name = _chunkQ5A2TY2Acjs.FrameworkText.clamp(_chunkQ5A2TY2Acjs.FrameworkText.wrap(objective.name, room, 11), Math.max(0, lines), room, 11), from = middle - (name.length * 13 + (barred ? 14 : 0)) / 2 + 6;
+      parts.words.push(...name.map((text, line8) => ({ key: `objective/${i}/${line8}`, text, full: objective.name, x: 8, y: from + line8 * 13, size: 11, weight: 600, tone: "ink" })));
+      if (barred) this.#meter(ctx, parts, `${i}`, objective, color, 8, from + name.length * 13 + 2, room - trail, tips.own, true);
+      const first = top + (tall - objective.keyResults.length * row) / 2;
+      objective.keyResults.forEach((result, k) => {
+        const centre = first + (k + 0.5) * row, over = row >= 25, beside = over ? 0 : Math.round(across * 0.5), key = `${i}/${k}`;
+        parts.links.push({ key, d: `M${left},${middle}C${left + reach * 0.55},${middle} ${left + reach * 0.45},${centre} ${start - 4},${centre}` });
+        parts.words.push({ key: `result/${key}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(result.name, over ? plot.width - start : beside - 6, SIZE4), full: result.name, x: start, y: centre - (over ? 7 : 0), size: SIZE4, tone: "ink" });
+        this.#meter(ctx, parts, key, result, color, start + beside, centre + (over ? 7 : 0), across - beside, tips.of(result), false);
+      });
+      top += tall + GROUP;
+    });
+    return parts;
+  }
+  #list(ctx) {
+    const { plot, palette } = ctx, parts = { cards: [], links: [], guides: [], meters: [], pips: [], words: [] };
+    const { shown, row: free } = this.#fitted(13, plot.height), row = Math.min(32, free), trail = this.#trail;
+    const bar = Math.max(40, Math.min(220, plot.width * 0.3)), at = Math.max(0, plot.width - trail - 6 - bar), named = row >= 12;
+    let top = 0;
+    shown.forEach((objective, i) => {
+      const color = palette.color(objective.name), tips = this.#tips(objective, color), head = top + row / 2;
+      if (named) parts.words.push({ key: `objective/${i}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(objective.name, at - 10, 11.5), full: objective.name, x: 0, y: head, size: 11.5, weight: 600, tone: "ink" });
+      this.#meter(ctx, parts, `${i}`, objective, color, at, head, bar, tips.own, true);
+      const centres = objective.keyResults.map((_, k) => top + (k + 1.5) * row);
+      if (centres.length) parts.guides.push({ key: `${i}`, d: `M6,${head + Math.min(9, row / 2)}V${centres.at(-1)}${centres.map((centre) => `M6,${centre}H${INDENT2 - 5}`).join("")}` });
+      objective.keyResults.forEach((result, k) => {
+        const key = `${i}/${k}`;
+        parts.words.push({ key: `result/${key}`, text: _chunkQ5A2TY2Acjs.FrameworkText.fit(result.name, at - INDENT2 - 10, SIZE4), full: result.name, x: INDENT2, y: centres[k], size: SIZE4, tone: "ink" });
+        this.#meter(ctx, parts, key, result, color, at, centres[k], bar, tips.of(result), false);
+      });
+      top += (objective.keyResults.length + 1) * row + GROUP;
+    });
+    return parts;
+  }
+}, _class13.__initStatic13(), _class13);
 
 // src/charts/strategycharts/StrategyCanvasChart.ts
 
@@ -1514,8 +2538,8 @@ var StrategyCanvasOrder = /* @__PURE__ */ ((StrategyCanvasOrder2) => {
 })(StrategyCanvasOrder || {});
 var LABEL = 10;
 var ROWS = 2;
-var StrategyCanvasChart = (_class9 = class _StrategyCanvasChart extends _chunkXX2YTCORcjs.CartesianChart {
-  static __initStatic9() {this.meta = {
+var StrategyCanvasChart = (_class14 = class _StrategyCanvasChart extends _chunkXX2YTCORcjs.CartesianChart {
+  static __initStatic14() {this.meta = {
     id: "strategy-canvas",
     name: "Strategy canvas",
     family: "comparison" /* Comparison */,
@@ -1596,7 +2620,7 @@ var StrategyCanvasChart = (_class9 = class _StrategyCanvasChart extends _chunkXX
     });
     const band = _d3.area.call(void 0, ).x((point) => at(point.factor)).y0((point) => y(point.others)).y1((point) => y(point.value)).curve(_chunkPY4R3IFFcjs.Scales.curve(curve));
     const shade = ctx.marks("gap", "path", apart.length > 1 ? [apart] : []).attr("fill", focal ? palette.color(focal.offering) : "none").attr("fill-opacity", 0.16);
-    ctx.set(shade, { d: (points) => _nullishCoalesce(band(points), () => ( "")) });
+    ctx.set(shade, { d: (points2) => _nullishCoalesce(band(points2), () => ( "")) });
     const path = _d3.line.call(void 0, ).x((point) => at(point.factor)).y((point) => y(point.value)).curve(_chunkPY4R3IFFcjs.Scales.curve(curve));
     const lines = ctx.marks("curves", "path", curves, (item) => item.offering).attr("fill", "none").attr("stroke", (item) => palette.color(item.offering)).attr("stroke-width", 2).attr("stroke-linejoin", "round");
     ctx.set(lines, { d: (item) => _nullishCoalesce(path(item.points), () => ( "")) });
@@ -1608,7 +2632,7 @@ var StrategyCanvasChart = (_class9 = class _StrategyCanvasChart extends _chunkXX
     const names = _StrategyCanvasChart.#names(factors, x.step()).flatMap((lines2, i) => lines2.flatMap((text, row) => text ? [{ key: `${factors[i]}/${row}`, text, full: factors[i], x: at(factors[i]), y: ctx.plot.height + 13 + row * 11, anchor: "middle", size: LABEL }] : []));
     StrategyWords.draw(ctx, "axis-factors", names);
   }
-}, _class9.__initStatic9(), _class9);
+}, _class14.__initStatic14(), _class14);
 
 // src/charts/strategycharts/TechnologyAdoptionCurve.ts
 
@@ -1619,13 +2643,13 @@ var TechnologyAdoptionSegments = /* @__PURE__ */ ((TechnologyAdoptionSegments2)
 })(TechnologyAdoptionSegments || {});
 var SHARES = [["Innovators", 2.5], ["Early adopters", 13.5], ["Early majority", 34], ["Late majority", 34], ["Laggards", 16]];
 var REACH = 3.1;
-var GAP7 = 18;
+var GAP8 = 18;
 var BELL = 0.8;
 var NAME_SIZE2 = 10;
 var SERIES = "Cumulative adoption";
 var density = (z) => Math.exp(-(z * z) / 2);
-var TechnologyAdoptionCurve = (_class10 = class _TechnologyAdoptionCurve extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic10() {this.meta = {
+var TechnologyAdoptionCurve = (_class15 = class _TechnologyAdoptionCurve extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic15() {this.meta = {
     id: "technology-adoption-curve",
     name: "Technology adoption curve",
     family: "distribution" /* Distribution */,
@@ -1682,7 +2706,7 @@ var TechnologyAdoptionCurve = (_class10 = class _TechnologyAdoptionCurve extends
   }
   draw(ctx) {
     const { item, adoption, segments, cumulative, chasm } = this.options, { plot, theme, palette } = ctx;
-    const groups = _TechnologyAdoptionCurve.groups(), gap = chasm ? GAP7 : 0, split = groups[1].to;
+    const groups = _TechnologyAdoptionCurve.groups(), gap = chasm ? GAP8 : 0, split = groups[1].to;
     const right = cumulative ? 30 : 0;
     const scale = Math.max(1, plot.width - right - gap) / (REACH * 2);
     const names = groups.map((group) => _chunkQ5A2TY2Acjs.FrameworkText.clamp(_chunkQ5A2TY2Acjs.FrameworkText.wrap(group.name, (group.to - group.from) * scale - 4, NAME_SIZE2), 2, (group.to - group.from) * scale - 4, NAME_SIZE2));
@@ -1713,7 +2737,7 @@ var TechnologyAdoptionCurve = (_class10 = class _TechnologyAdoptionCurve extends
     ctx.set(baseline, { x1: 0, x2: frame.width, y1: bottom, y2: bottom });
     const climb = [...steps(-REACH, split).map((z) => [x(z, false), rise2(z)]), ...steps(split, REACH).map((z) => [x(z, true), rise2(z)])];
     const curve = ctx.marks("cumulative", "path", cumulative ? [climb] : []).attr("fill", "none").attr("stroke", stroke).attr("stroke-width", 2).attr("stroke-linecap", "round");
-    ctx.set(curve, { d: (points) => _nullishCoalesce(_d3.line.call(void 0, )(points), () => ( "")) });
+    ctx.set(curve, { d: (points2) => _nullishCoalesce(_d3.line.call(void 0, )(points2), () => ( "")) });
     ctx.drawOn(curve);
     const marked = StrategyRows.of(this.options.data).flatMap((row, i) => {
       const share = StrategyRows.number(row[adoption]);
@@ -1747,7 +2771,7 @@ var TechnologyAdoptionCurve = (_class10 = class _TechnologyAdoptionCurve extends
     words.push(...StrategyLabels.place(anchors, frame, 10.5, 140, [...under, ...titled2], traced));
     StrategyWords.draw(ctx, "words", words);
   }
-}, _class10.__initStatic10(), _class10);
+}, _class15.__initStatic15(), _class15);
 
 // src/charts/strategycharts/WardleyMap.ts
 var WardleyStages = /* @__PURE__ */ ((WardleyStages2) => {
@@ -1760,14 +2784,14 @@ var WardleyAxis = /* @__PURE__ */ ((WardleyAxis2) => {
   WardleyAxis2["Even"] = "even";
   return WardleyAxis2;
 })(WardleyAxis || {});
-var STAGES = [{ name: "Genesis", to: 0.175 }, { name: "Custom built", to: 0.4 }, { name: "Product", to: 0.7 }, { name: "Commodity", to: 1 }];
+var STAGES2 = [{ name: "Genesis", to: 0.175 }, { name: "Custom built", to: 0.4 }, { name: "Product", to: 0.7 }, { name: "Commodity", to: 1 }];
 var GUTTER4 = 16;
 var R2 = 5;
-var HEAD4 = 7;
+var HEAD6 = 7;
 var COMPONENT = "Component";
 var MOVEMENT = "Evolving";
-var WardleyMap = (_class11 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D {
-  static __initStatic11() {this.meta = {
+var WardleyMap = (_class16 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D {
+  static __initStatic16() {this.meta = {
     id: "wardley-map",
     name: "Wardley map",
     family: "network" /* Network */,
@@ -1784,12 +2808,12 @@ var WardleyMap = (_class11 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D
   }}
   /** The stage of evolution that holds `evolution`, 0 to 1. */
   static stage(evolution) {
-    return (_nullishCoalesce(STAGES.find((stage) => evolution < stage.to), () => ( STAGES[STAGES.length - 1]))).name;
+    return (_nullishCoalesce(STAGES2.find((stage) => evolution < stage.to), () => ( STAGES2[STAGES2.length - 1]))).name;
   }
   /** Where `evolution` falls when the four stages are drawn equally wide, 0 to 1. */
   static even(evolution) {
-    const at = StrategyRows.clamp(evolution, 0, 1), index = Math.max(0, STAGES.findIndex((stage) => at <= stage.to)), from = index ? STAGES[index - 1].to : 0;
-    return (index + (at - from) / (STAGES[index].to - from)) / STAGES.length;
+    const at = StrategyRows.clamp(evolution, 0, 1), index = Math.max(0, STAGES2.findIndex((stage) => at <= stage.to)), from = index ? STAGES2[index - 1].to : 0;
+    return (index + (at - from) / (STAGES2[index].to - from)) / STAGES2.length;
   }
   defaults() {
     return { name: "name", visibility: "visibility", evolution: "evolution", evolveTo: "evolveTo", stages: "bands" /* Bands */, axis: "standard" /* Standard */, movement: true };
@@ -1801,15 +2825,15 @@ var WardleyMap = (_class11 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D
   get model() {
     const { data, name, visibility, evolution, evolveTo } = this.options;
     const byId = /* @__PURE__ */ new Map();
-    for (const node of StrategyRows.of(_optionalChain([data, 'optionalAccess', _12 => _12.nodes]))) {
+    for (const node of StrategyRows.of(_optionalChain([data, 'optionalAccess', _37 => _37.nodes]))) {
       const id = _chunkQ5A2TY2Acjs.FrameworkText.clean(node.id), up = StrategyRows.number(node[visibility]), along = StrategyRows.number(node[evolution]), next = StrategyRows.number(node[evolveTo]);
       if (!id || byId.has(id) || up === null || along === null) continue;
       const at = StrategyRows.clamp(along, 0, 1);
       byId.set(id, { id, name: _chunkQ5A2TY2Acjs.FrameworkText.clean(node[name]) || id, visibility: StrategyRows.clamp(up, 0, 1), evolution: at, evolveTo: next === null ? null : StrategyRows.clamp(next, 0, 1), stage: _WardleyMap.stage(at), node });
     }
     const seen = /* @__PURE__ */ new Set();
-    const needs = StrategyRows.of(_optionalChain([data, 'optionalAccess', _13 => _13.links])).flatMap((link) => {
-      const from = byId.get(_chunkQ5A2TY2Acjs.FrameworkText.clean(link.source)), to = byId.get(_chunkQ5A2TY2Acjs.FrameworkText.clean(link.target)), key = `${_optionalChain([from, 'optionalAccess', _14 => _14.id])}>${_optionalChain([to, 'optionalAccess', _15 => _15.id])}`;
+    const needs = StrategyRows.of(_optionalChain([data, 'optionalAccess', _38 => _38.links])).flatMap((link) => {
+      const from = byId.get(_chunkQ5A2TY2Acjs.FrameworkText.clean(link.source)), to = byId.get(_chunkQ5A2TY2Acjs.FrameworkText.clean(link.target)), key = `${_optionalChain([from, 'optionalAccess', _39 => _39.id])}>${_optionalChain([to, 'optionalAccess', _40 => _40.id])}`;
       if (!from || !to || from === to || seen.has(key)) return [];
       seen.add(key);
       return [[from, to]];
@@ -1830,7 +2854,7 @@ var WardleyMap = (_class11 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D
     const bottom = frame.y + frame.height, inset = R2 + 3;
     const { components, needs } = this.model;
     const spots = new Map(components.map((item) => [item, { ...item, x: along(item.evolution), y: frame.y + inset + (1 - item.visibility) * (frame.height - inset * 2) }]));
-    const spans = STAGES.map((stage, i) => ({ name: stage.name, from: along(i ? STAGES[i - 1].to : 0), to: along(stage.to) }));
+    const spans = STAGES2.map((stage, i) => ({ name: stage.name, from: along(i ? STAGES2[i - 1].to : 0), to: along(stage.to) }));
     const bands = ctx.marks("stage-bands", "rect", stages === "bands" /* Bands */ ? spans.filter((_, i) => i % 2 === 0) : [], (span) => span.name).attr("fill", theme.grid).attr("fill-opacity", 0.55);
     ctx.set(bands, { x: (span) => span.from, y: frame.y, width: (span) => span.to - span.from, height: frame.height });
     const rules = ctx.marks("stage-rules", "line", stages === "rules" /* Rules */ ? spans.slice(1) : [], (span) => span.name).attr("stroke", theme.axis).attr("stroke-dasharray", "3 3");
@@ -1845,13 +2869,13 @@ var WardleyMap = (_class11 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D
     const moves = !movement ? [] : [...spots.values()].flatMap((spot) => {
       if (spot.evolveTo === null) return [];
       const target = along(spot.evolveTo), way = Math.sign(target - spot.x);
-      return Math.abs(target - spot.x) > R2 + HEAD4 + 2 ? [{ key: spot.id, spot, x1: spot.x + way * (R2 + 2), x2: target }] : [];
+      return Math.abs(target - spot.x) > R2 + HEAD6 + 2 ? [{ key: spot.id, spot, x1: spot.x + way * (R2 + 2), x2: target }] : [];
     });
     const heading = moves.length ? palette.color(MOVEMENT) : fill;
     const arrows = ctx.marks("movement", "line", moves, (move) => move.key).attr("stroke", heading).attr("stroke-width", 2).attr("stroke-dasharray", "4 3");
-    ctx.set(arrows, { x1: (move) => move.x1, x2: (move) => move.x2 - Math.sign(move.x2 - move.x1) * HEAD4, y1: (move) => move.spot.y, y2: (move) => move.spot.y });
+    ctx.set(arrows, { x1: (move) => move.x1, x2: (move) => move.x2 - Math.sign(move.x2 - move.x1) * HEAD6, y1: (move) => move.spot.y, y2: (move) => move.spot.y });
     const heads = ctx.marks("movement-heads", "path", moves, (move) => move.key).attr("fill", heading);
-    ctx.set(heads, { d: `M0,0L${-HEAD4},${-HEAD4 / 2}V${HEAD4 / 2}Z`, transform: (move) => `translate(${move.x2},${move.spot.y})${move.x2 < move.x1 ? " rotate(180)" : ""}` });
+    ctx.set(heads, { d: `M0,0L${-HEAD6},${-HEAD6 / 2}V${HEAD6 / 2}Z`, transform: (move) => `translate(${move.x2},${move.spot.y})${move.x2 < move.x1 ? " rotate(180)" : ""}` });
     const moved = (move) => ({ title: move.spot.name, color: heading, rows: [["Now", move.spot.stage], ["Heading for", _WardleyMap.stage(move.spot.evolveTo)]] });
     ctx.hover(arrows, moved);
     ctx.hover(heads, moved);
@@ -1871,12 +2895,12 @@ var WardleyMap = (_class11 = class _WardleyMap extends _chunkEEF5WRRZcjs.Chart2D
     ];
     const traced = [
       ...links.flatMap((link) => Array.from({ length: 9 }, (_, i) => ({ x: link.from.x + (link.to.x - link.from.x) * (i + 1) / 10 - 2, y: link.from.y + (link.to.y - link.from.y) * (i + 1) / 10 - 2, width: 4, height: 4 }))),
-      ...moves.map((move) => ({ x: Math.min(move.x1, move.x2), y: move.spot.y - HEAD4 / 2, width: Math.abs(move.x2 - move.x1), height: HEAD4 }))
+      ...moves.map((move) => ({ x: Math.min(move.x1, move.x2), y: move.spot.y - HEAD6 / 2, width: Math.abs(move.x2 - move.x1), height: HEAD6 }))
     ];
     words.push(...StrategyLabels.place(placed.map((spot) => ({ key: `name/${spot.id}`, text: spot.name, x: spot.x, y: spot.y, r: R2 + 1 })), frame, 10.5, 120, [], traced));
     StrategyWords.draw(ctx, "words", words);
   }
-}, _class11.__initStatic11(), _class11);
+}, _class16.__initStatic16(), _class16);
 
 // src/charts/strategycharts/index.ts
 var strategychartsCatalog = [
@@ -1890,7 +2914,12 @@ var strategychartsCatalog = [
   CustomerJourneyMap,
   EisenhowerMatrix,
   FootballFieldChart,
-  NineBoxGrid
+  NineBoxGrid,
+  CapTableChart,
+  BurnRunwayChart,
+  KanbanBoard,
+  OkrTree,
+  BassDiffusionChart
 ];
 
 
@@ -1932,4 +2961,17 @@ var strategychartsCatalog = [
 
 
 
-exports.KanoCategory = KanoCategory; exports.BusinessModelCanvasKind = BusinessModelCanvasKind; exports.BusinessModelCanvasNotes = BusinessModelCanvasNotes; exports.BusinessModelCanvas = BusinessModelCanvas; exports.CustomerJourneyStageMark = CustomerJourneyStageMark; exports.CustomerJourneyEmotionMark = CustomerJourneyEmotionMark; exports.CustomerJourneyEmotionPlace = CustomerJourneyEmotionPlace; exports.CustomerJourneyMap = CustomerJourneyMap; exports.EisenhowerQuadrant = EisenhowerQuadrant; exports.EisenhowerLayout = EisenhowerLayout; exports.EisenhowerTaskMark = EisenhowerTaskMark; exports.EisenhowerMatrix = EisenhowerMatrix; exports.FiveForcesForce = FiveForcesForce; exports.FiveForcesRating = FiveForcesRating; exports.FiveForcesArrows = FiveForcesArrows; exports.FiveForcesDiagram = FiveForcesDiagram; exports.FootballFieldMark = FootballFieldMark; exports.FootballFieldOrder = FootballFieldOrder; exports.FootballFieldChart = FootballFieldChart; exports.HypeCycleMarker = HypeCycleMarker; exports.HypeCyclePhases = HypeCyclePhases; exports.HypeCycleLabels = HypeCycleLabels; exports.HypeCycleChart = HypeCycleChart; exports.KanoCurveSet = KanoCurveSet; exports.KanoAxes = KanoAxes; exports.KanoMarker = KanoMarker; exports.KanoPlacement = KanoPlacement; exports.KanoModelChart = KanoModelChart; exports.NineBoxPlacement = NineBoxPlacement; exports.NineBoxGrid = NineBoxGrid; exports.StrategyCanvasOrder = StrategyCanvasOrder; exports.StrategyCanvasChart = StrategyCanvasChart; exports.TechnologyAdoptionSegments = TechnologyAdoptionSegments; exports.TechnologyAdoptionCurve = TechnologyAdoptionCurve; exports.WardleyStages = WardleyStages; exports.WardleyAxis = WardleyAxis; exports.WardleyMap = WardleyMap; exports.strategychartsCatalog = strategychartsCatalog;
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.KanoCategory = KanoCategory; exports.BassDiffusionView = BassDiffusionView; exports.BassDiffusionChart = BassDiffusionChart; exports.BurnRunwayBalance = BurnRunwayBalance; exports.BurnRunwayLayout = BurnRunwayLayout; exports.BurnRunwayChart = BurnRunwayChart; exports.BusinessModelCanvasKind = BusinessModelCanvasKind; exports.BusinessModelCanvasNotes = BusinessModelCanvasNotes; exports.BusinessModelCanvas = BusinessModelCanvas; exports.CapTableView = CapTableView; exports.CapTableBasis = CapTableBasis; exports.CapTableChart = CapTableChart; exports.CustomerJourneyStageMark = CustomerJourneyStageMark; exports.CustomerJourneyEmotionMark = CustomerJourneyEmotionMark; exports.CustomerJourneyEmotionPlace = CustomerJourneyEmotionPlace; exports.CustomerJourneyMap = CustomerJourneyMap; exports.EisenhowerQuadrant = EisenhowerQuadrant; exports.EisenhowerLayout = EisenhowerLayout; exports.EisenhowerTaskMark = EisenhowerTaskMark; exports.EisenhowerMatrix = EisenhowerMatrix; exports.FiveForcesForce = FiveForcesForce; exports.FiveForcesRating = FiveForcesRating; exports.FiveForcesArrows = FiveForcesArrows; exports.FiveForcesDiagram = FiveForcesDiagram; exports.FootballFieldMark = FootballFieldMark; exports.FootballFieldOrder = FootballFieldOrder; exports.FootballFieldChart = FootballFieldChart; exports.HypeCycleMarker = HypeCycleMarker; exports.HypeCyclePhases = HypeCyclePhases; exports.HypeCycleLabels = HypeCycleLabels; exports.HypeCycleChart = HypeCycleChart; exports.KanbanCardDetail = KanbanCardDetail; exports.KanbanBoard = KanbanBoard; exports.KanoCurveSet = KanoCurveSet; exports.KanoAxes = KanoAxes; exports.KanoMarker = KanoMarker; exports.KanoPlacement = KanoPlacement; exports.KanoModelChart = KanoModelChart; exports.NineBoxPlacement = NineBoxPlacement; exports.NineBoxGrid = NineBoxGrid; exports.OkrTreeLayout = OkrTreeLayout; exports.OkrTreeRollup = OkrTreeRollup; exports.OkrTree = OkrTree; exports.StrategyCanvasOrder = StrategyCanvasOrder; exports.StrategyCanvasChart = StrategyCanvasChart; exports.TechnologyAdoptionSegments = TechnologyAdoptionSegments; exports.TechnologyAdoptionCurve = TechnologyAdoptionCurve; exports.WardleyStages = WardleyStages; exports.WardleyAxis = WardleyAxis; exports.WardleyMap = WardleyMap; exports.strategychartsCatalog = strategychartsCatalog;