claude-presentation-master 3.6.0 → 3.8.0

package/dist/index.mjs

@@ -1432,6 +1432,12 @@ var SlideGenerator = class {
   wordLimits;
   bulletLimit;
   allowedSlideTypes;
+  // Track created slide titles to prevent duplicates
+  createdSlideTitles = /* @__PURE__ */ new Set();
+  // Track section dividers to avoid excessive blank slides
+  sectionDividerCount = 0;
+  maxSectionDividers = 4;
+  // Only first 4 major sections get dividers
   constructor() {
     this.kb = getKB();
     this.vds = getVisualDesignSystem();
@@ -1447,6 +1453,8 @@ var SlideGenerator = class {
    */
   async generate(analysis, presentationType) {
     await this.initialize();
+    this.createdSlideTitles.clear();
+    this.sectionDividerCount = 0;
     this.loadRulesForType(presentationType);
     const slides = [];
     let slideIndex = 0;
@@ -1593,8 +1601,15 @@ var SlideGenerator = class {
    */
   createSectionSlides(section, analysis, type, startIndex) {
     const slides = [];
+    const normalizedTitle = section.header.toLowerCase().trim();
+    if (this.createdSlideTitles.has(normalizedTitle)) {
+      return slides;
+    }
     const slideType = this.determineSlideType(section, type);
-    if (section.level === 2) {
+    const hasSubstantiveContent = section.bullets.length > 0 || section.metrics.length > 0 || section.content.trim().length > 50;
+    if (section.level === 2 && this.sectionDividerCount < this.maxSectionDividers && hasSubstantiveContent) {
+      this.sectionDividerCount++;
+      this.createdSlideTitles.add(normalizedTitle);
       slides.push({
         index: startIndex,
         type: "section_divider",
@@ -1818,36 +1833,35 @@ var SlideGenerator = class {
     return clean.trim();
   }
   /**
-   * Clean bullets - strip markdown and extract complete, meaningful phrases.
-   * CRITICAL: Never truncate mid-sentence. Keep bullets SHORT (3-5 words each).
-   * For sales_pitch with max 30 words: 4 bullets × 5 words = 20 words (leaves room for title)
+   * Clean bullets - strip markdown and preserve COMPLETE, MEANINGFUL sentences.
+   * Business presentations need full context. Never truncate mid-thought.
+   * Reasonable limit: 20 words per bullet allows complete ideas.
    */
   cleanBullets(bullets) {
-    const maxBullets = Math.min(this.bulletLimit, 4);
-    const maxWordsPerBullet = 5;
+    const maxBullets = Math.min(this.bulletLimit, 6);
+    const maxWordsPerBullet = 20;
     return bullets.slice(0, maxBullets).map((b) => {
       const clean = this.stripMarkdownSyntax(b);
       const words = clean.split(/\s+/).filter((w) => w.length > 0);
       if (words.length <= maxWordsPerBullet) {
         return clean;
       }
-      const shortBreaks = [": ", " - ", " \u2013 "];
-      for (const pattern of shortBreaks) {
-        const idx = clean.indexOf(pattern);
-        if (idx > 5 && idx < 40) {
-          const phrase = clean.slice(0, idx).trim();
-          const phraseWords = phrase.split(/\s+/).filter((w) => w.length > 0);
-          if (phraseWords.length >= 2 && phraseWords.length <= maxWordsPerBullet) {
-            return phrase;
-          }
-        }
+      const truncated = words.slice(0, maxWordsPerBullet).join(" ");
+      const lastPeriod = truncated.lastIndexOf(".");
+      const lastColon = truncated.lastIndexOf(":");
+      const lastDash = truncated.lastIndexOf(" \u2013 ");
+      const lastHyphen = truncated.lastIndexOf(" - ");
+      const breakPoints = [lastPeriod, lastColon, lastDash, lastHyphen].filter((p) => p > 15);
+      const bestBreak = Math.max(...breakPoints, -1);
+      if (bestBreak > 15) {
+        return truncated.slice(0, bestBreak + 1).trim();
       }
-      return words.slice(0, maxWordsPerBullet).join(" ");
+      return truncated;
     }).filter((b) => b.length > 0);
   }
   /**
    * Truncate text to word limit, stripping markdown first.
-   * NEVER adds "..." - just takes the complete words that fit.
+   * Preserves complete sentences. Business content needs room to breathe.
    */
   truncateToWordLimit(text) {
     const cleanText = this.stripMarkdownSyntax(text);
@@ -1855,18 +1869,18 @@ var SlideGenerator = class {
       return "";
     }
     const words = cleanText.split(/\s+/).filter((w) => w.length > 0);
-    const strictLimit = Math.min(this.wordLimits.ideal, 20);
-    if (words.length <= strictLimit) {
+    const bodyLimit = Math.min(this.wordLimits.max || 60, 50);
+    if (words.length <= bodyLimit) {
       return cleanText;
     }
-    const truncatedWords = words.slice(0, strictLimit);
+    const truncatedWords = words.slice(0, bodyLimit);
     const truncatedText = truncatedWords.join(" ");
     const lastSentenceEnd = Math.max(
       truncatedText.lastIndexOf("."),
       truncatedText.lastIndexOf("!"),
       truncatedText.lastIndexOf("?")
     );
-    if (lastSentenceEnd > 30) {
+    if (lastSentenceEnd > 20) {
       return truncatedText.slice(0, lastSentenceEnd + 1).trim();
     }
     return truncatedText;
@@ -1905,18 +1919,30 @@ var SlideGenerator = class {
   }
   /**
    * Extract a label from context (nearby text around a data point).
+   * CRITICAL: Strip all markdown table syntax first to avoid garbage labels.
    */
   extractLabelFromContext(context) {
-    const beforeMatch = context.match(/^([^$%\d]+?)(?:\s*[:=]?\s*)?[\d$%]/);
+    let cleanContext = context.replace(/\|/g, " ").replace(/-{2,}/g, "").replace(/:{1,2}/g, "").replace(/\s{2,}/g, " ").trim();
+    if (!cleanContext || cleanContext.length < 3) {
+      return "Value";
+    }
+    const beforeMatch = cleanContext.match(/^([A-Za-z][A-Za-z\s&]+?)(?:\s*[:=]?\s*)?[\d$%]/);
     const beforeGroup = beforeMatch?.[1];
-    if (beforeGroup && beforeGroup.trim().length < 30) {
+    if (beforeGroup && beforeGroup.trim().length >= 3 && beforeGroup.trim().length < 40) {
       return beforeGroup.trim();
     }
-    const afterMatch = context.match(/[\d$%]+[KMB]?\s*(?:in|for|of)?\s*(.+)$/i);
+    const afterMatch = cleanContext.match(/[\d$%]+[KMB]?\s*(?:in|for|of|per)?\s*([A-Za-z][A-Za-z\s&]+)$/i);
     const afterGroup = afterMatch?.[1];
-    if (afterGroup && afterGroup.trim().length < 30) {
+    if (afterGroup && afterGroup.trim().length >= 3 && afterGroup.trim().length < 40) {
       return afterGroup.trim().replace(/[.,]$/, "");
     }
+    const words = cleanContext.match(/[A-Za-z]{3,}/g);
+    if (words && words.length > 0) {
+      const label = words.slice(0, 3).join(" ");
+      if (label.length >= 3 && label.length < 40) {
+        return label;
+      }
+    }
     return "Metric";
   }
   /**
@@ -2010,6 +2036,318 @@ async function initSlideGenerator() {
   return generator;
 }
 
+// src/core/SlideGeneratorV2.ts
+import { marked } from "marked";
+var MODE_CONFIGS = {
+  // Consulting decks: 40-80 words per slide is NORMAL
+  consulting_deck: {
+    maxBulletsPerSlide: 7,
+    maxWordsPerSlide: 100,
+    // Not 20!
+    minBulletsToKeep: 3
+  },
+  // Keynotes: fewer words, more impact
+  keynote: {
+    maxBulletsPerSlide: 4,
+    maxWordsPerSlide: 30,
+    minBulletsToKeep: 2
+  },
+  // Default: consulting style
+  default: {
+    maxBulletsPerSlide: 6,
+    maxWordsPerSlide: 80,
+    minBulletsToKeep: 3
+  }
+};
+var SlideGeneratorV2 = class {
+  config;
+  presentationType;
+  constructor(presentationType = "consulting_deck") {
+    this.presentationType = presentationType;
+    this.config = MODE_CONFIGS[presentationType] || MODE_CONFIGS.default;
+  }
+  /**
+   * Generate slides from markdown content.
+   * Simple, correct, no garbage.
+   */
+  generate(markdown, title) {
+    const slides = [];
+    let slideIndex = 0;
+    const tokens = marked.lexer(markdown);
+    const detectedTitle = title || this.extractTitle(tokens);
+    slides.push({
+      index: slideIndex++,
+      type: "title",
+      title: detectedTitle,
+      content: {}
+    });
+    const sections = this.splitIntoSections(tokens);
+    for (const section of sections) {
+      const sectionSlides = this.processSectionContent(section, slideIndex);
+      for (const slide of sectionSlides) {
+        slide.index = slideIndex++;
+        slides.push(slide);
+      }
+    }
+    const lastSlide = slides[slides.length - 1];
+    if (lastSlide && lastSlide.type !== "thank_you") {
+      slides.push({
+        index: slideIndex++,
+        type: "thank_you",
+        title: "Thank You",
+        content: { subtext: "Questions?" }
+      });
+    }
+    this.validateSlides(slides);
+    return slides;
+  }
+  /**
+   * Extract title from first H1 token.
+   */
+  extractTitle(tokens) {
+    for (const token of tokens) {
+      if (token.type === "heading" && token.depth === 1) {
+        return token.text;
+      }
+    }
+    return "Presentation";
+  }
+  /**
+   * Split tokens into sections based on H2 headers.
+   */
+  splitIntoSections(tokens) {
+    const sections = [];
+    let currentSection = null;
+    for (const token of tokens) {
+      if (token.type === "heading" && token.depth === 2) {
+        if (currentSection) {
+          sections.push(currentSection);
+        }
+        currentSection = {
+          title: token.text,
+          tokens: []
+        };
+      } else if (token.type === "heading" && token.depth === 1) {
+        continue;
+      } else if (currentSection) {
+        currentSection.tokens.push(token);
+      }
+    }
+    if (currentSection && currentSection.tokens.length > 0) {
+      sections.push(currentSection);
+    }
+    return sections;
+  }
+  /**
+   * Process section content into slides.
+   * Tables become table slides. Lists become bullet slides.
+   */
+  processSectionContent(section, startIndex) {
+    const slides = [];
+    const hasTable = section.tokens.some((t) => t.type === "table");
+    const hasList = section.tokens.some((t) => t.type === "list");
+    const hasSignificantText = this.hasSignificantParagraphs(section.tokens);
+    if (hasTable) {
+      const tableToken = section.tokens.find((t) => t.type === "table");
+      if (tableToken) {
+        slides.push(this.createTableSlide(section.title, tableToken));
+      }
+    }
+    if (hasList) {
+      const listSlides = this.createBulletSlides(section.title, section.tokens);
+      slides.push(...listSlides);
+    }
+    if (hasSignificantText && !hasList && !hasTable) {
+      slides.push(this.createContentSlide(section.title, section.tokens));
+    }
+    if (slides.length === 0 && section.tokens.length > 0) {
+      const statement = this.extractStatement(section.tokens);
+      if (statement) {
+        slides.push({
+          index: startIndex,
+          type: "statement",
+          title: section.title,
+          content: { statement }
+        });
+      }
+    }
+    return slides;
+  }
+  /**
+   * Create a table slide - render the table as-is, no extraction.
+   */
+  createTableSlide(title, tableToken) {
+    const headers = tableToken.header.map((cell) => cell.text);
+    const rows = tableToken.rows.map((row) => row.map((cell) => cell.text));
+    return {
+      index: 0,
+      type: "table",
+      title,
+      content: {
+        table: {
+          headers,
+          rows
+        }
+      }
+    };
+  }
+  /**
+   * Create bullet slides from list content.
+   * NEVER truncate bullets. Split into multiple slides if needed.
+   */
+  createBulletSlides(title, tokens) {
+    const slides = [];
+    const allBullets = [];
+    for (const token of tokens) {
+      if (token.type === "list") {
+        for (const item of token.items) {
+          const bulletText = this.getCompleteItemText(item);
+          if (bulletText.trim()) {
+            allBullets.push(bulletText);
+          }
+        }
+      }
+    }
+    const maxBullets = this.config.maxBulletsPerSlide;
+    const minBullets = this.config.minBulletsToKeep;
+    if (allBullets.length <= maxBullets) {
+      if (allBullets.length >= minBullets || allBullets.length === 0) {
+        slides.push({
+          index: 0,
+          type: "bullets",
+          title,
+          content: { bullets: allBullets }
+        });
+      } else {
+        slides.push({
+          index: 0,
+          type: "bullets",
+          title,
+          content: { bullets: allBullets },
+          notes: "Consider combining with adjacent content"
+        });
+      }
+    } else {
+      for (let i = 0; i < allBullets.length; i += maxBullets) {
+        const chunk = allBullets.slice(i, i + maxBullets);
+        const isFirst = i === 0;
+        const slideTitle = isFirst ? title : `${title} (continued)`;
+        slides.push({
+          index: 0,
+          type: "bullets",
+          title: slideTitle,
+          content: { bullets: chunk }
+        });
+      }
+    }
+    return slides;
+  }
+  /**
+   * Get complete text from a list item, including nested content.
+   * NEVER truncate.
+   */
+  getCompleteItemText(item) {
+    let text = "";
+    for (const token of item.tokens) {
+      if (token.type === "text") {
+        text += token.text;
+      } else if (token.type === "paragraph") {
+        const paraToken = token;
+        text += paraToken.text;
+      } else if (token.type === "strong") {
+        text += token.text;
+      } else if (token.type === "em") {
+        text += token.text;
+      }
+    }
+    return text.trim();
+  }
+  /**
+   * Check if section has significant paragraph content.
+   */
+  hasSignificantParagraphs(tokens) {
+    let wordCount = 0;
+    for (const token of tokens) {
+      if (token.type === "paragraph") {
+        wordCount += token.text.split(/\s+/).length;
+      }
+    }
+    return wordCount > 20;
+  }
+  /**
+   * Create a content slide from paragraphs.
+   */
+  createContentSlide(title, tokens) {
+    const paragraphs = [];
+    for (const token of tokens) {
+      if (token.type === "paragraph") {
+        paragraphs.push(token.text);
+      }
+    }
+    return {
+      index: 0,
+      type: "bullets",
+      title,
+      content: {
+        body: paragraphs.join("\n\n")
+      }
+    };
+  }
+  /**
+   * Extract a key statement from tokens.
+   */
+  extractStatement(tokens) {
+    for (const token of tokens) {
+      if (token.type === "paragraph" && token.text.length > 10) {
+        return token.text;
+      }
+    }
+    return null;
+  }
+  /**
+   * VALIDATE ALL SLIDES - Fail loudly on garbage.
+   */
+  validateSlides(slides) {
+    const errors = [];
+    for (const slide of slides) {
+      if (slide.content.bullets) {
+        for (const bullet of slide.content.bullets) {
+          if (bullet.endsWith("\u2192") || bullet.endsWith("...") || bullet.endsWith("-")) {
+            errors.push(`Slide "${slide.title}": Truncated bullet detected: "${bullet}"`);
+          }
+          if (bullet.length < 5) {
+            errors.push(`Slide "${slide.title}": Suspiciously short bullet: "${bullet}"`);
+          }
+        }
+      }
+      if (slide.content.metrics) {
+        for (const metric of slide.content.metrics) {
+          if (metric.label.length < 3) {
+            errors.push(`Slide "${slide.title}": Garbage metric label: "${metric.label}"`);
+          }
+          if (metric.label.includes("|") || metric.label.includes("---")) {
+            errors.push(`Slide "${slide.title}": Table syntax in label: "${metric.label}"`);
+          }
+        }
+      }
+      const hasContent = slide.content.bullets && slide.content.bullets.length > 0 || slide.content.table || slide.content.metrics || slide.content.statement || slide.content.body || slide.type === "title" || slide.type === "section" || slide.type === "thank_you";
+      if (!hasContent) {
+        errors.push(`Slide "${slide.title}": Empty slide with no content`);
+      }
+    }
+    if (errors.length > 0) {
+      console.warn("\n\u26A0\uFE0F  QUALITY WARNINGS:");
+      for (const error of errors) {
+        console.warn(`   - ${error}`);
+      }
+      console.warn("");
+    }
+  }
+};
+function createSlideGeneratorV2(type = "consulting_deck") {
+  return new SlideGeneratorV2(type);
+}
+
 // src/qa/SlideQualityReviewer.ts
 var ASSESSMENT_WEIGHTS = {
   visualImpact: 0.25,
@@ -3674,194 +4012,196 @@ ${slides.map((slide, index) => this.renderSlide(slide, options.presentationType,
     /* CSS Variables from Knowledge Base - ALL styling driven by KB */
     :root {
       ${cssVariables}
+      /* Professional color scheme - McKinsey/BCG style */
+      --slide-bg-primary: #1a1a2e;
+      --slide-bg-secondary: #16213e;
+      --slide-bg-accent: #0f3460;
+      --text-primary: #ffffff;
+      --text-secondary: rgba(255, 255, 255, 0.85);
+      --text-muted: rgba(255, 255, 255, 0.6);
+      --accent-blue: #4a9eff;
+      --accent-green: #00d4aa;
+      --accent-orange: #ff9f43;
     }
 
-    /* Premium Slide Styling - Using KB variables */
+    /* Premium Slide Styling - Clean, Professional */
     .reveal {
-      font-family: var(--font-body, system-ui, sans-serif);
-      background: var(--color-background);
+      font-family: var(--font-body, 'Inter', system-ui, sans-serif);
     }
 
     .reveal .slides {
       text-align: left;
     }
 
+    /* All slides get a professional dark gradient background */
     .reveal .slides section {
-      padding: 48px !important;
+      padding: 60px 80px !important;
       box-sizing: border-box !important;
-      position: relative;
+      background: linear-gradient(135deg, var(--slide-bg-primary) 0%, var(--slide-bg-secondary) 50%, var(--slide-bg-accent) 100%);
     }
 
-    /* Dark gradient overlay for ALL slides - ensures text is always readable */
-    .reveal .slides section::before {
+    /* When slide has a background image, add overlay for text readability */
+    .reveal .slides section[data-background-image]::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
-      /* Dark gradient overlay: ~55% dark at edges, ~35% in center - allows images to show */
-      background: radial-gradient(ellipse at center,
-        rgba(0, 0, 0, 0.35) 0%,
-        rgba(0, 0, 0, 0.55) 100%);
+      background: rgba(0, 0, 0, 0.5);
       z-index: 0;
-      pointer-events: none;
     }
 
-    /* Ensure all slide content is above the overlay */
-    .reveal .slides section > * {
+    .reveal .slides section[data-background-image] > * {
       position: relative;
       z-index: 1;
     }
 
-    /* CRITICAL: Force ALL text to be visible over background images */
-    .reveal .slides section h1,
-    .reveal .slides section h2,
-    .reveal .slides section h3,
-    .reveal .slides section p,
-    .reveal .slides section li,
-    .reveal .slides section .column,
-    .reveal .slides section .key-message,
-    .reveal .slides section .subtitle,
-    .reveal .slides section ul,
-    .reveal .slides section .metric-value,
-    .reveal .slides section .metric-label {
-      position: relative;
-      z-index: 10;
-      color: var(--color-text, #ffffff) !important;
-    }
-
-    /* Typography Hierarchy - All from KB */
-    /* Text shadow on ALL text for guaranteed readability over any background */
-    .reveal h1, .reveal h2, .reveal h3, .reveal p, .reveal li, .reveal .key-message, .reveal .subtitle {
-      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 0, 0, 0.7);
-    }
-
+    /* Typography - Clean, readable, professional */
     .reveal h1 {
-      font-family: var(--font-title, var(--font-body));
-      font-size: var(--font-size-title, var(--font-size-5xl));
-      font-weight: var(--font-weight-bold, 700);
-      color: var(--color-text);
-      margin-bottom: var(--spacing-md);
-      line-height: var(--line-height-tight, 1.1);
+      font-family: var(--font-title, 'Inter', system-ui, sans-serif);
+      font-size: 56px;
+      font-weight: 700;
+      color: var(--text-primary);
+      margin-bottom: 24px;
+      line-height: 1.1;
+      letter-spacing: -0.02em;
     }
 
     .reveal h2 {
-      font-family: var(--font-title, var(--font-body));
-      font-size: var(--font-size-subtitle, var(--font-size-3xl));
-      font-weight: var(--font-weight-semibold, 600);
-      color: var(--color-text);
-      opacity: 0.9;
-      margin-bottom: var(--spacing-lg);
+      font-family: var(--font-title, 'Inter', system-ui, sans-serif);
+      font-size: 36px;
+      font-weight: 600;
+      color: var(--text-secondary);
+      margin-bottom: 32px;
+      line-height: 1.2;
     }
 
     .reveal h3 {
-      font-family: var(--font-title, var(--font-body));
-      font-size: var(--font-size-2xl);
-      font-weight: var(--font-weight-semibold, 600);
-      color: var(--color-text);
-      margin-bottom: var(--spacing-md);
+      font-size: 28px;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin-bottom: 16px;
     }
 
     .reveal p {
-      font-size: var(--font-size-body, var(--font-size-xl));
-      color: var(--color-text);
-      line-height: var(--line-height-relaxed, 1.6);
-      margin-bottom: var(--spacing-lg);
+      font-size: 22px;
+      color: var(--text-secondary);
+      line-height: 1.6;
+      margin-bottom: 24px;
     }
 
-    /* Bullet Points - Using KB spacing */
+    /* Bullet Points - Professional styling */
     .reveal ul, .reveal ol {
-      margin-left: var(--spacing-lg);
+      margin-left: 0;
+      padding-left: 0;
+      list-style: none;
     }
 
     .reveal li {
-      font-size: var(--font-size-body, var(--font-size-xl));
-      color: var(--color-text);
-      line-height: var(--line-height-relaxed, 1.6);
-      margin-bottom: var(--spacing-sm);
+      font-size: 22px;
+      color: var(--text-secondary);
+      line-height: 1.5;
+      margin-bottom: 16px;
+      padding-left: 28px;
+      position: relative;
     }
 
-    .reveal li::marker {
-      color: var(--color-primary);
+    .reveal li::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 10px;
+      width: 8px;
+      height: 8px;
+      background: var(--accent-blue);
+      border-radius: 50%;
     }
 
     /* Slide Type Specific Styling */
 
-    /* Title Slides */
+    /* Title Slides - Bold and centered */
     .slide-title, .slide-title_impact {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       text-align: center;
+      background: linear-gradient(135deg, var(--slide-bg-primary) 0%, #0a0a14 100%);
     }
 
     .slide-title h1, .slide-title_impact h1 {
-      font-size: var(--font-size-6xl);
-      margin-bottom: var(--spacing-sm);
+      font-size: 72px;
+      margin-bottom: 16px;
     }
 
     .slide-title h2, .slide-title_impact h2 {
-      font-size: var(--font-size-subtitle, var(--font-size-2xl));
-      opacity: 0.8;
-      font-weight: var(--font-weight-normal, 400);
+      font-size: 28px;
+      font-weight: 400;
+      color: var(--text-muted);
     }
 
-    /* Section Dividers - Dark overlay for guaranteed contrast */
+    /* Section Dividers - Bold accent background */
     .slide-section_divider {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       text-align: center;
-      background: linear-gradient(135deg, rgba(30, 30, 30, 0.85) 0%, rgba(50, 50, 50, 0.75) 100%), var(--gradient-primary, var(--color-primary));
-      position: relative;
+      background: linear-gradient(135deg, #0f3460 0%, #1a1a2e 100%);
     }
 
     .slide-section_divider h1 {
-      color: #ffffff !important;
-      font-size: var(--font-size-5xl);
-      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
+      color: #ffffff;
+      font-size: 64px;
+      font-weight: 700;
     }
 
-    /* Big Number / Metrics - Using KB glass effects */
+    /* Metrics Grid - McKinsey/BCG style cards */
     .slide-big_number, .slide-metrics_grid {
       text-align: center;
     }
 
+    .metrics-container {
+      display: flex;
+      justify-content: center;
+      gap: 32px;
+      flex-wrap: wrap;
+      margin-top: 40px;
+    }
+
     .metric {
-      display: inline-block;
-      padding: var(--spacing-xl) var(--spacing-2xl);
-      margin: var(--spacing-sm);
-      background: var(--metric-card-bg, var(--glass-bg));
-      backdrop-filter: blur(var(--glass-blur));
-      -webkit-backdrop-filter: blur(var(--glass-blur));
-      border-radius: var(--border-radius-lg);
-      border: 1px solid var(--metric-card-border, var(--glass-border));
-      box-shadow: var(--metric-card-shadow, var(--glass-shadow));
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 32px 48px;
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 12px;
+      min-width: 200px;
     }
 
     .metric-value {
-      font-size: var(--font-size-metric, var(--font-size-6xl));
-      font-weight: var(--font-weight-bold, 700);
-      color: var(--color-accent);
-      line-height: var(--line-height-tight, 1.2);
+      font-size: 48px;
+      font-weight: 700;
+      color: var(--accent-blue);
+      line-height: 1.1;
+      margin-bottom: 8px;
     }
 
     .metric-label {
-      font-size: var(--font-size-lg);
-      color: var(--color-text);
-      opacity: 0.8;
-      margin-top: var(--spacing-sm);
+      font-size: 16px;
+      color: var(--text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
     }
 
-    .metric-trend-up {
-      color: var(--color-success);
+    .metric-trend-up .metric-value {
+      color: var(--accent-green);
     }
 
-    .metric-trend-down {
-      color: var(--color-danger);
+    .metric-trend-down .metric-value {
+      color: var(--accent-orange);
     }
 
     /* Quote Slides - Using KB typography */
@@ -4159,9 +4499,15 @@ ${slides.map((slide, index) => this.renderSlide(slide, options.presentationType,
         <div class="source">Source: ${this.renderMarkdown(data.source)}</div>`;
     }
     const bgImageUrl = this.getBackgroundImageUrl(slide.type, data, slideIndex, localImages, imageBasePath);
-    return `      <section class="${slideClass}" data-background-image="${bgImageUrl}" data-background-size="cover" data-background-position="center" data-background-opacity="0.4">
+    if (bgImageUrl) {
+      return `      <section class="${slideClass}" data-background-image="${bgImageUrl}" data-background-size="cover" data-background-position="center" data-background-opacity="0.4">
 ${content}
       </section>`;
+    } else {
+      return `      <section class="${slideClass}">
+${content}
+      </section>`;
+    }
   }
   renderTitleSlide(data) {
     let html = "";
@@ -4366,7 +4712,13 @@ ${content}
   }
   /**
    * Generate a background image URL based on slide type and content.
-   * Priority: 1) slide.data.image, 2) local images array, 3) Picsum fallback
+   * Priority: 1) slide.data.image, 2) local images array, 3) NO RANDOM STOCK PHOTOS
+   *
+   * IMPORTANT: Random stock photos destroy credibility. A photo of flowers behind
+   * a financial slide makes you look incompetent. Only use images that are:
+   * - Explicitly provided by the user
+   * - Actually relevant to the content
+   * Otherwise, rely on clean gradients via CSS.
    */
   getBackgroundImageUrl(slideType, slideData, slideIndex, localImages, imageBasePath) {
     if (slideData.image) {
@@ -4379,7 +4731,7 @@ ${content}
         return this.resolveImagePath(localImage, imageBasePath);
       }
     }
-    return this.getFallbackImageUrl(slideType, slideData, slideIndex);
+    return "";
   }
   /**
    * Resolve an image path - handles relative paths, absolute paths, and URLs.
@@ -4530,6 +4882,459 @@ async function initRenderer() {
   return renderer;
 }
 
+// src/output/RendererV2.ts
+var RendererV2 = class {
+  /**
+   * Render slides to complete HTML document.
+   */
+  render(slides, title = "Presentation") {
+    const slidesHtml = slides.map((slide) => this.renderSlide(slide)).join("\n");
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${this.escapeHtml(title)}</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/theme/black.css">
+  <style>
+${this.getCSS()}
+  </style>
+</head>
+<body>
+  <div class="reveal">
+    <div class="slides">
+${slidesHtml}
+    </div>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.js"></script>
+  <script>
+    Reveal.initialize({
+      hash: true,
+      transition: 'fade',
+      transitionSpeed: 'default',
+      center: false,
+      width: 1920,
+      height: 1080,
+      margin: 0.04,
+    });
+  </script>
+</body>
+</html>`;
+  }
+  /**
+   * Render a single slide.
+   */
+  renderSlide(slide) {
+    const slideClass = `slide-${slide.type}`;
+    let content = "";
+    switch (slide.type) {
+      case "title":
+        content = this.renderTitleSlide(slide);
+        break;
+      case "section":
+        content = this.renderSectionSlide(slide);
+        break;
+      case "bullets":
+        content = this.renderBulletSlide(slide);
+        break;
+      case "table":
+        content = this.renderTableSlide(slide);
+        break;
+      case "metrics":
+        content = this.renderMetricsSlide(slide);
+        break;
+      case "statement":
+        content = this.renderStatementSlide(slide);
+        break;
+      case "call_to_action":
+        content = this.renderCTASlide(slide);
+        break;
+      case "thank_you":
+        content = this.renderThankYouSlide(slide);
+        break;
+      default:
+        content = this.renderBulletSlide(slide);
+    }
+    return `      <section class="${slideClass}">
+${content}
+      </section>`;
+  }
+  /**
+   * Title slide - big, bold, centered.
+   */
+  renderTitleSlide(slide) {
+    return `        <h1>${this.escapeHtml(slide.title)}</h1>
+        ${slide.content.subtext ? `<h2>${this.escapeHtml(slide.content.subtext)}</h2>` : ""}`;
+  }
+  /**
+   * Section divider - transition slide.
+   */
+  renderSectionSlide(slide) {
+    return `        <h1>${this.escapeHtml(slide.title)}</h1>`;
+  }
+  /**
+   * Bullet slide - the workhorse.
+   */
+  renderBulletSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.body) {
+      const paragraphs = slide.content.body.split("\n\n");
+      for (const p of paragraphs) {
+        html += `        <p>${this.escapeHtml(p)}</p>
+`;
+      }
+    }
+    if (slide.content.bullets && slide.content.bullets.length > 0) {
+      html += "        <ul>\n";
+      for (const bullet of slide.content.bullets) {
+        const formattedBullet = this.formatBulletText(bullet);
+        html += `          <li>${formattedBullet}</li>
+`;
+      }
+      html += "        </ul>\n";
+    }
+    if (slide.content.source) {
+      html += `        <div class="source">Source: ${this.escapeHtml(slide.content.source)}</div>
+`;
+    }
+    return html;
+  }
+  /**
+   * Table slide - render tables properly.
+   */
+  renderTableSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.table) {
+      html += this.renderTable(slide.content.table);
+    }
+    return html;
+  }
+  /**
+   * Render a table as clean HTML.
+   */
+  renderTable(table) {
+    let html = '        <table class="data-table">\n';
+    html += "          <thead>\n            <tr>\n";
+    for (const header of table.headers) {
+      html += `              <th>${this.escapeHtml(header)}</th>
+`;
+    }
+    html += "            </tr>\n          </thead>\n";
+    html += "          <tbody>\n";
+    for (const row of table.rows) {
+      html += "            <tr>\n";
+      for (let i = 0; i < row.length; i++) {
+        const cell = row[i] || "";
+        const isNumber = /^[\d$%,.\-+]+[KMB]?$/.test(cell.trim());
+        const align = isNumber ? ' class="number"' : "";
+        html += `              <td${align}>${this.escapeHtml(cell)}</td>
+`;
+      }
+      html += "            </tr>\n";
+    }
+    html += "          </tbody>\n";
+    html += "        </table>\n";
+    return html;
+  }
+  /**
+   * Metrics slide - big numbers with labels.
+   */
+  renderMetricsSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    html += '        <div class="metrics-container">\n';
+    if (slide.content.metrics) {
+      for (const metric of slide.content.metrics) {
+        const trendClass = metric.trend ? ` metric-trend-${metric.trend}` : "";
+        html += `          <div class="metric${trendClass}">
+            <div class="metric-value">${this.escapeHtml(metric.value)}</div>
+            <div class="metric-label">${this.escapeHtml(metric.label)}</div>
+          </div>
+`;
+      }
+    }
+    html += "        </div>\n";
+    return html;
+  }
+  /**
+   * Statement slide - single powerful message.
+   */
+  renderStatementSlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.statement) {
+      html += `        <p class="statement">${this.escapeHtml(slide.content.statement)}</p>
+`;
+    }
+    if (slide.content.subtext) {
+      html += `        <p class="subtext">${this.escapeHtml(slide.content.subtext)}</p>
+`;
+    }
+    return html;
+  }
+  /**
+   * Call to action slide.
+   */
+  renderCTASlide(slide) {
+    let html = `        <h1>${this.escapeHtml(slide.title)}</h1>
+`;
+    if (slide.content.bullets && slide.content.bullets.length > 0) {
+      html += "        <ul>\n";
+      for (const bullet of slide.content.bullets) {
+        html += `          <li>${this.formatBulletText(bullet)}</li>
+`;
+      }
+      html += "        </ul>\n";
+    }
+    return html;
+  }
+  /**
+   * Thank you slide.
+   */
+  renderThankYouSlide(slide) {
+    return `        <h1>${this.escapeHtml(slide.title)}</h1>
+        <h2>Questions?</h2>`;
+  }
+  /**
+   * Format bullet text - handle bold, arrows, etc.
+   */
+  formatBulletText(text) {
+    let formatted = this.escapeHtml(text);
+    formatted = formatted.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+    formatted = formatted.replace(/\*(.+?)\*/g, "<em>$1</em>");
+    formatted = formatted.replace(/→/g, " \u2192 ");
+    formatted = formatted.replace(/->/g, " \u2192 ");
+    return formatted;
+  }
+  /**
+   * Escape HTML special characters.
+   */
+  escapeHtml(text) {
+    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+  }
+  /**
+   * Professional CSS - McKinsey/BCG style.
+   */
+  getCSS() {
+    return `
+    /* Professional Dark Theme - No Random Images */
+    :root {
+      --bg-primary: #1a1a2e;
+      --bg-secondary: #16213e;
+      --bg-accent: #0f3460;
+      --text-primary: #ffffff;
+      --text-secondary: rgba(255, 255, 255, 0.85);
+      --text-muted: rgba(255, 255, 255, 0.6);
+      --accent-blue: #4a9eff;
+      --accent-green: #00d4aa;
+      --accent-orange: #ff9f43;
+      --border-color: rgba(255, 255, 255, 0.1);
+    }
+
+    .reveal {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    }
+
+    .reveal .slides {
+      text-align: left;
+    }
+
+    .reveal .slides section {
+      padding: 60px 80px;
+      background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-accent) 100%);
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    /* Typography */
+    .reveal h1 {
+      font-size: 52px;
+      font-weight: 700;
+      color: var(--text-primary);
+      margin-bottom: 32px;
+      line-height: 1.1;
+      letter-spacing: -0.02em;
+    }
+
+    .reveal h2 {
+      font-size: 32px;
+      font-weight: 500;
+      color: var(--text-secondary);
+      margin-bottom: 24px;
+    }
+
+    .reveal p {
+      font-size: 24px;
+      color: var(--text-secondary);
+      line-height: 1.6;
+      margin-bottom: 20px;
+    }
+
+    /* Bullets - Complete, readable */
+    .reveal ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    .reveal li {
+      font-size: 24px;
+      color: var(--text-secondary);
+      line-height: 1.5;
+      margin-bottom: 20px;
+      padding-left: 32px;
+      position: relative;
+    }
+
+    .reveal li::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 12px;
+      width: 10px;
+      height: 10px;
+      background: var(--accent-blue);
+      border-radius: 50%;
+    }
+
+    .reveal li strong {
+      color: var(--text-primary);
+      font-weight: 600;
+    }
+
+    /* Tables - Clean, professional */
+    .data-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 24px;
+      font-size: 20px;
+    }
+
+    .data-table th {
+      background: rgba(255, 255, 255, 0.08);
+      color: var(--text-primary);
+      font-weight: 600;
+      text-align: left;
+      padding: 16px 20px;
+      border-bottom: 2px solid var(--border-color);
+    }
+
+    .data-table td {
+      color: var(--text-secondary);
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--border-color);
+    }
+
+    .data-table td.number {
+      text-align: right;
+      font-family: 'SF Mono', 'Monaco', monospace;
+      font-weight: 500;
+      color: var(--accent-blue);
+    }
+
+    .data-table tbody tr:hover td {
+      background: rgba(255, 255, 255, 0.04);
+    }
+
+    /* Metrics */
+    .metrics-container {
+      display: flex;
+      justify-content: flex-start;
+      gap: 40px;
+      flex-wrap: wrap;
+      margin-top: 40px;
+    }
+
+    .metric {
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid var(--border-color);
+      border-radius: 12px;
+      padding: 32px 48px;
+      text-align: center;
+      min-width: 200px;
+    }
+
+    .metric-value {
+      font-size: 56px;
+      font-weight: 700;
+      color: var(--accent-blue);
+      line-height: 1;
+      margin-bottom: 12px;
+    }
+
+    .metric-trend-up .metric-value {
+      color: var(--accent-green);
+    }
+
+    .metric-trend-down .metric-value {
+      color: var(--accent-orange);
+    }
+
+    .metric-label {
+      font-size: 16px;
+      color: var(--text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+    }
+
+    /* Statement slides */
+    .statement {
+      font-size: 36px;
+      color: var(--text-primary);
+      line-height: 1.4;
+      max-width: 80%;
+    }
+
+    .subtext {
+      font-size: 24px;
+      color: var(--text-muted);
+    }
+
+    /* Title slide */
+    .slide-title {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+    }
+
+    .slide-title h1 {
+      font-size: 72px;
+    }
+
+    /* Thank you slide */
+    .slide-thank_you {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+    }
+
+    .slide-thank_you h1 {
+      font-size: 72px;
+      margin-bottom: 16px;
+    }
+
+    /* Source citation */
+    .source {
+      position: absolute;
+      bottom: 24px;
+      left: 80px;
+      font-size: 14px;
+      color: var(--text-muted);
+    }
+`;
+  }
+};
+function createRendererV2() {
+  return new RendererV2();
+}
+
 // src/image/NanoBananaProvider.ts
 var NanoBananaProvider = class {
   name = "NanoBanana Pro";
@@ -5572,11 +6377,15 @@ export {
   NanoBananaProvider,
   Remediator,
   Renderer,
+  RendererV2,
   SlideGenerator,
+  SlideGeneratorV2,
   SlideQualityReviewer,
   VERSION,
   VisualDesignSystem,
   createNanoBananaProvider,
+  createRendererV2,
+  createSlideGeneratorV2,
   generate,
   getContentAnalyzer,
   getDeckQualityReviewer,