ghost-paper 0.2.0 → 0.3.0

package/dist/chunk-3HX4SVJH.js

@@ -1,1504 +0,0 @@
-// src/parse.ts
-import { unified } from "unified";
-import remarkParse from "remark-parse";
-import remarkGfm from "remark-gfm";
-import remarkFrontmatter from "remark-frontmatter";
-import YAML from "yaml";
-
-// src/classify.ts
-var TIME_PATTERNS = [
-  /^(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\b/i,
-  /^(January|February|March|April|May|June|July|August|September|October|November|December)\b/i,
-  /^Q[1-4]\b/i,
-  /^W\d{1,2}$/i,
-  /^\d{4}[-\/]\d{2}/,
-  /^\d{4}$/,
-  /^(Week|Wk)\s*\d+/i,
-  /^(H[12])\b/i,
-  /^(FY\s*\d{2,4})/i
-];
-function isNumericValue(s) {
-  if (!s || s === "\u2014" || s === "\u2013" || s === "-" || s === "N/A" || s === "n/a") return false;
-  const stripped = s.replace(/\s*\(.*?\)\s*/g, "").trim();
-  if (!stripped) return false;
-  const cleaned = stripped.replace(/[$€£¥%,+\s]/g, "").replace(/(K|M|B|pp|bps|x|mo)$/i, "").replace(/^[+-]/, "");
-  if (!cleaned) return false;
-  return !isNaN(Number(cleaned)) && isFinite(Number(cleaned));
-}
-function parseNumericValue(s) {
-  if (!s) return null;
-  const stripped = s.replace(/\s*\(.*?\)\s*/g, "").trim();
-  const cleaned = stripped.replace(/[$€£¥%,\s]/g, "").replace(/(pp|bps|mo)$/i, "");
-  const match = cleaned.match(/^([+-]?\d+\.?\d*)\s*(K|M|B)?$/i);
-  if (!match) return null;
-  return parseFloat(match[1]);
-}
-function isTimeValue(s) {
-  return TIME_PATTERNS.some((p) => p.test(s.trim()));
-}
-function columnIsNumeric(rows, colIndex) {
-  const values = rows.map((r) => r[colIndex]).filter((v) => v && v !== "\u2014" && v !== "\u2013");
-  if (values.length === 0) return false;
-  const numericCount = values.filter(isNumericValue).length;
-  return numericCount / values.length >= 0.7;
-}
-function columnIsTime(rows, colIndex) {
-  const values = rows.map((r) => r[colIndex]).filter(Boolean);
-  if (values.length === 0) return false;
-  const timeCount = values.filter(isTimeValue).length;
-  return timeCount / values.length >= 0.6;
-}
-function countNumericColumns(table) {
-  let count = 0;
-  for (let i = 0; i < table.headers.length; i++) {
-    if (columnIsNumeric(table.rows, i)) count++;
-  }
-  return count;
-}
-function classifyTable(table) {
-  const { headers, rows } = table;
-  const rowCount = rows.length;
-  const colCount = headers.length;
-  if (rowCount === 0 || colCount === 0) return "table";
-  if (rowCount >= 2 && rowCount <= 6 && colCount >= 2 && colCount <= 4) {
-    const numericCols = [];
-    const textCols = [];
-    for (let i = 0; i < colCount; i++) {
-      if (columnIsNumeric(rows, i)) numericCols.push(i);
-      else textCols.push(i);
-    }
-    if (textCols.length >= 1 && numericCols.length >= 1) {
-      const headerStr = headers.join(" ").toLowerCase();
-      const hasMetricHeader = /metric|name|label|kpi|measure|indicator/i.test(headerStr);
-      const hasValueHeader = /value|amount|number|result|total|figure/i.test(headerStr);
-      const hasChangeHeader = /change|delta|trend|vs|growth|yoy|qoq|mom|diff/i.test(headerStr);
-      if (hasMetricHeader || hasValueHeader && colCount <= 3 || hasChangeHeader && hasValueHeader) {
-        return "kpi";
-      }
-    }
-  }
-  if (colCount >= 2 && rowCount >= 3 && columnIsTime(rows, 0)) {
-    const numericAfterFirst = countNumericColumns({ headers: headers.slice(1), rows: rows.map((r) => r.slice(1)) });
-    const totalDataCells = rowCount * (colCount - 1);
-    let emptyCells = 0;
-    for (let r = 0; r < rowCount; r++) {
-      for (let c = 1; c < colCount; c++) {
-        const v = rows[r][c];
-        if (!v || v === "\u2014" || v === "\u2013" || v === "-" || v === "N/A" || v === "n/a") emptyCells++;
-      }
-    }
-    const sparseRatio = emptyCells / totalDataCells;
-    if (numericAfterFirst >= 1 && sparseRatio < 0.25) return "line";
-  }
-  if (colCount >= 2 && rowCount >= 3) {
-    const firstIsText = !columnIsNumeric(rows, 0) && !columnIsTime(rows, 0);
-    if (firstIsText) {
-      const afterFirst = { headers: headers.slice(1), rows: rows.map((r) => r.slice(1)) };
-      const numericAfterFirst = countNumericColumns(afterFirst);
-      const textAfterFirst = colCount - 1 - numericAfterFirst;
-      if (numericAfterFirst === 1 && textAfterFirst === 0) return "bar";
-    }
-  }
-  if (colCount === 2 && rowCount >= 2 && rowCount <= 8) {
-    const firstIsText = !columnIsNumeric(rows, 0);
-    const secondIsNumeric = columnIsNumeric(rows, 1);
-    if (firstIsText && secondIsNumeric) {
-      const allPositive = rows.every((r) => {
-        const v = parseNumericValue(r[1]);
-        return v !== null && v > 0;
-      });
-      if (allPositive) return "pie";
-    }
-  }
-  return "table";
-}
-
-// src/parse.ts
-var chartCounter = 0;
-function inlineToHtml(nodes) {
-  return nodes.map((node) => {
-    switch (node.type) {
-      case "text":
-        return escapeHtml(node.value);
-      case "strong":
-        return `<strong>${inlineToHtml(node.children)}</strong>`;
-      case "emphasis":
-        return `<em>${inlineToHtml(node.children)}</em>`;
-      case "inlineCode":
-        return `<code>${escapeHtml(node.value)}</code>`;
-      case "link":
-        return `<a href="${escapeHtml(node.url)}">${inlineToHtml(node.children)}</a>`;
-      case "break":
-        return "<br>";
-      default:
-        if ("children" in node) {
-          return inlineToHtml(node.children);
-        }
-        if ("value" in node) {
-          return escapeHtml(node.value);
-        }
-        return "";
-    }
-  }).join("");
-}
-function inlineToText(nodes) {
-  return nodes.map((node) => {
-    switch (node.type) {
-      case "text":
-        return node.value;
-      case "strong":
-        return inlineToText(node.children);
-      case "emphasis":
-        return inlineToText(node.children);
-      case "inlineCode":
-        return node.value;
-      case "link":
-        return inlineToText(node.children);
-      default:
-        if ("children" in node) return inlineToText(node.children);
-        if ("value" in node) return node.value;
-        return "";
-    }
-  }).join("");
-}
-function headingText(node) {
-  return inlineToText(node.children);
-}
-function extractTable(node) {
-  const rows = node.children;
-  if (rows.length === 0) return { headers: [], rows: [] };
-  const headers = rows[0].children.map((cell) => inlineToText(cell.children));
-  const dataRows = rows.slice(1).map(
-    (row) => row.children.map((cell) => inlineToText(cell.children))
-  );
-  return { headers, rows: dataRows };
-}
-function blockquoteToHtml(node) {
-  return node.children.map((child) => {
-    if (child.type === "paragraph") {
-      return inlineToHtml(child.children);
-    }
-    return "";
-  }).join("\n");
-}
-function paragraphToHtml(node) {
-  return inlineToHtml(node.children);
-}
-function isCaption(node) {
-  if (node.type !== "paragraph") return null;
-  const para = node;
-  if (para.children.length === 1 && para.children[0].type === "emphasis") {
-    return inlineToText(para.children[0].children);
-  }
-  return null;
-}
-function slugify(s) {
-  return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-}
-function parse(markdown) {
-  chartCounter = 0;
-  const tree = unified().use(remarkParse).use(remarkGfm).use(remarkFrontmatter, ["yaml"]).parse(markdown);
-  let frontmatter = { title: "Report" };
-  const fmNode = tree.children.find((n) => n.type === "yaml");
-  if (fmNode && fmNode.type === "yaml") {
-    try {
-      const parsed = YAML.parse(fmNode.value);
-      if (parsed.title) frontmatter.title = parsed.title;
-      if (parsed.subtitle) frontmatter.subtitle = parsed.subtitle;
-    } catch {
-    }
-  }
-  const nodes = tree.children.filter((n) => n.type !== "yaml");
-  const h1Count = nodes.filter((n) => n.type === "heading" && n.depth === 1).length;
-  const h2Count = nodes.filter((n) => n.type === "heading" && n.depth === 2).length;
-  const tabDepth = h1Count === 0 && h2Count >= 2 ? 2 : 1;
-  const sectionDepth = tabDepth + 1;
-  const tabs = [];
-  let currentTab = null;
-  if (tabDepth === 2 && h1Count === 1) {
-    const h1Node = nodes.find((n) => n.type === "heading" && n.depth === 1);
-    if (h1Node) {
-      const h1Title = headingText(h1Node);
-      if (frontmatter.title === "Report") {
-        frontmatter.title = h1Title;
-      }
-    }
-  }
-  for (let i = 0; i < nodes.length; i++) {
-    const node = nodes[i];
-    if (tabDepth === 2 && node.type === "heading" && node.depth === 1) {
-      continue;
-    }
-    if (node.type === "heading" && node.depth === tabDepth) {
-      const title = headingText(node);
-      currentTab = { title, elements: [] };
-      tabs.push(currentTab);
-      if (i + 1 < nodes.length && nodes[i + 1].type === "blockquote") {
-        currentTab.subtitle = blockquoteToHtml(nodes[i + 1]);
-        i++;
-      }
-      continue;
-    }
-    if (!currentTab) {
-      currentTab = { title: frontmatter.title, elements: [] };
-      tabs.push(currentTab);
-    }
-    if (node.type === "heading" && node.depth === sectionDepth) {
-      const text = headingText(node);
-      currentTab.elements.push({ kind: "heading2", text, id: slugify(text) });
-      continue;
-    }
-    if (node.type === "heading" && node.depth > sectionDepth) {
-      const text = headingText(node);
-      currentTab.elements.push({ kind: "paragraph", html: `<strong>${escapeHtml(text)}</strong>` });
-      continue;
-    }
-    if (node.type === "table") {
-      let caption;
-      const prev = i > 0 ? nodes[i - 1] : null;
-      if (prev) {
-        const cap = isCaption(prev);
-        if (cap) {
-          caption = cap;
-          const lastEl = currentTab.elements[currentTab.elements.length - 1];
-          if (lastEl && lastEl.kind === "paragraph") {
-            currentTab.elements.pop();
-          }
-        }
-      }
-      const tableData = extractTable(node);
-      const chartType = classifyTable(tableData);
-      if (chartType === "kpi") {
-        currentTab.elements.push({ kind: "kpi", table: tableData });
-      } else if (chartType === "table") {
-        currentTab.elements.push({ kind: "table", table: tableData });
-      } else {
-        const chartId = `chart-${chartCounter++}`;
-        currentTab.elements.push({
-          kind: "chart",
-          chartType,
-          table: tableData,
-          chartId,
-          caption
-        });
-      }
-      continue;
-    }
-    if (node.type === "blockquote") {
-      const html = blockquoteToHtml(node);
-      currentTab.elements.push({ kind: "aside", html });
-      continue;
-    }
-    if (node.type === "paragraph") {
-      const html = paragraphToHtml(node);
-      currentTab.elements.push({ kind: "paragraph", html });
-      continue;
-    }
-    if (node.type === "list") {
-      const listTag = node.ordered ? "ol" : "ul";
-      const items = node.children.map((item) => {
-        const content = item.children.map((child) => {
-          if (child.type === "paragraph") return inlineToHtml(child.children);
-          return "";
-        }).join("");
-        return `<li>${content}</li>`;
-      }).join("\n");
-      currentTab.elements.push({ kind: "paragraph", html: `<${listTag}>
-${items}
-</${listTag}>` });
-      continue;
-    }
-  }
-  if (tabs.length === 0) {
-    tabs.push({ title: frontmatter.title, elements: [] });
-  }
-  if (frontmatter.title === "Report" && tabs.length > 0) {
-    frontmatter.title = tabs[0].title;
-  }
-  return { frontmatter, tabs };
-}
-function escapeHtml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-
-// src/charts.ts
-function chartPreamble(printMode = false) {
-  const labelFont = printMode ? "Geist Sans, sans-serif" : "Geist Mono, monospace";
-  const labelSize = printMode ? 10 : 12;
-  const printModeJs = printMode ? "true" : "false";
-  return `
-var PRINT_MODE = ${printModeJs};
-const ACCENT = '#D6F500';
-const CHARCOAL = '#2A2A28';
-const CHARCOAL_MID = '#6B6B64';
-const CHARCOAL_LIGHT = '#A8A8A0';
-const WARM_GRAY = '#D5D5D0';
-const POSITIVE = '#22C55E';
-const NEGATIVE = '#EF4444';
-const TEXT_PRI = '#141414';
-const TEXT_SEC = '#555550';
-const TEXT_MUT = '#8C8C86';
-const GRID_LINE = '#EDEDEA';
-const BORDER_C = '#E0E0DB';
-var LABEL_FONT = '${labelFont}';
-var LABEL_SIZE = ${labelSize};
-
-const PALETTE = [CHARCOAL, ACCENT, CHARCOAL_MID, CHARCOAL_LIGHT, WARM_GRAY];
-
-// In multi-column print, fix chart container widths to actual column width
-if (PRINT_MODE) {
-  (function() {
-    var tc = document.querySelector('.tab-content');
-    if (!tc) return;
-    var cs = getComputedStyle(tc);
-    var cols = parseInt(cs.columnCount) || 1;
-    if (cols <= 1) return;
-    var gap = parseFloat(cs.columnGap) || 0;
-    var colW = Math.floor((tc.clientWidth - gap * (cols - 1)) / cols);
-    document.querySelectorAll('.chart-container').forEach(function(el) {
-      el.style.width = colW + 'px';
-      el.style.maxWidth = colW + 'px';
-    });
-  })();
-}
-
-function makeChart(id) {
-  var el = document.getElementById(id);
-  if (!el) return null;
-  var chart = echarts.init(el);
-  if (!PRINT_MODE) {
-    new ResizeObserver(function() { chart.resize(); }).observe(el);
-  }
-  return chart;
-}
-
-var ax = {
-  axisLine: { lineStyle: { color: BORDER_C } },
-  axisTick: { show: false },
-  axisLabel: { color: TEXT_SEC, fontFamily: LABEL_FONT, fontSize: LABEL_SIZE },
-  splitLine: { lineStyle: { color: GRID_LINE } }
-};
-
-var tt = {
-  backgroundColor: '#fff',
-  borderColor: BORDER_C,
-  borderWidth: 1,
-  textStyle: { color: TEXT_PRI, fontFamily: 'Geist Sans, sans-serif', fontSize: 14, lineHeight: 20 },
-  extraCssText: 'border-radius: 8px; box-shadow: 0 4px 24px rgba(0,0,0,0.1); padding: 12px 14px;'
-};
-
-var lg = function(data) {
-  return {
-    data: data, top: 0, right: 0,
-    textStyle: { color: TEXT_SEC, fontFamily: LABEL_FONT, fontSize: LABEL_SIZE },
-    icon: 'roundRect', itemWidth: 10, itemHeight: 5, itemGap: 12
-  };
-};
-`;
-}
-function detectFormat(values) {
-  let dollarCount = 0;
-  let pctCount = 0;
-  let kCount = 0;
-  let mCount = 0;
-  let bCount = 0;
-  for (const v of values) {
-    if (v.includes("$")) dollarCount++;
-    if (v.includes("%")) pctCount++;
-    if (/\d+K\b/i.test(v)) kCount++;
-    if (/\d+M\b/i.test(v) || /\.\d+M\b/i.test(v)) mCount++;
-    if (/\d+B\b/i.test(v) || /\.\d+B\b/i.test(v)) bCount++;
-  }
-  const total = values.length;
-  const pickSuffix = () => {
-    if (mCount / total > 0.3) return "M";
-    if (bCount / total > 0.3) return "B";
-    if (kCount / total > 0.3) return "K";
-    return "";
-  };
-  if (dollarCount / total > 0.5) return { prefix: "$", suffix: pickSuffix() };
-  if (pctCount / total > 0.5) return { prefix: "", suffix: "%" };
-  if (kCount / total > 0.5) return { prefix: "", suffix: "K" };
-  if (mCount / total > 0.5) return { prefix: "", suffix: "M" };
-  return { prefix: "", suffix: "" };
-}
-function extractColumnData(rows, colIndex) {
-  return rows.map((r) => parseNumericValue(r[colIndex]));
-}
-function lineChartJs(chartId, table) {
-  const xData = table.rows.map((r) => r[0]);
-  const seriesNames = [];
-  const seriesData = [];
-  for (let i = 1; i < table.headers.length; i++) {
-    seriesNames.push(table.headers[i]);
-    seriesData.push(extractColumnData(table.rows, i));
-  }
-  let useDualAxis = false;
-  if (seriesData.length === 2) {
-    const max0 = Math.max(...seriesData[0].filter((v) => v !== null));
-    const max1 = Math.max(...seriesData[1].filter((v) => v !== null));
-    if (max0 > 0 && max1 > 0) {
-      const ratio = Math.max(max0, max1) / Math.min(max0, max1);
-      if (ratio >= 2.5) useDualAxis = true;
-    }
-  }
-  const formats = [];
-  for (let i = 1; i < table.headers.length; i++) {
-    formats.push(detectFormat(table.rows.map((r) => r[i])));
-  }
-  const xDataStr = JSON.stringify(xData);
-  let yAxisStr;
-  if (useDualAxis) {
-    const f0 = formats[0];
-    const f1 = formats[1];
-    yAxisStr = `[
-      { ...ax, type: 'value', position: 'left',
-        axisLabel: { ...ax.axisLabel, formatter: function(v) { return '${f0.prefix}' + v + '${f0.suffix}'; } }
-      },
-      { ...ax, type: 'value', position: 'right', splitLine: { show: false },
-        axisLabel: { ...ax.axisLabel, formatter: function(v) { return '${f1.prefix}' + v + '${f1.suffix}'; } }
-      }
-    ]`;
-  } else {
-    const f = formats[0] || { prefix: "", suffix: "" };
-    yAxisStr = `{ ...ax, type: 'value',
-      axisLabel: { ...ax.axisLabel, formatter: function(v) { return '${f.prefix}' + v + '${f.suffix}'; } }
-    }`;
-  }
-  const colors = ["CHARCOAL", "ACCENT", "CHARCOAL_MID", "CHARCOAL_LIGHT", "WARM_GRAY"];
-  const seriesStr = seriesData.map((data, i) => {
-    const color = colors[i % colors.length];
-    const yAxisIndex = useDualAxis ? `, yAxisIndex: ${i}` : "";
-    const area = i === 0 ? `,
-        areaStyle: {
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(42,42,40,0.1)' },
-            { offset: 1, color: 'rgba(42,42,40,0.01)' }
-          ])
-        }` : "";
-    return `{
-        name: ${JSON.stringify(seriesNames[i])}, type: 'line'${yAxisIndex}, data: ${JSON.stringify(data)}, smooth: 0.3,
-        symbol: 'circle', symbolSize: ${i === 0 ? 6 : 5},
-        lineStyle: { color: ${color}, width: 2.5 },
-        itemStyle: { color: ${color}${i === 1 && useDualAxis ? ", borderColor: CHARCOAL, borderWidth: 1" : ""} }${area}
-      }`;
-  }).join(",\n      ");
-  const legendStr = seriesNames.length > 1 ? `legend: lg(${JSON.stringify(seriesNames)}),` : "";
-  const fmtArray = JSON.stringify(formats.map((f) => ({ prefix: f.prefix, suffix: f.suffix })));
-  return `
-(() => {
-  var chart = makeChart(${JSON.stringify(chartId)});
-  if (!chart) return;
-  var fmts = ${fmtArray};
-  chart.setOption({
-    tooltip: { ...tt, trigger: 'axis',
-      formatter: function(params) {
-        var lines = '<strong>' + params[0].axisValue + '</strong>';
-        params.forEach(function(p) {
-          var f = fmts[p.seriesIndex] || { prefix: '', suffix: '' };
-          lines += '<br/>' + p.marker + ' ' + p.seriesName + '&nbsp;&nbsp;<strong>' + f.prefix + p.value + f.suffix + '</strong>';
-        });
-        return lines;
-      }
-    },
-    ${legendStr}
-    grid: { left: PRINT_MODE ? 36 : 50, right: PRINT_MODE ? 36 : ${useDualAxis ? 50 : 12}, top: ${seriesNames.length > 1 ? 32 : 16}, bottom: 24, containLabel: PRINT_MODE },
-    xAxis: { ...ax, type: 'category', data: ${xDataStr}, boundaryGap: false },
-    yAxis: ${yAxisStr},
-    series: [
-      ${seriesStr}
-    ]
-  });
-})();`;
-}
-function barChartJs(chartId, table) {
-  const categories = table.rows.map((r) => r[0]);
-  let numColIndex = 1;
-  for (let i = 1; i < table.headers.length; i++) {
-    const vals = table.rows.map((r) => r[i]);
-    if (vals.some((v) => parseNumericValue(v) !== null)) {
-      numColIndex = i;
-      break;
-    }
-  }
-  const values = table.rows.map((r) => parseNumericValue(r[numColIndex]) ?? 0);
-  const fmt = detectFormat(table.rows.map((r) => r[numColIndex]));
-  const maxLabelLen = Math.max(...categories.map((c) => c.length));
-  const leftMargin = Math.min(300, Math.max(80, maxLabelLen * 8 + 16));
-  return `
-(() => {
-  var chart = makeChart(${JSON.stringify(chartId)});
-  if (!chart) return;
-  var categories = ${JSON.stringify(categories)};
-  var values = ${JSON.stringify(values)};
-  chart.setOption({
-    tooltip: { ...tt, trigger: 'axis', axisPointer: { type: 'shadow' },
-      formatter: function(p) { return '<strong>' + p[0].axisValue + '</strong><br/>${table.headers[numColIndex]}: <strong>${fmt.prefix}' + p[0].value + '${fmt.suffix}</strong>'; }
-    },
-    grid: { left: PRINT_MODE ? '42%' : ${leftMargin}, right: PRINT_MODE ? 36 : 52, top: 28, bottom: 4 },
-    title: {
-      text: ${JSON.stringify(table.headers[numColIndex])},
-      left: PRINT_MODE ? '42%' : ${leftMargin},
-      top: 0,
-      textStyle: { fontFamily: LABEL_FONT, fontSize: 13, fontWeight: 600, color: TEXT_SEC }
-    },
-    xAxis: { type: 'value', show: false },
-    yAxis: { ...ax, type: 'category', data: categories, axisLine: { show: false }, splitLine: { show: false } },
-    series: [{
-      type: 'bar',
-      data: (function() {
-        var maxVal = Math.max.apply(null, values);
-        return values.map(function(v) {
-          return {
-            value: v,
-            itemStyle: {
-              color: v === maxVal ? ACCENT : CHARCOAL,
-              borderRadius: [0, 4, 4, 0]
-            }
-          };
-        });
-      })(),
-      barWidth: 24,
-      barCategoryGap: '20%',
-      label: { show: true, position: 'right',
-        color: TEXT_SEC,
-        fontFamily: LABEL_FONT, fontSize: LABEL_SIZE, fontWeight: 600,
-        formatter: function(p) { return '${fmt.prefix}' + p.value + '${fmt.suffix}'; }
-      }
-    }]
-  });
-})();`;
-}
-function pieChartJs(chartId, table) {
-  const data = table.rows.map((r) => ({
-    name: r[0],
-    value: parseNumericValue(r[1]) ?? 0
-  }));
-  return `
-(() => {
-  var chart = makeChart(${JSON.stringify(chartId)});
-  if (!chart) return;
-  var data = ${JSON.stringify(data)};
-  chart.setOption({
-    tooltip: { ...tt, trigger: 'item',
-      formatter: function(p) { return '<strong>' + p.name + '</strong><br/>' + p.value + '%'; }
-    },
-    series: [{
-      type: 'pie', radius: ['46%', '76%'], center: ['50%', '46%'],
-      padAngle: 2, itemStyle: { borderRadius: 4, borderColor: '#F4F4F1', borderWidth: 2 },
-      label: {
-        color: TEXT_SEC, fontFamily: LABEL_FONT, fontSize: LABEL_SIZE,
-        formatter: '{b}\\n{d}%', lineHeight: 16
-      },
-      labelLine: { lineStyle: { color: BORDER_C }, length: 10, length2: 14 },
-      data: data.map(function(d, i) { return { value: d.value, name: d.name, itemStyle: { color: PALETTE[i % PALETTE.length] } }; }),
-      emphasis: { itemStyle: { shadowBlur: 12, shadowColor: 'rgba(0,0,0,0.12)' } }
-    }]
-  });
-})();`;
-}
-
-// src/template.ts
-var CSS = `
-  @font-face {
-    font-family: 'Geist Sans';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-sans/Geist-Regular.woff2') format('woff2');
-    font-weight: 400;
-  }
-  @font-face {
-    font-family: 'Geist Sans';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-sans/Geist-Medium.woff2') format('woff2');
-    font-weight: 500;
-  }
-  @font-face {
-    font-family: 'Geist Sans';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-sans/Geist-SemiBold.woff2') format('woff2');
-    font-weight: 600;
-  }
-  @font-face {
-    font-family: 'Geist Sans';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-sans/Geist-Bold.woff2') format('woff2');
-    font-weight: 700;
-  }
-  @font-face {
-    font-family: 'Geist Sans';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-sans/Geist-Black.woff2') format('woff2');
-    font-weight: 900;
-  }
-  @font-face {
-    font-family: 'Geist Mono';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-mono/GeistMono-Regular.woff2') format('woff2');
-    font-weight: 400;
-  }
-  @font-face {
-    font-family: 'Geist Mono';
-    src: url('https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-mono/GeistMono-Medium.woff2') format('woff2');
-    font-weight: 500;
-  }
-
-  :root {
-    --bg-base: #F4F4F1;
-    --bg-sidebar: #FAFAF8;
-    --border: #E0E0DB;
-    --border-strong: #C8C8C2;
-    --text-primary: #141414;
-    --text-body: #1A1A18;
-    --text-secondary: #555550;
-    --text-muted: #8C8C86;
-    --accent: #D6F500;
-    --accent-on: #141414;
-    --charcoal: #2A2A28;
-    --positive: #22C55E;
-    --negative: #EF4444;
-    --sidebar-width: 320px;
-  }
-
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-
-  body {
-    background: var(--bg-base);
-    color: var(--text-body);
-    font-family: 'Geist Sans', -apple-system, system-ui, sans-serif;
-    font-size: 16px;
-    line-height: 1.6;
-    -webkit-font-smoothing: antialiased;
-    text-rendering: optimizeLegibility;
-  }
-
-  .sidebar {
-    position: fixed;
-    top: 0; left: 0;
-    width: var(--sidebar-width);
-    height: 100vh;
-    background: var(--bg-sidebar);
-    border-right: 1px solid var(--border);
-    display: flex;
-    flex-direction: column;
-    z-index: 100;
-    overflow-y: auto;
-  }
-
-  .sidebar-header {
-    padding: 32px 24px 28px;
-    border-bottom: 1px solid var(--border);
-  }
-
-  .sidebar-brand {
-    font-family: 'Geist Mono', monospace;
-    font-size: 11px;
-    font-weight: 500;
-    letter-spacing: 2.5px;
-    text-transform: uppercase;
-    color: var(--text-muted);
-    margin-bottom: 18px;
-    display: flex;
-    align-items: center;
-    gap: 7px;
-  }
-
-  .sidebar-brand::before {
-    content: '';
-    width: 8px; height: 8px;
-    border-radius: 2px;
-    background: var(--accent);
-    border: 1px solid rgba(0,0,0,0.1);
-  }
-
-  .sidebar-title {
-    font-size: 26px;
-    font-weight: 900;
-    color: var(--text-primary);
-    letter-spacing: -0.8px;
-    line-height: 1.15;
-    padding-bottom: 16px;
-    border-bottom: 3px solid var(--accent);
-    margin-bottom: 4px;
-  }
-
-  .sidebar-subtitle {
-    font-size: 13px;
-    color: var(--text-secondary);
-    margin-top: 12px;
-  }
-
-  .sidebar-nav {
-    flex: 1;
-    padding: 12px 10px;
-  }
-
-  .nav-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 7px 12px;
-    border-radius: 7px;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--text-secondary);
-    transition: all 0.12s ease;
-    margin-bottom: 1px;
-    user-select: none;
-  }
-
-  .nav-item:hover {
-    background: rgba(0,0,0,0.04);
-    color: var(--text-primary);
-  }
-
-  .nav-item.active {
-    background: var(--text-primary);
-    color: #fff;
-  }
-
-  .nav-number {
-    font-family: 'Geist Mono', monospace;
-    font-size: 10px;
-    font-weight: 500;
-    width: 20px; height: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 5px;
-    background: rgba(0,0,0,0.06);
-    color: var(--text-muted);
-    flex-shrink: 0;
-  }
-
-  .nav-item.active .nav-number {
-    background: var(--accent);
-    color: var(--text-primary);
-    font-weight: 600;
-  }
-
-  .sidebar-footer {
-    padding: 18px 24px 22px;
-    border-top: 1px solid var(--border);
-  }
-
-  .sidebar-footer-text {
-    font-family: 'Geist Mono', monospace;
-    font-size: 10.5px;
-    color: var(--text-muted);
-    letter-spacing: 0.5px;
-  }
-
-  .main {
-    margin-left: var(--sidebar-width);
-    min-height: 100vh;
-  }
-
-  .tab-content {
-    display: none;
-    padding: 40px 48px 72px;
-    max-width: 680px;
-    margin: 0 auto;
-    animation: fadeIn 0.2s ease;
-  }
-
-  .tab-content.active { display: block; }
-
-  @keyframes fadeIn {
-    from { opacity: 0; transform: translateY(4px); }
-    to { opacity: 1; transform: translateY(0); }
-  }
-
-  .tab-content h1 {
-    font-size: 46px;
-    font-weight: 600;
-    letter-spacing: -1.8px;
-    color: var(--text-primary);
-    margin-bottom: 24px;
-    padding-bottom: 20px;
-    border-bottom: 1px solid var(--border);
-    line-height: 1.05;
-  }
-
-  .tab-content .subtitle {
-    font-size: 18px;
-    color: var(--text-secondary);
-    margin-bottom: 28px;
-    line-height: 1.5;
-    font-weight: 400;
-  }
-
-  .tab-content h2 {
-    font-size: 21px;
-    font-weight: 700;
-    letter-spacing: -0.3px;
-    color: var(--text-primary);
-    margin-top: 28px;
-    margin-bottom: 12px;
-  }
-
-  .tab-content p {
-    font-size: 16px;
-    color: var(--text-body);
-    line-height: 1.8;
-    margin-bottom: 20px;
-  }
-
-  .tab-content ul, .tab-content ol {
-    font-size: 16px;
-    color: var(--text-body);
-    line-height: 1.8;
-    margin-bottom: 20px;
-    padding-left: 24px;
-  }
-
-  .tab-content li {
-    margin-bottom: 6px;
-  }
-
-  .tab-content li:last-child {
-    margin-bottom: 0;
-  }
-
-  .kpi-strip {
-    display: grid;
-    grid-auto-columns: 1fr;
-    grid-auto-flow: column;
-    margin: 28px 0;
-    padding: 20px 0;
-    border-top: 1px solid var(--border);
-    border-bottom: 1px solid var(--border);
-  }
-
-  .kpi {
-    min-width: 0;
-    padding: 0 20px;
-    border-left: 1px solid var(--border);
-  }
-
-  .kpi:first-child {
-    padding-left: 0;
-    border-left: none;
-  }
-
-  .kpi-value {
-    font-size: 26px;
-    font-weight: 900;
-    letter-spacing: -0.8px;
-    color: var(--text-primary);
-    line-height: 1.1;
-    margin-bottom: 4px;
-  }
-
-  .kpi-label {
-    font-size: 13px;
-    color: var(--text-secondary);
-    line-height: 1.3;
-    margin-bottom: 2px;
-  }
-
-  .kpi-change {
-    font-family: 'Geist Mono', monospace;
-    font-size: 12px;
-    color: var(--text-muted);
-  }
-
-  figure {
-    margin: 28px 0;
-  }
-
-  figcaption {
-    font-size: 13px;
-    color: var(--text-muted);
-    margin-top: 8px;
-  }
-
-  .chart-container { width: 100%; height: 280px; }
-  .chart-container.tall { height: 340px; }
-
-  .tab-content aside {
-    border-left: 3px solid var(--accent);
-    padding: 2px 0 2px 20px;
-    margin: 24px 0;
-    font-size: 15px;
-    color: var(--text-body);
-    line-height: 1.6;
-  }
-
-  .tab-content aside strong {
-    font-weight: 700;
-  }
-
-  .tab-content table {
-    width: 100%;
-    border-collapse: collapse;
-    font-size: 15px;
-    margin: 24px 0;
-    font-variant-numeric: tabular-nums;
-  }
-
-  .tab-content thead th {
-    font-family: 'Geist Mono', monospace;
-    font-size: 11px;
-    font-weight: 600;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    color: var(--text-muted);
-    text-align: left;
-    padding: 8px 16px 8px 0;
-    border-bottom: 2px solid var(--charcoal);
-  }
-
-  .tab-content tbody td {
-    padding: 10px 16px 10px 0;
-    border-bottom: 1px solid var(--border);
-    color: var(--text-body);
-    font-weight: 500;
-  }
-
-  .tab-content tbody tr:last-child td { border-bottom: none; }
-
-  .tab-content tbody td:first-child {
-    font-weight: 600;
-    color: var(--text-primary);
-  }
-
-  .tab-content .footnote {
-    font-size: 13px;
-    color: var(--text-muted);
-    margin-top: -16px;
-    margin-bottom: 16px;
-  }
-
-  @media (max-width: 1024px) {
-    .sidebar { display: none; }
-    .main { margin-left: 0; }
-    .tab-content { padding: 24px 16px 48px; }
-    .kpi-strip { flex-wrap: wrap; }
-    .kpi { flex: 1 1 45%; margin-bottom: 16px; }
-  }
-
-  .mobile-header {
-    display: none;
-    position: fixed;
-    top: 0; left: 0; right: 0;
-    height: 48px;
-    background: #fff;
-    border-bottom: 1px solid var(--border);
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 16px;
-    z-index: 200;
-  }
-
-  .mobile-header-title {
-    font-size: 14px;
-    font-weight: 700;
-    color: var(--text-primary);
-    letter-spacing: -0.3px;
-  }
-
-  .mobile-menu-btn {
-    width: 36px; height: 36px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: none;
-    background: none;
-    cursor: pointer;
-    border-radius: 6px;
-  }
-
-  .mobile-menu-btn:hover { background: rgba(0,0,0,0.05); }
-
-  .mobile-menu-btn svg { width: 20px; height: 20px; color: var(--text-primary); }
-
-  .mobile-dropdown {
-    display: none;
-    position: fixed;
-    top: 48px; left: 0; right: 0;
-    background: #fff;
-    border-bottom: 1px solid var(--border);
-    padding: 8px;
-    z-index: 199;
-    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
-    max-height: calc(100vh - 48px);
-    overflow-y: auto;
-  }
-
-  .mobile-dropdown.open { display: block; }
-
-  .mobile-nav-item {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    font-size: 15px;
-    font-weight: 500;
-    color: var(--text-secondary);
-    padding: 10px 12px;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: all 0.12s;
-  }
-
-  .mobile-nav-item:hover { background: rgba(0,0,0,0.04); }
-
-  .mobile-nav-item.active {
-    background: var(--text-primary);
-    color: #fff;
-    font-weight: 600;
-  }
-
-  .mobile-nav-number {
-    font-family: 'Geist Mono', monospace;
-    font-size: 11px;
-    font-weight: 500;
-    width: 22px; height: 22px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 5px;
-    background: rgba(0,0,0,0.06);
-    color: var(--text-muted);
-    flex-shrink: 0;
-  }
-
-  .mobile-nav-item.active .mobile-nav-number {
-    background: var(--accent);
-    color: var(--text-primary);
-    font-weight: 600;
-  }
-
-  .mobile-overlay {
-    display: none;
-    position: fixed;
-    inset: 0;
-    background: rgba(0,0,0,0.2);
-    z-index: 198;
-  }
-
-  .mobile-overlay.open { display: block; }
-
-  @media (max-width: 1024px) {
-    .mobile-header { display: flex; }
-    .tab-content { padding-top: 64px; }
-  }
-
-  ::-webkit-scrollbar { width: 4px; }
-  ::-webkit-scrollbar-track { background: transparent; }
-  ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
-`;
-var TAB_SWITCHING_JS = `
-document.querySelectorAll('.nav-item, .mobile-nav-item').forEach(function(item) {
-  item.addEventListener('click', function() {
-    var tab = item.getAttribute('data-tab');
-    document.querySelectorAll('.nav-item').forEach(function(n) { n.classList.remove('active'); });
-    document.querySelectorAll('.mobile-nav-item').forEach(function(n) { n.classList.remove('active'); });
-    document.querySelectorAll('.tab-content').forEach(function(t) { t.classList.remove('active'); });
-    document.querySelectorAll('[data-tab="' + tab + '"]').forEach(function(el) { el.classList.add('active'); });
-    // Update mobile header title
-    var titleEl = document.querySelector('.mobile-header-title');
-    if (titleEl && item.classList.contains('mobile-nav-item')) {
-      titleEl.textContent = item.querySelector('.mobile-nav-label') ? item.querySelector('.mobile-nav-label').textContent : item.textContent;
-    }
-    // Close mobile dropdown
-    var dd = document.querySelector('.mobile-dropdown');
-    var ov = document.querySelector('.mobile-overlay');
-    if (dd) dd.classList.remove('open');
-    if (ov) ov.classList.remove('open');
-    window.scrollTo(0, 0);
-    window.dispatchEvent(new Event('resize'));
-  });
-});
-
-// Hamburger toggle
-var menuBtn = document.querySelector('.mobile-menu-btn');
-var dropdown = document.querySelector('.mobile-dropdown');
-var overlay = document.querySelector('.mobile-overlay');
-if (menuBtn && dropdown) {
-  menuBtn.addEventListener('click', function() {
-    dropdown.classList.toggle('open');
-    if (overlay) overlay.classList.toggle('open');
-  });
-}
-if (overlay) {
-  overlay.addEventListener('click', function() {
-    dropdown.classList.remove('open');
-    overlay.classList.remove('open');
-  });
-}
-`;
-var PRINT_CSS = `
-  /* \u2500\u2500 Print overrides: two-column layout \u2500\u2500 */
-  body { background: #fff; }
-  .sidebar, .mobile-header, .mobile-dropdown, .mobile-overlay { display: none !important; }
-  .main { margin-left: 0; min-height: auto; }
-
-  /* \u2500\u2500 Cover page \u2500\u2500 */
-  .print-header {
-    min-height: calc(100vh - 1.4in);
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    background: var(--charcoal);
-    padding: 48px 48px 56px;
-    margin: 0;
-    page-break-after: always;
-    break-after: page;
-  }
-  .print-title {
-    font-size: 88px;
-    font-weight: 700;
-    letter-spacing: -3.5px;
-    color: #fff;
-    padding-bottom: 28px;
-    border-bottom: 5px solid var(--accent);
-    line-height: 0.95;
-    word-spacing: 100vw;
-  }
-  .print-subtitle {
-    font-size: 15px;
-    color: rgba(255,255,255,0.6);
-    margin-top: 20px;
-    line-height: 1.5;
-  }
-
-  /* \u2500\u2500 Two-column content \u2500\u2500 */
-  .tab-content {
-    display: block;
-    max-width: none;
-    padding: 0 0 16px;
-    animation: none;
-    column-count: 2;
-    column-gap: 28px;
-  }
-
-  .tab-content + .tab-content {
-    border-top: 3px solid var(--accent);
-    padding-top: 16px;
-    margin-top: 20px;
-  }
-
-  /* Only section headers span both columns */
-  .tab-content h1,
-  .tab-content .subtitle { column-span: all; }
-
-  .tab-content h1 {
-    font-size: 20px;
-    font-weight: 700;
-    letter-spacing: -0.5px;
-    margin-bottom: 10px;
-    padding-bottom: 8px;
-    border-bottom-width: 1px;
-    break-after: avoid;
-  }
-
-  .tab-content .subtitle {
-    font-size: 12px;
-    margin-bottom: 12px;
-  }
-
-  .tab-content h2 {
-    font-size: 14px;
-    font-weight: 700;
-    margin-top: 16px;
-    margin-bottom: 6px;
-    break-after: avoid;
-  }
-
-  .tab-content p {
-    font-size: 12px;
-    line-height: 1.6;
-    margin-bottom: 10px;
-  }
-
-  .tab-content ul, .tab-content ol {
-    font-size: 12px;
-    line-height: 1.6;
-    margin-bottom: 10px;
-    padding-left: 18px;
-  }
-
-  .tab-content aside {
-    font-size: 11.5px;
-    margin: 10px 0;
-    padding: 2px 0 2px 10px;
-    line-height: 1.5;
-  }
-
-  /* Tables: in-column with light grey box */
-  .tab-content table {
-    font-size: 10px;
-    margin: 12px 0;
-    break-inside: avoid;
-    width: calc(100% - 24px);
-    background: #F6F6F4;
-    padding: 12px;
-    border-radius: 4px;
-  }
-  .tab-content thead th { font-size: 8px; letter-spacing: 0.8px; padding: 5px 8px 5px 0; border-bottom-color: #D0D0CB; }
-  .tab-content tbody td { padding: 6px 8px 6px 0; font-weight: 400; border-bottom-color: #E8E8E4; }
-
-  /* KPIs: compact grid for column width */
-  .kpi-strip {
-    margin: 12px 0; padding: 8px 0;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 6px 10px;
-    break-inside: avoid;
-  }
-  .kpi { padding: 4px 0; border-left: none; }
-  .kpi-value { font-size: 16px; }
-  .kpi-label { font-size: 9px; }
-  .kpi-change { font-size: 8px; }
-
-  /* Charts: clipped to column with border */
-  figure {
-    margin: 14px 0;
-    break-inside: avoid; page-break-inside: avoid; break-before: avoid;
-    overflow: hidden;
-    border: 1px solid var(--border);
-    border-radius: 4px;
-    padding: 8px;
-  }
-  figcaption { font-size: 10px; margin-top: 6px; }
-  .chart-container { height: 190px; overflow: hidden; }
-
-  .kpi-strip { break-inside: avoid; page-break-inside: avoid; }
-  table { break-inside: auto; }
-  thead { display: table-header-group; }
-  tr { break-inside: avoid; }
-
-  @media print {
-    body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
-  }
-`;
-function htmlTemplate(opts) {
-  const printMode = opts.printMode ?? false;
-  const styleBlock = printMode ? `${CSS}
-${PRINT_CSS}` : CSS;
-  const jsBlock = printMode ? opts.scriptContent : `${TAB_SWITCHING_JS}
-${opts.scriptContent}`;
-  return `<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>${escapeHtml2(opts.title)}</title>
-<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
-<style>${styleBlock}</style>
-</head>
-<body>
-${opts.sidebarHtml}
-${opts.mobileNavHtml}
-<main class="main">
-${opts.contentHtml}
-</main>
-<script>
-${jsBlock}
-</script>
-</body>
-</html>`;
-}
-function escapeHtml2(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-
-// src/render.ts
-function renderKpi(table) {
-  const colCount = table.headers.length;
-  let labelCol = 0;
-  let valueCol = 1;
-  let changeCol = colCount >= 3 ? 2 : -1;
-  const kpis = table.rows.map((row) => {
-    const label = row[labelCol] || "";
-    const value = row[valueCol] || "";
-    const change = changeCol >= 0 ? row[changeCol] || "" : "";
-    return `      <div class="kpi">
-        <div class="kpi-value">${escapeHtml3(value)}</div>
-        <div class="kpi-label">${escapeHtml3(label)}</div>
-        ${change ? `<div class="kpi-change">${escapeHtml3(change)}</div>` : ""}
-      </div>`;
-  }).join("\n");
-  return `    <div class="kpi-strip">
-${kpis}
-    </div>`;
-}
-function renderTable(table) {
-  const thead = table.headers.map((h) => `<th>${escapeHtml3(h)}</th>`).join("");
-  const tbody = table.rows.map((row) => {
-    const cells = row.map((cell) => {
-      return `<td>${escapeHtml3(cell)}</td>`;
-    }).join("");
-    return `<tr>${cells}</tr>`;
-  }).join("\n        ");
-  return `    <table>
-      <thead><tr>${thead}</tr></thead>
-      <tbody>
-        ${tbody}
-      </tbody>
-    </table>`;
-}
-function renderChart(chartId, caption, chartType, rowCount) {
-  let styleAttr = "";
-  if (chartType === "bar" && rowCount) {
-    const height = Math.max(120, rowCount * 44 + 40);
-    styleAttr = ` style="height:${height}px"`;
-  }
-  return `    <figure>
-      <div class="chart-container" id="${chartId}"${styleAttr}></div>
-      ${caption ? `<figcaption>${escapeHtml3(caption)}</figcaption>` : ""}
-    </figure>`;
-}
-function renderElement(el) {
-  switch (el.kind) {
-    case "paragraph":
-      return `    <p>${el.html}</p>`;
-    case "heading2":
-      return `    <h2>${escapeHtml3(el.text)}</h2>`;
-    case "kpi":
-      return renderKpi(el.table);
-    case "chart":
-      return renderChart(el.chartId, el.caption, el.chartType, el.table.rows.length);
-    case "table":
-      return renderTable(el.table);
-    case "aside":
-      return `    <aside>${el.html}</aside>`;
-  }
-}
-function buildSidebar(doc) {
-  const navItems = doc.tabs.map(
-    (tab, i) => `    <div class="nav-item${i === 0 ? " active" : ""}" data-tab="${i}">
-      <span class="nav-number">${i + 1}</span>
-      ${escapeHtml3(tab.title)}
-    </div>`
-  ).join("\n");
-  const subtitle = doc.frontmatter.subtitle ? `
-    <div class="sidebar-subtitle">${escapeHtml3(doc.frontmatter.subtitle)}</div>` : "";
-  return `<aside class="sidebar">
-  <div class="sidebar-header">
-    <div class="sidebar-brand">Ghost Paper</div>
-    <div class="sidebar-title">${escapeHtml3(doc.frontmatter.title)}</div>${subtitle}
-  </div>
-  <nav class="sidebar-nav">
-${navItems}
-  </nav>
-  <div class="sidebar-footer">
-    <div class="sidebar-footer-text">Built with Ghost Paper</div>
-  </div>
-</aside>`;
-}
-function buildMobileNav(doc) {
-  const items = doc.tabs.map(
-    (tab, i) => `  <div class="mobile-nav-item${i === 0 ? " active" : ""}" data-tab="${i}">
-    <span class="mobile-nav-number">${i + 1}</span>
-    <span class="mobile-nav-label">${escapeHtml3(tab.title)}</span>
-  </div>`
-  ).join("\n");
-  const firstTitle = escapeHtml3(doc.tabs[0]?.title || "");
-  return `<div class="mobile-header">
-  <span class="mobile-header-title">${firstTitle}</span>
-  <button class="mobile-menu-btn" aria-label="Menu">
-    <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="3" y1="5" x2="17" y2="5"/><line x1="3" y1="10" x2="17" y2="10"/><line x1="3" y1="15" x2="17" y2="15"/></svg>
-  </button>
-</div>
-<div class="mobile-overlay"></div>
-<div class="mobile-dropdown">
-${items}
-</div>`;
-}
-function buildContent(doc) {
-  return doc.tabs.map((tab, i) => {
-    const elements = tab.elements.map(renderElement).join("\n\n");
-    const subtitle = tab.subtitle ? `
-    <div class="subtitle">${tab.subtitle}</div>` : "";
-    return `  <div class="tab-content${i === 0 ? " active" : ""}" data-tab="${i}">
-    <h1>${escapeHtml3(tab.title)}</h1>${subtitle}
-
-${elements}
-  </div>`;
-  }).join("\n\n");
-}
-function buildChartScript(doc, printMode = false) {
-  const chartCalls = [];
-  for (const tab of doc.tabs) {
-    for (const el of tab.elements) {
-      if (el.kind === "chart") {
-        switch (el.chartType) {
-          case "line":
-            chartCalls.push(lineChartJs(el.chartId, el.table));
-            break;
-          case "bar":
-            chartCalls.push(barChartJs(el.chartId, el.table));
-            break;
-          case "pie":
-            chartCalls.push(pieChartJs(el.chartId, el.table));
-            break;
-        }
-      }
-    }
-  }
-  if (chartCalls.length === 0) {
-    if (printMode) return "window.__ghostPaperChartsReady = true;";
-    return "";
-  }
-  const script = chartPreamble(printMode) + "\n" + chartCalls.join("\n");
-  if (printMode) return script + "\nwindow.__ghostPaperChartsReady = true;";
-  return script;
-}
-function buildPrintContent(doc) {
-  const subtitle = doc.frontmatter.subtitle ? `
-    <div class="print-subtitle">${escapeHtml3(doc.frontmatter.subtitle)}</div>` : "";
-  const header = `  <div class="print-header">
-    <div class="print-title">${escapeHtml3(doc.frontmatter.title)}</div>${subtitle}
-  </div>`;
-  const tabs = doc.tabs.map((tab, i) => {
-    const elements = tab.elements.map(renderElement).join("\n\n");
-    const tabSubtitle = tab.subtitle ? `
-    <div class="subtitle">${tab.subtitle}</div>` : "";
-    return `  <div class="tab-content active" data-tab="${i}">
-    <h1>${escapeHtml3(tab.title)}</h1>${tabSubtitle}
-
-${elements}
-  </div>`;
-  }).join("\n\n");
-  return `${header}
-
-${tabs}`;
-}
-function render(doc, opts) {
-  const printMode = opts?.printMode ?? false;
-  return htmlTemplate({
-    title: doc.frontmatter.title,
-    sidebarHtml: printMode ? "" : buildSidebar(doc),
-    mobileNavHtml: printMode ? "" : buildMobileNav(doc),
-    contentHtml: printMode ? buildPrintContent(doc) : buildContent(doc),
-    scriptContent: buildChartScript(doc, printMode),
-    printMode
-  });
-}
-function escapeHtml3(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-
-// src/index.ts
-function build(markdown) {
-  const doc = parse(markdown);
-  return render(doc);
-}
-function buildPrintHtml(markdown) {
-  const doc = parse(markdown);
-  return render(doc, { printMode: true });
-}
-async function buildPdf(markdown, outputPath, options) {
-  const doc = parse(markdown);
-  const html = render(doc, { printMode: true });
-  const { generatePdf } = await import("./pdf-PXNSBFN6.js");
-  await generatePdf({
-    html,
-    outputPath,
-    title: doc.frontmatter.title,
-    pageSize: options?.pageSize,
-    landscape: options?.landscape
-  });
-}
-
-export {
-  build,
-  buildPrintHtml,
-  buildPdf
-};