const pptxgen = require("pptxgenjs");

const pres = new pptxgen();
pres.layout = "LAYOUT_16x9";
pres.title = "Generative AI & Large Language Models";

// ── Palette ──────────────────────────────────────────────────────────────────
const C = {
  bg:      "0D1117",   // near-black
  panel:   "161B22",   // slightly lighter panel
  accent:  "58A6FF",   // electric blue
  accent2: "3FB950",   // neon green
  purple:  "BC8CFF",   // soft purple
  white:   "F0F6FC",
  muted:   "8B949E",
  yellow:  "E3B341",
};

// ── Helper: slide background ──────────────────────────────────────────────────
function darkBg(slide) {
  slide.addShape(pres.shapes.RECTANGLE, {
    x: 0, y: 0, w: 10, h: 5.625,
    fill: { color: C.bg },
    line: { color: C.bg },
  });
}

// ── Helper: accent bar top ────────────────────────────────────────────────────
function topBar(slide, color = C.accent) {
  slide.addShape(pres.shapes.RECTANGLE, {
    x: 0, y: 0, w: 10, h: 0.07,
    fill: { color },
    line: { color },
  });
}

// ── Helper: section label ─────────────────────────────────────────────────────
function sectionLabel(slide, text, color = C.accent) {
  slide.addText(text, {
    x: 0.5, y: 0.18, w: 9, h: 0.3,
    fontSize: 9, bold: true, color, charSpacing: 3,
    fontFace: "Calibri", margin: 0,
  });
}

// ── Helper: slide title ───────────────────────────────────────────────────────
function slideTitle(slide, text, y = 0.55) {
  slide.addText(text, {
    x: 0.5, y, w: 9, h: 0.75,
    fontSize: 28, bold: true, color: C.white,
    fontFace: "Calibri", margin: 0,
  });
}

// ── Helper: body text ─────────────────────────────────────────────────────────
function bodyText(slide, items, opts = {}) {
  const rows = items.map((t, i) => ({
    text: t,
    options: { bullet: { code: "25B8", color: opts.bulletColor || C.accent }, breakLine: i < items.length - 1, fontSize: opts.fontSize || 14, color: C.white, fontFace: "Calibri" },
  }));
  slide.addText(rows, {
    x: opts.x || 0.5, y: opts.y || 1.5, w: opts.w || 9, h: opts.h || 3.5,
    valign: "top", margin: 0,
  });
}

// ── Helper: card ──────────────────────────────────────────────────────────────
function card(slide, x, y, w, h, title, body, titleColor = C.accent) {
  slide.addShape(pres.shapes.ROUNDED_RECTANGLE, {
    x, y, w, h,
    fill: { color: C.panel },
    line: { color: "2D333B", pt: 1 },
    rectRadius: 0.08,
    shadow: { type: "outer", color: "000000", blur: 8, offset: 2, angle: 135, opacity: 0.25 },
  });
  slide.addText(title, {
    x: x + 0.15, y: y + 0.1, w: w - 0.3, h: 0.35,
    fontSize: 12, bold: true, color: titleColor, fontFace: "Calibri", margin: 0,
  });
  slide.addText(body, {
    x: x + 0.15, y: y + 0.48, w: w - 0.3, h: h - 0.55,
    fontSize: 11, color: C.white, fontFace: "Calibri", margin: 0, valign: "top",
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 1 — Title
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);

  // Gradient-like left accent strip
  s.addShape(pres.shapes.RECTANGLE, {
    x: 0, y: 0, w: 0.35, h: 5.625,
    fill: { color: C.accent },
    line: { color: C.accent },
  });

  // Purple decoration block top-right
  s.addShape(pres.shapes.RECTANGLE, {
    x: 7.8, y: 0, w: 2.2, h: 1.8,
    fill: { color: "1A1F3C" },
    line: { color: "1A1F3C" },
  });
  s.addShape(pres.shapes.RECTANGLE, {
    x: 9.2, y: 0, w: 0.8, h: 1.8,
    fill: { color: C.purple },
    line: { color: C.purple },
  });

  // Headline
  s.addText("Generative AI", {
    x: 0.65, y: 1.2, w: 8, h: 1.1,
    fontSize: 52, bold: true, color: C.white, fontFace: "Calibri", margin: 0,
  });
  s.addText("& Large Language Models", {
    x: 0.65, y: 2.25, w: 8.5, h: 0.7,
    fontSize: 26, bold: false, color: C.accent, fontFace: "Calibri", margin: 0,
  });

  // Divider line
  s.addShape(pres.shapes.RECTANGLE, {
    x: 0.65, y: 3.1, w: 4, h: 0.04,
    fill: { color: C.accent2 },
    line: { color: C.accent2 },
  });

  // Subtitle
  s.addText("What it is, how it works, and why it matters", {
    x: 0.65, y: 3.25, w: 8, h: 0.45,
    fontSize: 14, color: C.muted, fontFace: "Calibri", margin: 0,
  });

  // Tag chips
  const tags = ["AI", "ChatGPT", "LLMs", "Transformers"];
  tags.forEach((t, i) => {
    const tx = 0.65 + i * 1.9;
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x: tx, y: 4.5, w: 1.65, h: 0.4,
      fill: { color: "1C2D40" },
      line: { color: C.accent, pt: 1 },
      rectRadius: 0.2,
    });
    s.addText(t, {
      x: tx, y: 4.5, w: 1.65, h: 0.4,
      fontSize: 10, bold: true, color: C.accent, align: "center", valign: "middle", fontFace: "Calibri", margin: 0,
    });
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 2 — What is Generative AI?
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.accent2);
  sectionLabel(s, "FOUNDATIONS", C.accent2);
  slideTitle(s, "What is Generative AI?");

  // Big definition callout
  s.addShape(pres.shapes.RECTANGLE, {
    x: 0.5, y: 1.45, w: 9, h: 1.05,
    fill: { color: "0F2027" },
    line: { color: C.accent, pt: 1.5 },
  });
  s.addText([
    { text: "Generative AI", options: { bold: true, color: C.accent } },
    { text: " is artificial intelligence that can ", options: { color: C.white } },
    { text: "create new content", options: { bold: true, color: C.accent2 } },
    { text: " — text, images, code, audio — by learning patterns from vast amounts of data.", options: { color: C.white } },
  ], { x: 0.7, y: 1.48, w: 8.6, h: 0.98, fontSize: 14.5, fontFace: "Calibri", valign: "middle", margin: 0 });

  // Three concept cards
  const concepts = [
    { title: "🧠  Learns from Data", body: "Trained on billions of examples: books, websites, code, images." },
    { title: "✍️  Creates New Output", body: "Generates brand-new content — not just searching or copying." },
    { title: "🔁  Gets Better Over Time", body: "Refined through human feedback and continuous training loops." },
  ];
  concepts.forEach((c, i) => {
    card(s, 0.35 + i * 3.12, 2.65, 2.95, 1.85, c.title, c.body, C.accent);
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 3 — A Brief History
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.purple);
  sectionLabel(s, "TIMELINE", C.purple);
  slideTitle(s, "A Brief History of AI");

  const events = [
    { year: "1950s", event: "Alan Turing proposes the \"Turing Test\" — can machines think?" },
    { year: "1980s", event: "Neural networks gain traction; early NLP experiments begin." },
    { year: "2017", event: "Google's \"Attention Is All You Need\" paper introduces Transformers." },
    { year: "2020", event: "OpenAI releases GPT-3 — 175 billion parameters, shocks the world." },
    { year: "2022", event: "ChatGPT launches; reaches 100M users in 2 months." },
    { year: "2024+", event: "Multimodal models (text + images + voice) become mainstream." },
  ];

  events.forEach((e, i) => {
    const y = 1.45 + i * 0.67;
    // Year pill
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x: 0.4, y: y, w: 0.9, h: 0.42,
      fill: { color: C.purple },
      line: { color: C.purple },
      rectRadius: 0.05,
    });
    s.addText(e.year, {
      x: 0.4, y: y, w: 0.9, h: 0.42,
      fontSize: 10, bold: true, color: "0D1117", align: "center", valign: "middle", fontFace: "Calibri", margin: 0,
    });
    // Connector dot
    s.addShape(pres.shapes.OVAL, {
      x: 1.42, y: y + 0.14, w: 0.14, h: 0.14,
      fill: { color: C.purple },
      line: { color: C.purple },
    });
    // Event text
    s.addText(e.event, {
      x: 1.65, y: y, w: 7.8, h: 0.42,
      fontSize: 12, color: C.white, fontFace: "Calibri", valign: "middle", margin: 0,
    });
    // Light divider
    if (i < events.length - 1) {
      s.addShape(pres.shapes.RECTANGLE, {
        x: 0.4, y: y + 0.47, w: 9.1, h: 0.01,
        fill: { color: "2D333B" },
        line: { color: "2D333B" },
      });
    }
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 4 — How LLMs Work
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.accent);
  sectionLabel(s, "UNDER THE HOOD", C.accent);
  slideTitle(s, "How Large Language Models Work");

  // Flow steps
  const steps = [
    { num: "1", label: "Tokenize", desc: "Break text into tokens (words/subwords)" },
    { num: "2", label: "Embed", desc: "Convert tokens into numeric vectors" },
    { num: "3", label: "Attend", desc: "Transformer layers find relationships" },
    { num: "4", label: "Predict", desc: "Output the most likely next token" },
  ];

  steps.forEach((st, i) => {
    const x = 0.35 + i * 2.35;
    // Box
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x, y: 1.5, w: 2.15, h: 2.6,
      fill: { color: C.panel },
      line: { color: C.accent, pt: 1 },
      rectRadius: 0.08,
    });
    // Step number
    s.addShape(pres.shapes.OVAL, {
      x: x + 0.7, y: 1.6, w: 0.75, h: 0.75,
      fill: { color: C.accent },
      line: { color: C.accent },
    });
    s.addText(st.num, {
      x: x + 0.7, y: 1.6, w: 0.75, h: 0.75,
      fontSize: 18, bold: true, color: "0D1117", align: "center", valign: "middle", fontFace: "Calibri", margin: 0,
    });
    // Label
    s.addText(st.label, {
      x: x + 0.1, y: 2.45, w: 1.95, h: 0.45,
      fontSize: 15, bold: true, color: C.accent, align: "center", fontFace: "Calibri", margin: 0,
    });
    // Desc
    s.addText(st.desc, {
      x: x + 0.1, y: 2.95, w: 1.95, h: 0.9,
      fontSize: 10.5, color: C.muted, align: "center", fontFace: "Calibri", margin: 0, valign: "top",
    });
    // Arrow between steps
    if (i < steps.length - 1) {
      s.addText("→", {
        x: x + 2.2, y: 2.55, w: 0.18, h: 0.4,
        fontSize: 20, color: C.accent, align: "center", fontFace: "Calibri", margin: 0,
      });
    }
  });

  // Bottom note
  s.addText("The Transformer architecture (2017) is the foundation of every modern LLM — GPT, Gemini, Claude, Llama.", {
    x: 0.5, y: 4.5, w: 9, h: 0.5,
    fontSize: 11, color: C.muted, fontFace: "Calibri", italic: true, align: "center", margin: 0,
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 5 — Key Players
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.yellow);
  sectionLabel(s, "LANDSCAPE", C.yellow);
  slideTitle(s, "Key Players & Models");

  const players = [
    { name: "OpenAI", models: "GPT-4o, o1, Sora", color: C.accent2 },
    { name: "Google", models: "Gemini 1.5, Gemma", color: C.accent },
    { name: "Anthropic", models: "Claude 3 Opus/Sonnet", color: C.purple },
    { name: "Meta", models: "Llama 3 (open-source)", color: C.yellow },
    { name: "Mistral", models: "Mistral 7B/Large", color: "FF7B72" },
    { name: "Microsoft", models: "Copilot, Phi-3", color: "79C0FF" },
  ];

  players.forEach((p, i) => {
    const col = i % 3;
    const row = Math.floor(i / 3);
    const x = 0.4 + col * 3.1;
    const y = 1.5 + row * 1.7;
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x, y, w: 2.9, h: 1.5,
      fill: { color: C.panel },
      line: { color: p.color, pt: 1.5 },
      rectRadius: 0.08,
    });
    // Color accent strip on left edge of card
    s.addShape(pres.shapes.RECTANGLE, {
      x, y, w: 0.06, h: 1.5,
      fill: { color: p.color },
      line: { color: p.color },
    });
    s.addText(p.name, {
      x: x + 0.15, y: y + 0.18, w: 2.6, h: 0.45,
      fontSize: 16, bold: true, color: p.color, fontFace: "Calibri", margin: 0,
    });
    s.addText(p.models, {
      x: x + 0.15, y: y + 0.65, w: 2.6, h: 0.65,
      fontSize: 11, color: C.muted, fontFace: "Calibri", margin: 0,
    });
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 6 — Real-World Uses
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.accent2);
  sectionLabel(s, "APPLICATIONS", C.accent2);
  slideTitle(s, "Real-World Applications");

  const uses = [
    { icon: "💬", title: "Chatbots & Assistants", body: "Customer support, personal AI helpers, productivity copilots." },
    { icon: "🖼️", title: "Image & Video Generation", body: "DALL-E, Midjourney, Runway — creative content at scale." },
    { icon: "💻", title: "Code Generation", body: "GitHub Copilot, Cursor — writing and reviewing code automatically." },
    { icon: "🏥", title: "Healthcare", body: "Drug discovery, clinical note summarization, diagnostic support." },
    { icon: "🎓", title: "Education", body: "Personalized tutoring, instant feedback, auto-grading tools." },
    { icon: "⚖️", title: "Legal & Finance", body: "Contract analysis, report drafting, fraud detection." },
  ];

  uses.forEach((u, i) => {
    const col = i % 3;
    const row = Math.floor(i / 3);
    const x = 0.3 + col * 3.18;
    const y = 1.5 + row * 1.75;
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x, y, w: 3.0, h: 1.58,
      fill: { color: C.panel },
      line: { color: "2D333B", pt: 1 },
      rectRadius: 0.08,
    });
    s.addText(u.icon, {
      x: x + 0.1, y: y + 0.12, w: 0.55, h: 0.55,
      fontSize: 22, align: "center", valign: "middle", margin: 0,
    });
    s.addText(u.title, {
      x: x + 0.68, y: y + 0.12, w: 2.2, h: 0.45,
      fontSize: 12, bold: true, color: C.accent2, fontFace: "Calibri", margin: 0,
    });
    s.addText(u.body, {
      x: x + 0.1, y: y + 0.68, w: 2.78, h: 0.75,
      fontSize: 10.5, color: C.white, fontFace: "Calibri", margin: 0, valign: "top",
    });
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 7 — Limitations & Risks
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, "FF7B72");
  sectionLabel(s, "CHALLENGES", "FF7B72");
  slideTitle(s, "Limitations & Risks");

  const risks = [
    { label: "Hallucinations", desc: "Models confidently generate false or fabricated information." },
    { label: "Bias & Fairness", desc: "Training data biases can be amplified in outputs." },
    { label: "Copyright Issues", desc: "Unclear legal lines around training data and generated content." },
    { label: "Misinformation", desc: "Easy creation of fake text, images, deepfakes at scale." },
    { label: "Energy Use", desc: "Training large models consumes enormous compute and power." },
    { label: "Job Displacement", desc: "Automation of knowledge work raises workforce concerns." },
  ];

  risks.forEach((r, i) => {
    const col = i % 2;
    const row = Math.floor(i / 2);
    const x = 0.4 + col * 4.85;
    const y = 1.5 + row * 1.3;
    s.addShape(pres.shapes.RECTANGLE, {
      x, y, w: 4.6, h: 1.15,
      fill: { color: "160D0D" },
      line: { color: "FF7B72", pt: 1 },
    });
    s.addShape(pres.shapes.RECTANGLE, {
      x, y, w: 0.06, h: 1.15,
      fill: { color: "FF7B72" },
      line: { color: "FF7B72" },
    });
    s.addText(r.label, {
      x: x + 0.15, y: y + 0.1, w: 4.3, h: 0.38,
      fontSize: 13, bold: true, color: "FF7B72", fontFace: "Calibri", margin: 0,
    });
    s.addText(r.desc, {
      x: x + 0.15, y: y + 0.5, w: 4.3, h: 0.55,
      fontSize: 11, color: C.white, fontFace: "Calibri", margin: 0,
    });
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 8 — The Future
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.purple);
  sectionLabel(s, "WHAT'S NEXT", C.purple);
  slideTitle(s, "The Future of Generative AI");

  const futures = [
    { icon: "🌐", title: "Multimodal Everything", body: "AI that seamlessly switches between text, images, audio, and video in a single conversation." },
    { icon: "🤖", title: "Agentic AI", body: "Models that plan, use tools, browse the web, and autonomously complete multi-step tasks." },
    { icon: "🔒", title: "Regulation & Safety", body: "Global governments moving to regulate AI use, transparency, and accountability." },
    { icon: "🧬", title: "AI in Science", body: "Accelerating research in biology, materials science, and climate modeling." },
  ];

  futures.forEach((f, i) => {
    const x = 0.35 + (i % 2) * 4.85;
    const y = 1.45 + Math.floor(i / 2) * 1.85;
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x, y, w: 4.6, h: 1.65,
      fill: { color: C.panel },
      line: { color: C.purple, pt: 1 },
      rectRadius: 0.08,
    });
    s.addText(f.icon, {
      x: x + 0.12, y: y + 0.18, w: 0.6, h: 0.6,
      fontSize: 24, align: "center", valign: "middle", margin: 0,
    });
    s.addText(f.title, {
      x: x + 0.8, y: y + 0.15, w: 3.65, h: 0.45,
      fontSize: 13.5, bold: true, color: C.purple, fontFace: "Calibri", margin: 0,
    });
    s.addText(f.body, {
      x: x + 0.8, y: y + 0.62, w: 3.65, h: 0.9,
      fontSize: 11, color: C.white, fontFace: "Calibri", margin: 0, valign: "top",
    });
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 9 — Key Takeaways
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);
  topBar(s, C.accent);
  sectionLabel(s, "SUMMARY", C.accent);
  slideTitle(s, "Key Takeaways");

  const points = [
    { num: "01", text: "Generative AI creates new content — it's not just a search engine." },
    { num: "02", text: "LLMs like GPT work by predicting the next token using Transformer networks." },
    { num: "03", text: "The space is moving fast: ChatGPT, Gemini, Claude, Llama — all in 2–3 years." },
    { num: "04", text: "Uses span every industry: healthcare, law, education, software, and more." },
    { num: "05", text: "Big challenges remain: hallucinations, bias, regulation, and energy cost." },
  ];

  points.forEach((p, i) => {
    const y = 1.45 + i * 0.75;
    s.addShape(pres.shapes.ROUNDED_RECTANGLE, {
      x: 0.4, y, w: 0.55, h: 0.52,
      fill: { color: C.accent },
      line: { color: C.accent },
      rectRadius: 0.06,
    });
    s.addText(p.num, {
      x: 0.4, y, w: 0.55, h: 0.52,
      fontSize: 12, bold: true, color: "0D1117", align: "center", valign: "middle", fontFace: "Calibri", margin: 0,
    });
    s.addText(p.text, {
      x: 1.1, y: y + 0.04, w: 8.4, h: 0.48,
      fontSize: 13.5, color: C.white, fontFace: "Calibri", valign: "middle", margin: 0,
    });
  });
}

// ══════════════════════════════════════════════════════════════════════════════
// SLIDE 10 — Thank You
// ══════════════════════════════════════════════════════════════════════════════
{
  const s = pres.addSlide();
  darkBg(s);

  // Full-width accent bottom bar
  s.addShape(pres.shapes.RECTANGLE, {
    x: 0, y: 4.8, w: 10, h: 0.825,
    fill: { color: C.accent },
    line: { color: C.accent },
  });

  // Left vertical strip
  s.addShape(pres.shapes.RECTANGLE, {
    x: 0, y: 0, w: 0.35, h: 5.625,
    fill: { color: C.purple },
    line: { color: C.purple },
  });

  s.addText("Thank You", {
    x: 0.65, y: 1.1, w: 9, h: 1.2,
    fontSize: 56, bold: true, color: C.white, fontFace: "Calibri", margin: 0,
  });

  s.addText("Questions? Let's talk AI.", {
    x: 0.65, y: 2.4, w: 9, h: 0.6,
    fontSize: 20, color: C.accent, fontFace: "Calibri", margin: 0,
  });

  s.addShape(pres.shapes.RECTANGLE, {
    x: 0.65, y: 3.15, w: 3.5, h: 0.04,
    fill: { color: C.accent2 },
    line: { color: C.accent2 },
  });

  s.addText("Built with curiosity & a little help from AI 🤖", {
    x: 0.65, y: 3.35, w: 8, h: 0.45,
    fontSize: 12, color: C.muted, fontFace: "Calibri", italic: true, margin: 0,
  });

  s.addText("Generative AI & LLMs  •  2024", {
    x: 0, y: 4.84, w: 10, h: 0.72,
    fontSize: 12, bold: true, color: "0D1117", align: "center", valign: "middle", fontFace: "Calibri", margin: 0,
  });
}

// ── Write file ────────────────────────────────────────────────────────────────
pres.writeFile({ fileName: "/home/daytona/workspace/gen-ai-ppt/Generative_AI_and_LLMs.pptx" })
  .then(() => console.log("✅ Done: Generative_AI_and_LLMs.pptx"))
  .catch(err => { console.error("❌ Error:", err); process.exit(1); });