groove-dev 0.26.18 → 0.26.20

package/pitch-deck-groove/convert-slides.js

@@ -1,795 +0,0 @@
-// FSL-1.1-Apache-2.0 — see LICENSE
-// Groove Investor Deck — PPTX Generator
-// Uses Y-cursor pattern throughout. No hardcoded Y sequences.
-
-const pptxgen = require('pptxgenjs');
-const { createCanvas } = require('canvas');
-const fs = require('fs');
-const data = JSON.parse(fs.readFileSync('slides.json', 'utf8'));
-const { meta, slides } = data;
-
-const ACCENT = meta.accentColor || '6D28D9';
-const ACCENT_L = meta.accentLight || '8B5CF6';
-const FONT_H = meta.fontHeader || 'Georgia';
-const FONT_B = meta.fontBody || 'Arial';
-const pres = new pptxgen();
-pres.layout = 'LAYOUT_16x9';
-
-// ─── Layout constants ───
-const L = {
-  SLIDE_W: 10, SLIDE_H: 5.625,
-  MARGIN: 0.6, SAFE_X: 0.6, SAFE_R: 9.4, SAFE_W: 8.8,
-  SAFE_TOP: 0.65, SAFE_BOT: 5.125, SAFE_H: 4.475,
-  GAP_TIGHT: 0.1, GAP_STD: 0.25, GAP_SECTION: 0.4,
-  BRAND_Y: 0.25, BRAND_H: 0.3, CONTENT_START: 0.65,
-  TEXT_INSET: 0.2,
-};
-
-// ─── Text height estimation ───
-function estimateTextHeight(text, fontSize, boxWidth, opts = {}) {
-  if (!text) return fontSize / 72;
-  const charWidthFactor = opts.bold ? 0.0075 : 0.007;
-  const avgCharWidth = fontSize * charWidthFactor;
-  const margin = opts.margin !== undefined ? opts.margin : 0.1;
-  const effectiveWidth = boxWidth - (margin * 2);
-  const charsPerLine = Math.floor(effectiveWidth / avgCharWidth);
-  if (charsPerLine <= 0) return fontSize / 72;
-  const words = text.split(/\s+/);
-  let lines = 1, lineLen = 0;
-  for (const word of words) {
-    if (lineLen + word.length > charsPerLine && lineLen > 0) { lines++; lineLen = word.length; }
-    else { lineLen += (lineLen > 0 ? 1 : 0) + word.length; }
-  }
-  lines += (text.match(/\n/g) || []).length;
-  const lineHeight = (fontSize * 1.3) / 72;
-  return Math.max(lines * lineHeight, fontSize / 72);
-}
-
-// ─── Canvas helpers ───
-function gradientBg(w, h, angle, stops) {
-  const c = createCanvas(w, h);
-  const ctx = c.getContext('2d');
-  const rad = (angle * Math.PI) / 180;
-  const g = ctx.createLinearGradient(
-    w/2 - Math.cos(rad)*w, h/2 - Math.sin(rad)*h,
-    w/2 + Math.cos(rad)*w, h/2 + Math.sin(rad)*h
-  );
-  stops.forEach(([p, col]) => g.addColorStop(p, col));
-  ctx.fillStyle = g; ctx.fillRect(0, 0, w, h);
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-function renderOrb(accent = '#6D28D9', size = 800) {
-  const c = createCanvas(size, size);
-  const ctx = c.getContext('2d');
-  const cx = size/2, cy = size/2, r = size*0.44;
-  const g = ctx.createRadialGradient(cx*0.7, cy*0.6, r*0.1, cx, cy, r);
-  g.addColorStop(0, accent + '99');
-  g.addColorStop(0.4, accent + '4D');
-  g.addColorStop(1, accent + '0D');
-  ctx.fillStyle = g; ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.fill();
-  const h = ctx.createRadialGradient(cx*0.65, cy*0.5, 0, cx*0.65, cy*0.5, r*0.5);
-  h.addColorStop(0, 'rgba(255,255,255,0.3)');
-  h.addColorStop(1, 'rgba(255,255,255,0)');
-  ctx.fillStyle = h; ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.fill();
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-function renderRing(pct, accent = '#6D28D9', size = 400) {
-  const c = createCanvas(size, size);
-  const ctx = c.getContext('2d');
-  const cx = size/2, cy = size/2, r = size*0.38;
-  const lw = size * 0.1;
-  // Background ring
-  ctx.strokeStyle = 'rgba(255,255,255,0.06)';
-  ctx.lineWidth = lw;
-  ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.stroke();
-  // Value arc
-  ctx.strokeStyle = accent;
-  ctx.lineWidth = lw;
-  ctx.lineCap = 'round';
-  ctx.shadowColor = accent;
-  ctx.shadowBlur = 20;
-  ctx.beginPath();
-  ctx.arc(cx, cy, r, -Math.PI/2, -Math.PI/2 + Math.PI*2*pct);
-  ctx.stroke();
-  // Center text
-  ctx.shadowBlur = 0;
-  ctx.fillStyle = '#FFFFFF';
-  ctx.font = `bold ${size*0.18}px Georgia`;
-  ctx.textAlign = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText(Math.round(pct*100) + '%', cx, cy);
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-function renderSpline(w = 900, h = 250, accent = '#6D28D9') {
-  const c = createCanvas(w, h);
-  const ctx = c.getContext('2d');
-  // Area fill
-  const grad = ctx.createLinearGradient(0, 0, 0, h);
-  grad.addColorStop(0, accent + '40');
-  grad.addColorStop(1, accent + '00');
-  ctx.fillStyle = grad;
-  ctx.beginPath();
-  ctx.moveTo(0, h*0.8);
-  ctx.bezierCurveTo(w*0.15, h*0.75, w*0.25, h*0.5, w*0.4, h*0.4);
-  ctx.bezierCurveTo(w*0.55, h*0.3, w*0.7, h*0.15, w*0.85, h*0.1);
-  ctx.lineTo(w, h*0.08);
-  ctx.lineTo(w, h);
-  ctx.lineTo(0, h);
-  ctx.closePath();
-  ctx.fill();
-  // Line
-  ctx.strokeStyle = accent;
-  ctx.lineWidth = 3;
-  ctx.lineCap = 'round';
-  ctx.shadowColor = accent;
-  ctx.shadowBlur = 8;
-  ctx.beginPath();
-  ctx.moveTo(0, h*0.8);
-  ctx.bezierCurveTo(w*0.15, h*0.75, w*0.25, h*0.5, w*0.4, h*0.4);
-  ctx.bezierCurveTo(w*0.55, h*0.3, w*0.7, h*0.15, w*0.85, h*0.1);
-  ctx.lineTo(w, h*0.08);
-  ctx.stroke();
-  // Dots
-  ctx.shadowBlur = 10;
-  [[w*0.4, h*0.4], [w*0.85, h*0.1]].forEach(([x, y]) => {
-    ctx.fillStyle = accent;
-    ctx.beginPath(); ctx.arc(x, y, 5, 0, Math.PI*2); ctx.fill();
-  });
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-function renderProgressArc(pct, accent = '#6D28D9', size = 500) {
-  const c = createCanvas(size, size);
-  const ctx = c.getContext('2d');
-  const cx = size/2, cy = size/2, r = size*0.4;
-  const lw = size*0.08;
-  ctx.strokeStyle = 'rgba(255,255,255,0.04)';
-  ctx.lineWidth = lw;
-  ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.stroke();
-  ctx.strokeStyle = accent;
-  ctx.lineWidth = lw;
-  ctx.lineCap = 'round';
-  ctx.shadowColor = accent;
-  ctx.shadowBlur = 15;
-  ctx.beginPath();
-  ctx.arc(cx, cy, r, -Math.PI/2, -Math.PI/2 + Math.PI*2*pct);
-  ctx.stroke();
-  ctx.shadowBlur = 0;
-  ctx.fillStyle = '#FFFFFF';
-  ctx.font = `bold ${size*0.16}px Georgia`;
-  ctx.textAlign = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText(Math.round(pct*100) + '%', cx, cy - size*0.03);
-  ctx.font = `${size*0.045}px Arial`;
-  ctx.fillStyle = 'rgba(255,255,255,0.5)';
-  ctx.fillText('context used', cx, cy + size*0.08);
-  ctx.font = `bold ${size*0.04}px Arial`;
-  ctx.fillStyle = accent;
-  ctx.fillText('↻ AUTO-ROTATE', cx, cy + size*0.15);
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-function renderConcentricRings(accent = '#6D28D9', size = 600) {
-  const c = createCanvas(size, size);
-  const ctx = c.getContext('2d');
-  const cx = size/2, cy = size/2;
-  // TAM
-  ctx.fillStyle = accent + '14';
-  ctx.strokeStyle = accent + '33';
-  ctx.lineWidth = 1;
-  ctx.beginPath(); ctx.arc(cx, cy, size*0.46, 0, Math.PI*2); ctx.fill(); ctx.stroke();
-  // SAM
-  ctx.fillStyle = accent + '22';
-  ctx.strokeStyle = accent + '44';
-  ctx.beginPath(); ctx.arc(cx, cy, size*0.3, 0, Math.PI*2); ctx.fill(); ctx.stroke();
-  // SOM
-  ctx.fillStyle = accent + '44';
-  ctx.strokeStyle = accent;
-  ctx.lineWidth = 2;
-  ctx.shadowColor = accent;
-  ctx.shadowBlur = 12;
-  ctx.beginPath(); ctx.arc(cx, cy, size*0.15, 0, Math.PI*2); ctx.fill(); ctx.stroke();
-  // Labels
-  ctx.shadowBlur = 0;
-  ctx.textAlign = 'center';
-  ctx.fillStyle = '#FFFFFF';
-  ctx.font = `bold ${size*0.045}px Georgia`;
-  ctx.fillText('SOM', cx, cy + 5);
-  ctx.font = `${size*0.03}px Arial`;
-  ctx.fillStyle = 'rgba(255,255,255,0.5)';
-  ctx.fillText('$500M', cx, cy + size*0.06);
-  ctx.fillText('SAM — $4.2B', cx, cy - size*0.2);
-  ctx.fillStyle = 'rgba(255,255,255,0.35)';
-  ctx.fillText('TAM — $28B', cx, cy - size*0.38);
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-function renderBarChart(accent = '#6D28D9', w = 900, h = 250) {
-  const c = createCanvas(w, h);
-  const ctx = c.getContext('2d');
-  const bars = [
-    { label: '1 Agent', height: 0.35, color: accent },
-    { label: '3 Agents', height: 0.55, color: accent },
-    { label: '5 Agents', height: 0.78, color: '#E11D48' },
-    { label: '10 Agents', height: 0.95, color: '#E11D48' },
-  ];
-  const barW = w * 0.15;
-  const gap = (w - bars.length * barW) / (bars.length + 1);
-  bars.forEach((bar, i) => {
-    const x = gap + i * (barW + gap);
-    const barH = h * 0.75 * bar.height;
-    const y = h * 0.85 - barH;
-    const grad = ctx.createLinearGradient(x, y + barH, x, y);
-    grad.addColorStop(0, bar.color + '33');
-    grad.addColorStop(1, bar.color + 'CC');
-    ctx.fillStyle = grad;
-    ctx.beginPath();
-    ctx.moveTo(x + 6, y);
-    ctx.arcTo(x + barW, y, x + barW, y + 6, 6);
-    ctx.lineTo(x + barW, y + barH);
-    ctx.lineTo(x, y + barH);
-    ctx.arcTo(x, y, x + 6, y, 6);
-    ctx.closePath();
-    ctx.fill();
-    ctx.fillStyle = 'rgba(255,255,255,0.5)';
-    ctx.font = '11px Arial';
-    ctx.textAlign = 'center';
-    ctx.fillText(bar.label, x + barW/2, h * 0.95);
-  });
-  ctx.strokeStyle = 'rgba(255,255,255,0.06)';
-  ctx.lineWidth = 1;
-  ctx.beginPath(); ctx.moveTo(gap*0.5, h*0.85); ctx.lineTo(w - gap*0.5, h*0.85); ctx.stroke();
-  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
-}
-
-// ─── Slide helpers ───
-function getBackground(name) {
-  const bg = meta.backgrounds[name] || meta.backgrounds.default;
-  return gradientBg(1920, 1080, bg.angle, bg.stops);
-}
-
-function slideWithBg(bgName, category) {
-  const s = pres.addSlide();
-  s.background = { data: getBackground(bgName) };
-  s.addText(meta.brand, {
-    x: L.SAFE_X, y: L.BRAND_Y, w: 3, h: L.BRAND_H,
-    fontSize: 11, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0
-  });
-  if (category) {
-    s.addText(category.toUpperCase(), {
-      x: 6.5, y: L.BRAND_Y, w: 3, h: L.BRAND_H,
-      fontSize: 9, fontFace: FONT_B, bold: true,
-      color: '8B8FA3', align: 'right', charSpacing: 5, margin: 0
-    });
-  }
-  return s;
-}
-
-function addLabel(slide, text, Y) {
-  slide.addText(text.toUpperCase(), {
-    x: L.SAFE_X, y: Y, w: 8, h: 0.25,
-    fontSize: 11, fontFace: FONT_B, bold: true,
-    color: ACCENT_L, charSpacing: 5, margin: 0
-  });
-  return Y + 0.25 + L.GAP_TIGHT;
-}
-
-function addTitle(slide, text, Y, opts = {}) {
-  const fontSize = opts.fontSize || 38;
-  const maxW = opts.maxW || L.SAFE_W;
-  const h = estimateTextHeight(text, fontSize, maxW, { bold: true, margin: 0 });
-  slide.addText(text, {
-    x: L.SAFE_X, y: Y, w: maxW, h,
-    fontSize, fontFace: FONT_H, bold: true,
-    color: 'F5F5F5', margin: 0, lineSpacingMultiple: 1.05
-  });
-  return Y + h + L.GAP_STD;
-}
-
-function addSub(slide, text, Y, opts = {}) {
-  const maxW = opts.maxW || 5.5;
-  const h = estimateTextHeight(text, 16, maxW, { margin: 0 });
-  slide.addText(text, {
-    x: L.SAFE_X, y: Y, w: maxW, h: Math.max(h, 0.5),
-    fontSize: 16, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.4
-  });
-  return Y + Math.max(h, 0.5) + L.GAP_STD;
-}
-
-function addDivider(slide, y, x = L.SAFE_X, w = L.SAFE_W) {
-  slide.addShape(pres.shapes.LINE, {
-    x, y, w, h: 0,
-    line: { color: 'FFFFFF', width: 0.5, transparency: 92 }
-  });
-}
-
-function accentBorder(slide, x, y, h) {
-  slide.addShape(pres.shapes.LINE, {
-    x, y, w: 0, h,
-    line: { color: ACCENT, width: 3 }
-  });
-}
-
-function colDivider(slide, x, y, h) {
-  slide.addShape(pres.shapes.LINE, {
-    x, y, w: 0, h,
-    line: { color: 'FFFFFF', width: 0.5, transparency: 88 }
-  });
-}
-
-// ─── Build slides ───
-
-// 1. TITLE
-(function() {
-  const s = pres.addSlide();
-  s.background = { data: getBackground('deep') };
-  s.addImage({ data: renderOrb('#' + ACCENT), x: 5.5, y: -0.5, w: 5.5, h: 5.5 });
-  let Y = 1.0;
-  s.addText('INVESTOR PRESENTATION — APRIL 2026', {
-    x: L.SAFE_X, y: Y, w: 6, h: 0.25,
-    fontSize: 11, fontFace: FONT_B, bold: true, color: ACCENT_L, charSpacing: 5, margin: 0
-  });
-  Y += 0.5;
-  const titleH = estimateTextHeight('The Orchestration Layer\nfor AI Coding Agents', 52, 6, { bold: true, margin: 0 });
-  s.addText('The Orchestration Layer\nfor AI Coding Agents', {
-    x: L.SAFE_X, y: Y, w: 6, h: titleH,
-    fontSize: 52, fontFace: FONT_H, bold: true, color: 'F5F5F5', margin: 0, lineSpacingMultiple: 1.05
-  });
-  Y += titleH + 0.2;
-  addDivider(s, Y, L.SAFE_X, 1.2);
-  Y += 0.35;
-  s.addText('Spawn teams of AI agents. Coordinate their work.\nNever lose context. Cut token costs 40–60%.', {
-    x: L.SAFE_X, y: Y, w: 6, h: 0.7,
-    fontSize: 16, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.4
-  });
-  Y += 1.0;
-  s.addText('GROOVE', {
-    x: L.SAFE_X, y: Y, w: 3, h: 0.35,
-    fontSize: 22, fontFace: FONT_H, bold: true, color: 'F5F5F5', margin: 0
-  });
-  s.addText('groovedev.ai', {
-    x: 2.2, y: Y + 0.05, w: 3, h: 0.3,
-    fontSize: 12, fontFace: FONT_B, color: '8B8FA3', margin: 0
-  });
-})();
-
-// 2. PROBLEM
-(function() {
-  const sd = slides[1];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
-  addSub(s, sd.subtitle, Y, { maxW: 4.8 });
-  // Pain words
-  const pains = [
-    { text: 'Cold Starts', x: 6.8, y: 0.9, size: 22 },
-    { text: 'Context Decay', x: 7.2, y: 1.8, size: 18 },
-    { text: 'File Conflicts', x: 6.4, y: 2.7, size: 20 },
-    { text: 'Blind Spending', x: 7.5, y: 3.5, size: 16 },
-    { text: 'No Coordination', x: 6.2, y: 4.2, size: 18 },
-  ];
-  pains.forEach(pw => {
-    s.addText(pw.text, {
-      x: pw.x, y: pw.y, w: 2.5, h: 0.4,
-      fontSize: pw.size, fontFace: FONT_H, italic: true,
-      color: 'FFFFFF', transparency: 80, margin: 0
-    });
-  });
-})();
-
-// 3. COST
-(function() {
-  const sd = slides[2];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
-  Y += 0.15;
-  const metrics = sd.metrics;
-  const colW = (L.SAFE_W - 0.6) / metrics.length;
-  metrics.forEach((m, i) => {
-    const x = L.SAFE_X + i * (colW + 0.3);
-    if (i > 0) colDivider(s, x - 0.15, Y, 1.5);
-    const valH = estimateTextHeight(m.value, 42, colW, { bold: true, margin: 0 });
-    s.addText(m.value, { x, y: Y, w: colW, h: valH, fontSize: 42, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-    s.addText(m.unit, { x, y: Y + valH + 0.1, w: colW, h: 0.3, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(m.desc, { x, y: Y + valH + 0.45, w: colW, h: 0.5, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
-  });
-  s.addImage({ data: renderBarChart('#' + ACCENT), x: 0.3, y: 3.6, w: 9.4, h: 1.8 });
-})();
-
-// 4. SOLUTION
-(function() {
-  const sd = slides[3];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.2 });
-  Y = addSub(s, sd.subtitle, Y, { maxW: 4.8 });
-  Y += 0.15;
-  const feats = sd.features;
-  const fColW = (5 - 0.4) / feats.length;
-  feats.forEach((f, i) => {
-    const x = L.SAFE_X + i * (fColW + 0.2);
-    accentBorder(s, x, Y, 0.9);
-    s.addText(f.title, { x: x + 0.2, y: Y, w: fColW - 0.3, h: 0.3, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(f.desc, { x: x + 0.2, y: Y + 0.35, w: fColW - 0.3, h: 0.6, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
-  });
-})();
-
-// 5. ARCHITECTURE
-(function() {
-  const sd = slides[4];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y);
-  Y += 0.1;
-  // Timeline steps
-  const steps = sd.steps;
-  const n = steps.length;
-  const stepW = L.SAFE_W / n;
-  steps.forEach((step, i) => {
-    const cx = L.SAFE_X + i * stepW + stepW/2;
-    // Circle
-    s.addShape(pres.shapes.OVAL, {
-      x: cx - 0.25, y: Y, w: 0.5, h: 0.5,
-      fill: { color: ACCENT, transparency: 85 },
-      line: { color: ACCENT, width: 2 }
-    });
-    s.addText(step.num, {
-      x: cx - 0.25, y: Y, w: 0.5, h: 0.5,
-      fontSize: 16, fontFace: FONT_H, bold: true, color: ACCENT_L, align: 'center', valign: 'middle', margin: 0
-    });
-    // Connector
-    if (i < n - 1) {
-      s.addShape(pres.shapes.LINE, {
-        x: cx + 0.25, y: Y + 0.25, w: stepW - 0.5, h: 0,
-        line: { color: ACCENT, width: 1.5, transparency: 60 }
-      });
-    }
-    // Labels
-    s.addText(step.title, {
-      x: cx - 0.8, y: Y + 0.6, w: 1.6, h: 0.3,
-      fontSize: 11, fontFace: FONT_B, bold: true, color: 'F5F5F5', align: 'center', margin: 0
-    });
-    s.addText(step.desc, {
-      x: cx - 0.8, y: Y + 0.9, w: 1.6, h: 0.45,
-      fontSize: 9, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0, lineSpacingMultiple: 1.2
-    });
-  });
-  // KPI strip
-  const kY = 4.2;
-  const kpis = sd.kpis;
-  const kW = L.SAFE_W / kpis.length;
-  kpis.forEach((kpi, i) => {
-    const x = L.SAFE_X + i * kW;
-    s.addShape(pres.shapes.RECTANGLE, {
-      x, y: kY, w: kW - 0.02, h: 0.7,
-      fill: { color: 'FFFFFF', transparency: 97 }
-    });
-    s.addText(kpi.value, {
-      x, y: kY + 0.05, w: kW, h: 0.35,
-      fontSize: 20, fontFace: FONT_H, bold: true, color: ACCENT_L, align: 'center', margin: 0
-    });
-    s.addText(kpi.label, {
-      x, y: kY + 0.4, w: kW, h: 0.25,
-      fontSize: 8, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0, charSpacing: 1
-    });
-  });
-})();
-
-// 6. JOURNALIST
-(function() {
-  const sd = slides[5];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START + 0.3;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { fontSize: 44, maxW: 5.5 });
-  Y = addSub(s, sd.subtitle, Y, { maxW: 5 });
-  Y += 0.2;
-  // Metrics
-  sd.metrics.forEach((m, i) => {
-    if (i > 0) colDivider(s, L.SAFE_X + 3.2 + i * 0.1 - 0.15, Y, 1.0);
-    const x = L.SAFE_X + i * 3.3;
-    s.addText(m.value, { x, y: Y, w: 3, h: 0.6, fontSize: 42, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-    s.addText(m.unit, { x, y: Y + 0.6, w: 3, h: 0.25, fontSize: 12, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(m.desc, { x, y: Y + 0.9, w: 3, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
-  });
-  s.addImage({ data: renderSpline(900, 250, '#' + ACCENT), x: 5.5, y: 3.0, w: 4.2, h: 2.2 });
-})();
-
-// 7. ROTATION
-(function() {
-  const sd = slides[6];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
-  Y = addSub(s, sd.subtitle, Y, { maxW: 5 });
-  Y += 0.15;
-  sd.features.forEach((f, i) => {
-    const x = L.SAFE_X + i * 2.6;
-    accentBorder(s, x, Y, 0.7);
-    s.addText(f.title, { x: x + 0.2, y: Y, w: 2.2, h: 0.25, fontSize: 12, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(f.desc, { x: x + 0.2, y: Y + 0.3, w: 2.2, h: 0.4, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
-  });
-  s.addImage({ data: renderProgressArc(0.75, '#' + ACCENT), x: 6.5, y: 1.0, w: 3.2, h: 3.2 });
-})();
-
-// 8. COORDINATION
-(function() {
-  const sd = slides[7];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y);
-  Y += 0.1;
-  const cols = sd.columns;
-  const colW = (L.SAFE_W - 0.8) / cols.length;
-  cols.forEach((col, i) => {
-    const x = L.SAFE_X + i * (colW + 0.4);
-    s.addText(col.num, { x, y: Y, w: 1, h: 0.4, fontSize: 24, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-    s.addText(col.title, { x, y: Y + 0.45, w: colW, h: 0.3, fontSize: 14, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    addDivider(s, Y + 0.8, x, 0.6);
-    s.addText(col.desc, { x, y: Y + 0.95, w: colW, h: 0.8, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.5 });
-  });
-})();
-
-// 9. PRODUCT / GUI
-(function() {
-  const sd = slides[8];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
-  Y = addSub(s, sd.subtitle, Y, { maxW: 4.5 });
-  Y += 0.1;
-  const feats = sd.features;
-  const half = Math.ceil(feats.length / 2);
-  [feats.slice(0, half), feats.slice(half)].forEach((group, gi) => {
-    const x = L.SAFE_X + gi * 4.5;
-    group.forEach((f, fi) => {
-      const fy = Y + fi * 0.35;
-      s.addText(f, { x, y: fy, w: 4.2, h: 0.3, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', margin: 0, bullet: true });
-    });
-  });
-})();
-
-// 10. ECONOMICS
-(function() {
-  const sd = slides[9];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START + 0.3;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { fontSize: 44 });
-  Y += 0.15;
-  const metrics = sd.metrics;
-  const mColW = (L.SAFE_W - 0.6) / metrics.length;
-  metrics.forEach((m, i) => {
-    const x = L.SAFE_X + i * (mColW + 0.3);
-    if (i > 0) colDivider(s, x - 0.15, Y, 2.5);
-    s.addText(m.value, { x, y: Y, w: mColW, h: 0.8, fontSize: 60, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-    s.addText(m.unit, { x, y: Y + 0.8, w: mColW, h: 0.3, fontSize: 14, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(m.desc, { x, y: Y + 1.15, w: mColW, h: 0.35, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
-    s.addImage({ data: renderRing(m.ringPercent, '#' + ACCENT), x: x + 0.3, y: Y + 1.6, w: 1.2, h: 1.2 });
-  });
-})();
-
-// 11. PROVIDERS
-(function() {
-  const sd = slides[10];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.2 });
-  Y = addSub(s, sd.subtitle, Y, { maxW: 4.8 });
-  Y += 0.15;
-  const providers = sd.providers;
-  const pW = 2.1;
-  providers.forEach((p, i) => {
-    const col = i % 2, row = Math.floor(i / 2);
-    const x = L.SAFE_X + col * (pW + 0.3);
-    const py = Y + row * 1.1;
-    accentBorder(s, x, py, 0.8);
-    s.addText(p.name, { x: x + 0.2, y: py, w: pW - 0.3, h: 0.25, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(p.models, { x: x + 0.2, y: py + 0.28, w: pW - 0.3, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
-    s.addText(p.extra, { x: x + 0.2, y: py + 0.5, w: pW - 0.3, h: 0.2, fontSize: 9, fontFace: FONT_B, color: ACCENT_L, margin: 0 });
-  });
-})();
-
-// 12. MARKET
-(function() {
-  const sd = slides[11];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.2 });
-  Y += 0.1;
-  sd.tiers.forEach((tier, i) => {
-    const ty = Y + i * 1.2;
-    s.addText(tier.value, { x: L.SAFE_X, y: ty, w: 4, h: 0.5, fontSize: i === 0 ? 42 : (i === 1 ? 32 : 24), fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-    s.addText(tier.label, { x: L.SAFE_X, y: ty + (i === 0 ? 0.55 : 0.4), w: 4, h: 0.25, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-    s.addText(tier.desc, { x: L.SAFE_X, y: ty + (i === 0 ? 0.82 : 0.67), w: 4, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
-    if (i < sd.tiers.length - 1) addDivider(s, ty + (i === 0 ? 1.1 : 0.95), L.SAFE_X, 4);
-  });
-  s.addImage({ data: renderConcentricRings('#' + ACCENT), x: 5.5, y: 0.8, w: 4.2, h: 4.2 });
-})();
-
-// 13. TRACTION
-(function() {
-  const sd = slides[12];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y);
-  Y += 0.1;
-  // Stats grid
-  const stats = sd.stats;
-  const sColW = 2.0;
-  stats.forEach((stat, i) => {
-    const col = i % 2, row = Math.floor(i / 2);
-    const x = L.SAFE_X + col * (sColW + 0.5);
-    const sy = Y + row * 0.65;
-    s.addText(stat.value, { x, y: sy, w: sColW, h: 0.35, fontSize: 28, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-    s.addText(stat.label, { x, y: sy + 0.32, w: sColW, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
-  });
-  // Milestones
-  colDivider(s, 5.3, Y, 2.5);
-  const mX = 5.6;
-  sd.milestones.forEach((m, i) => {
-    s.addText([
-      { text: '✓ ', options: { color: ACCENT_L, fontSize: 10, bold: true } },
-      { text: m, options: { color: '8B8FA3', fontSize: 10 } }
-    ], {
-      x: mX, y: Y + i * 0.3, w: 4, h: 0.25,
-      fontFace: FONT_B, margin: 0
-    });
-  });
-  s.addImage({ data: renderSpline(900, 120, '#' + ACCENT), x: 0.3, y: 4.4, w: 9.4, h: 1.0 });
-})();
-
-// 14. COMPETITION
-(function() {
-  const sd = slides[13];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y);
-  Y += 0.15;
-  // Header
-  const competitors = sd.competitors;
-  const labelW = 2.5;
-  const cellW = (L.SAFE_W - labelW) / competitors.length;
-  competitors.forEach((comp, i) => {
-    s.addText(comp, {
-      x: L.SAFE_X + labelW + i * cellW, y: Y, w: cellW, h: 0.3,
-      fontSize: 10, fontFace: FONT_B, bold: true,
-      color: i === 0 ? ACCENT_L : '8B8FA3', align: 'center', margin: 0
-    });
-  });
-  Y += 0.35;
-  // Rows
-  sd.features.forEach((feat, fi) => {
-    const ry = Y + fi * 0.33;
-    s.addText(feat.name, { x: L.SAFE_X, y: ry, w: labelW, h: 0.28, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
-    feat.scores.forEach((score, si) => {
-      const cx = L.SAFE_X + labelW + si * cellW + cellW/2;
-      s.addShape(pres.shapes.OVAL, {
-        x: cx - 0.08, y: ry + 0.06, w: 0.16, h: 0.16,
-        fill: { color: ACCENT, transparency: Math.round((1 - score) * 90) }
-      });
-    });
-  });
-})();
-
-// 15. PRICING
-(function() {
-  const sd = slides[14];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y);
-  Y += 0.1;
-  const tiers = sd.tiers;
-  const tColW = (L.SAFE_W - 0.6) / tiers.length;
-  tiers.forEach((tier, i) => {
-    const x = L.SAFE_X + i * (tColW + 0.3);
-    if (tier.highlighted) {
-      s.addShape(pres.shapes.RECTANGLE, {
-        x: x - 0.1, y: Y - 0.1, w: tColW + 0.2, h: 2.8,
-        fill: { color: ACCENT, transparency: 94 }
-      });
-    }
-    if (i > 0) colDivider(s, x - 0.15, Y, 2.6);
-    let innerY = Y;
-    s.addText(tier.name.toUpperCase(), { x, y: innerY, w: tColW, h: 0.25, fontSize: 12, fontFace: FONT_B, bold: true, color: tier.highlighted ? ACCENT_L : 'F5F5F5', charSpacing: 3, margin: 0 });
-    innerY += 0.3;
-    s.addText(tier.price, { x, y: innerY, w: tColW, h: 0.55, fontSize: 36, fontFace: FONT_H, bold: true, color: tier.highlighted ? ACCENT_L : 'F5F5F5', margin: 0, shrinkText: true });
-    innerY += 0.6;
-    addDivider(s, innerY, x, tColW);
-    innerY += 0.15;
-    const featText = tier.features.map(f => ({
-      text: f, options: { bullet: true, breakLine: true, fontSize: 10, color: '8B8FA3' }
-    }));
-    s.addText(featText, { x, y: innerY, w: tColW, h: 1.5, fontFace: FONT_B, margin: 0, valign: 'top' });
-  });
-  // Projections
-  const pY = 4.5;
-  sd.projections.forEach((p, i) => {
-    const px = L.SAFE_X + i * 3.2;
-    if (i > 0) colDivider(s, px - 0.15, pY, 0.6);
-    s.addText(p.label.toUpperCase(), { x: px, y: pY, w: 2.8, h: 0.2, fontSize: 9, fontFace: FONT_B, color: '8B8FA3', charSpacing: 2, margin: 0 });
-    s.addText(p.value, { x: px, y: pY + 0.22, w: 2.8, h: 0.35, fontSize: 22, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
-  });
-})();
-
-// 16. SECURITY
-(function() {
-  const sd = slides[15];
-  const s = slideWithBg(sd.background, sd.category);
-  let Y = L.CONTENT_START;
-  Y = addLabel(s, sd.label, Y);
-  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
-  Y = addSub(s, sd.subtitle, Y, { maxW: 5 });
-  Y += 0.15;
-  [sd.left, sd.right].forEach((col, ci) => {
-    const x = L.SAFE_X + ci * 4.5;
-    col.forEach((f, fi) => {
-      const fy = Y + fi * 0.8;
-      accentBorder(s, x, fy, 0.55);
-      s.addText(f.title, { x: x + 0.2, y: fy, w: 4, h: 0.22, fontSize: 12, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
-      s.addText(f.desc, { x: x + 0.2, y: fy + 0.26, w: 4, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
-    });
-  });
-})();
-
-// 17. CTA
-(function() {
-  const sd = slides[16];
-  const s = pres.addSlide();
-  s.background = { data: getBackground('deep') };
-  s.addImage({ data: renderOrb('#' + ACCENT, 1200), x: 2.0, y: -0.5, w: 6, h: 6 });
-  let Y = 0.8;
-  s.addText(sd.label.toUpperCase(), {
-    x: 0, y: Y, w: 10, h: 0.25,
-    fontSize: 11, fontFace: FONT_B, bold: true, color: ACCENT_L, charSpacing: 5, align: 'center', margin: 0
-  });
-  Y += 0.5;
-  const titleH = estimateTextHeight(sd.title, 48, 8, { bold: true, margin: 0 });
-  s.addText(sd.title, {
-    x: 1, y: Y, w: 8, h: titleH,
-    fontSize: 48, fontFace: FONT_H, bold: true, color: 'F5F5F5', align: 'center', margin: 0, lineSpacingMultiple: 1.05
-  });
-  Y += titleH + 0.3;
-  addDivider(s, Y, 4.3, 1.4);
-  Y += 0.35;
-  s.addText(sd.subtitle, {
-    x: 2, y: Y, w: 6, h: 0.8,
-    fontSize: 15, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0, lineSpacingMultiple: 1.4
-  });
-  Y += 1.0;
-  // Asks
-  sd.asks.forEach((ask, i) => {
-    const ax = 2 + i * 2.2;
-    if (i > 0) colDivider(s, ax - 0.15, Y, 0.7);
-    s.addText(ask.value, { x: ax, y: Y, w: 1.8, h: 0.4, fontSize: 30, fontFace: FONT_H, bold: true, color: ACCENT_L, align: 'center', margin: 0 });
-    s.addText(ask.label, { x: ax, y: Y + 0.42, w: 1.8, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0 });
-  });
-  Y += 1.0;
-  s.addText('GROOVE', { x: 0, y: Y, w: 10, h: 0.35, fontSize: 18, fontFace: FONT_H, bold: true, color: 'F5F5F5', align: 'center', margin: 0 });
-  s.addText(sd.contact, { x: 0, y: Y + 0.35, w: 10, h: 0.25, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0 });
-})();
-
-// ─── Write file ───
-pres.writeFile({ fileName: 'deck.pptx' }).then(() => {
-  console.log('✓ deck.pptx generated successfully');
-  console.log(`  ${slides.length} slides | accent: #${ACCENT} | fonts: ${FONT_H} + ${FONT_B}`);
-}).catch(err => {
-  console.error('Error generating PPTX:', err);
-  process.exit(1);
-});