claude-presentation-master 7.2.1 → 7.4.0

package/dist/index.d.mts

@@ -354,6 +354,8 @@ interface ContentAnalysis$1 {
     detectedType: PresentationType$1;
     /** Main title */
     title: string;
+    /** Subtitle (line after title) */
+    subtitle?: string;
     /** Content sections */
     sections: ContentSection$1[];
     /** SCQA structure extracted */
@@ -950,6 +952,7 @@ interface ContentSection {
 interface ContentAnalysis {
     detectedType: PresentationType;
     title: string;
+    subtitle: string;
     sections: ContentSection[];
     keyMessages: string[];
     dataPoints: Array<{
@@ -990,7 +993,12 @@ declare class ContentAnalyzer {
      */
     private parseContent;
     /**
-     * Extract the main title from content
+     * Extract the main title AND subtitle from content
+     * Subtitle is the line immediately after the H1 title (if not another header)
+     */
+    private extractTitleAndSubtitle;
+    /**
+     * Extract the main title from content (legacy wrapper)
      */
     private extractTitle;
     /**
@@ -1215,6 +1223,11 @@ declare class ContentPatternClassifier {
     } | null;
     /**
      * Extract timeline/process steps from content
+     * Handles multiple formats:
+     * - "Step 1: Do something" → label: "Step 1", description: "Do something"
+     * - "1. First item" → label: "1", description: "First item"
+     * - "Title - Description text" → label: "Title", description: "Description text"
+     * - "Plain text" → label: "1", description: "Plain text"
      */
     extractSteps(section: ContentSection$1): Array<{
         label: string;

package/dist/index.d.ts

@@ -354,6 +354,8 @@ interface ContentAnalysis$1 {
     detectedType: PresentationType$1;
     /** Main title */
     title: string;
+    /** Subtitle (line after title) */
+    subtitle?: string;
     /** Content sections */
     sections: ContentSection$1[];
     /** SCQA structure extracted */
@@ -950,6 +952,7 @@ interface ContentSection {
 interface ContentAnalysis {
     detectedType: PresentationType;
     title: string;
+    subtitle: string;
     sections: ContentSection[];
     keyMessages: string[];
     dataPoints: Array<{
@@ -990,7 +993,12 @@ declare class ContentAnalyzer {
      */
     private parseContent;
     /**
-     * Extract the main title from content
+     * Extract the main title AND subtitle from content
+     * Subtitle is the line immediately after the H1 title (if not another header)
+     */
+    private extractTitleAndSubtitle;
+    /**
+     * Extract the main title from content (legacy wrapper)
      */
     private extractTitle;
     /**
@@ -1215,6 +1223,11 @@ declare class ContentPatternClassifier {
     } | null;
     /**
      * Extract timeline/process steps from content
+     * Handles multiple formats:
+     * - "Step 1: Do something" → label: "Step 1", description: "Do something"
+     * - "1. First item" → label: "1", description: "First item"
+     * - "Title - Description text" → label: "Title", description: "Description text"
+     * - "Plain text" → label: "1", description: "Plain text"
      */
     extractSteps(section: ContentSection$1): Array<{
         label: string;

package/dist/index.js

@@ -961,7 +961,8 @@ var ContentAnalyzer = class {
   async analyze(content, contentType) {
     await this.initialize();
     const text = this.parseContent(content, contentType);
-    const title = this.extractTitle(text);
+    const { title, subtitle } = this.extractTitleAndSubtitle(text);
+    logger.step(`Title: "${title}", Subtitle: "${subtitle || "(none)"}"`);
     const detectedType = this.detectPresentationType(text);
     logger.step(`Detected type: ${detectedType}`);
     const sections = this.extractSections(text);
@@ -974,9 +975,13 @@ var ContentAnalyzer = class {
     const titles = sections.map((s) => s.header).filter((h) => h.length > 0);
     const starMoments = this.extractStarMoments(text);
     const estimatedSlideCount = Math.max(5, sections.length + 3);
+    const whatIsContent = scqa.situation ? [scqa.situation] : [];
+    const whatCouldBeContent = scqa.answer ? [scqa.answer] : keyMessages.slice(0, 2);
     return {
       detectedType,
       title,
+      subtitle,
+      // NEW: Use explicit subtitle from content
       sections,
       keyMessages,
       dataPoints,
@@ -987,8 +992,10 @@ var ContentAnalyzer = class {
         answer: scqa.answer || ""
       },
       sparkline: {
-        whatIs: sparkline.callToAction ? [sparkline.callToAction] : [],
-        whatCouldBe: keyMessages,
+        whatIs: whatIsContent,
+        // FIX: Use situation, not CTA
+        whatCouldBe: whatCouldBeContent,
+        // FIX: Use answer/vision, not random messages
         callToAdventure: sparkline.callToAction || ""
       },
       titles,
@@ -1016,18 +1023,46 @@ var ContentAnalyzer = class {
     return text;
   }
   /**
-   * Extract the main title from content
+   * Extract the main title AND subtitle from content
+   * Subtitle is the line immediately after the H1 title (if not another header)
    */
-  extractTitle(text) {
-    const h1Match = text.match(/^#\s+(.+)$/m);
-    if (h1Match && h1Match[1]) {
-      return h1Match[1].replace(/\*\*/g, "").trim();
+  extractTitleAndSubtitle(text) {
+    const lines = text.split("\n");
+    let title = "Presentation";
+    let subtitle = "";
+    let foundTitle = false;
+    let titleLineIndex = -1;
+    for (let i = 0; i < lines.length; i++) {
+      const rawLine = lines[i];
+      if (!rawLine) continue;
+      const line = rawLine.trim();
+      const h1Match = line.match(/^#\s+(.+)$/);
+      if (h1Match && h1Match[1] && !foundTitle) {
+        title = h1Match[1].replace(/\*\*/g, "").trim();
+        foundTitle = true;
+        titleLineIndex = i;
+        continue;
+      }
+      if (foundTitle && i > titleLineIndex && line.length > 0) {
+        if (line.startsWith("#")) break;
+        if (line.startsWith("-") || line.startsWith("*") || /^\d+\./.test(line)) break;
+        subtitle = line.replace(/\*\*/g, "").trim().slice(0, 100);
+        break;
+      }
     }
-    const lines = text.split("\n").filter((l) => l.trim().length > 0);
-    if (lines.length > 0 && lines[0]) {
-      return lines[0].replace(/^#+\s*/, "").replace(/\*\*/g, "").trim().slice(0, 80);
+    if (!foundTitle) {
+      const firstLine = lines.find((l) => l.trim().length > 0);
+      if (firstLine) {
+        title = firstLine.replace(/^#+\s*/, "").replace(/\*\*/g, "").trim().slice(0, 80);
+      }
     }
-    return "Presentation";
+    return { title, subtitle };
+  }
+  /**
+   * Extract the main title from content (legacy wrapper)
+   */
+  extractTitle(text) {
+    return this.extractTitleAndSubtitle(text).title;
   }
   /**
    * Detect presentation type from content signals
@@ -1650,6 +1685,11 @@ var ContentPatternClassifier = class {
   }
   /**
    * Extract timeline/process steps from content
+   * Handles multiple formats:
+   * - "Step 1: Do something" → label: "Step 1", description: "Do something"
+   * - "1. First item" → label: "1", description: "First item"
+   * - "Title - Description text" → label: "Title", description: "Description text"
+   * - "Plain text" → label: "1", description: "Plain text"
    */
   extractSteps(section) {
     const steps = [];
@@ -1660,12 +1700,28 @@ var ContentPatternClassifier = class {
           label: stepMatch[1].trim(),
           description: stepMatch[2].trim()
         });
-      } else {
+        continue;
+      }
+      const dashMatch = bullet.match(/^([^-]+)\s+-\s+(.+)$/);
+      if (dashMatch && dashMatch[1] && dashMatch[2]) {
         steps.push({
-          label: `${steps.length + 1}`,
-          description: bullet
+          label: dashMatch[1].trim(),
+          description: dashMatch[2].trim()
         });
+        continue;
       }
+      const colonMatch = bullet.match(/^([^:]+):\s*(.+)$/);
+      if (colonMatch && colonMatch[1] && colonMatch[2] && colonMatch[1].length < 40) {
+        steps.push({
+          label: colonMatch[1].trim(),
+          description: colonMatch[2].trim()
+        });
+        continue;
+      }
+      steps.push({
+        label: `${steps.length + 1}`,
+        description: bullet
+      });
     }
     return steps;
   }
@@ -1830,9 +1886,10 @@ var SlideFactory = class {
     const data = {
       title: this.truncateText(analysis.title, this.config.rules.wordsPerSlide.max)
     };
-    if (analysis.keyMessages[0]) {
+    const subtitleSource = analysis.subtitle || analysis.keyMessages[0] || "";
+    if (subtitleSource) {
       data.subtitle = this.truncateText(
-        analysis.keyMessages[0],
+        subtitleSource,
         this.config.defaults.subtitle.maxWords
         // FROM KB
       );
@@ -1876,7 +1933,9 @@ var SlideFactory = class {
   addSCQASlides(slides, analysis) {
     const scqa = analysis.scqa;
     const titles = this.config.scqaTitles;
-    if (scqa?.situation && !this.usedContent.has("scqa-situation")) {
+    const minBodyLength = 20;
+    const situationBody = scqa?.situation ? this.truncateText(scqa.situation, this.config.rules.wordsPerSlide.max) : "";
+    if (situationBody.length >= minBodyLength && !this.usedContent.has("scqa-situation")) {
       this.usedContent.add("scqa-situation");
       slides.push({
         index: slides.length,
@@ -1884,12 +1943,13 @@ var SlideFactory = class {
         data: {
           title: titles.situation,
           // FROM KB - not hardcoded 'Current Situation'
-          body: this.truncateText(scqa.situation, this.config.rules.wordsPerSlide.max)
+          body: situationBody
         },
         classes: ["situation-slide"]
       });
     }
-    if (scqa?.complication && !this.usedContent.has("scqa-complication")) {
+    const complicationBody = scqa?.complication ? this.truncateText(scqa.complication, this.config.rules.wordsPerSlide.max) : "";
+    if (complicationBody.length >= minBodyLength && !this.usedContent.has("scqa-complication")) {
       this.usedContent.add("scqa-complication");
       slides.push({
         index: slides.length,
@@ -1897,12 +1957,13 @@ var SlideFactory = class {
         data: {
           title: titles.complication,
           // FROM KB - not hardcoded 'The Challenge'
-          body: this.truncateText(scqa.complication, this.config.rules.wordsPerSlide.max)
+          body: complicationBody
         },
         classes: ["complication-slide"]
       });
     }
-    if (scqa?.question && !this.usedContent.has("scqa-question")) {
+    const questionBody = scqa?.question ? this.truncateText(scqa.question, this.config.rules.wordsPerSlide.max) : "";
+    if (questionBody.length >= minBodyLength && !this.usedContent.has("scqa-question")) {
       this.usedContent.add("scqa-question");
       slides.push({
         index: slides.length,
@@ -1910,7 +1971,7 @@ var SlideFactory = class {
         data: {
           title: titles.question,
           // FROM KB - not hardcoded 'The Question'
-          body: this.truncateText(scqa.question, this.config.rules.wordsPerSlide.max)
+          body: questionBody
         },
         classes: ["question-slide"]
       });
@@ -1920,7 +1981,8 @@ var SlideFactory = class {
     const spark = analysis.sparkline;
     const titles = this.config.sparklineTitles;
     const whatIsFirst = spark?.whatIs?.[0];
-    if (whatIsFirst && !this.usedContent.has("spark-what-is")) {
+    const whatIsBody = whatIsFirst ? this.truncateText(whatIsFirst, this.config.rules.wordsPerSlide.max) : "";
+    if (whatIsBody.length >= 20 && !this.usedContent.has("spark-what-is")) {
       this.usedContent.add("spark-what-is");
       slides.push({
         index: slides.length,
@@ -1928,13 +1990,14 @@ var SlideFactory = class {
         data: {
           title: titles.whatIs,
           // FROM KB - not hardcoded 'Where We Are Today'
-          body: this.truncateText(whatIsFirst, this.config.rules.wordsPerSlide.max)
+          body: whatIsBody
         },
         classes: ["what-is-slide"]
       });
     }
     const whatCouldBeFirst = spark?.whatCouldBe?.[0];
-    if (whatCouldBeFirst && !this.usedContent.has("spark-could-be")) {
+    const whatCouldBeBody = whatCouldBeFirst ? this.truncateText(whatCouldBeFirst, this.config.rules.wordsPerSlide.max) : "";
+    if (whatCouldBeBody.length >= 20 && !this.usedContent.has("spark-could-be")) {
       this.usedContent.add("spark-could-be");
       slides.push({
         index: slides.length,
@@ -1942,7 +2005,7 @@ var SlideFactory = class {
         data: {
           title: titles.whatCouldBe,
           // FROM KB - not hardcoded 'What Could Be'
-          body: this.truncateText(whatCouldBeFirst, this.config.rules.wordsPerSlide.max)
+          body: whatCouldBeBody
         },
         classes: ["what-could-be-slide"]
       });
@@ -2151,16 +2214,18 @@ var SlideFactory = class {
     };
   }
   createSingleStatementSlide(index, section) {
+    const bodyContent = section.content || section.bullets.join(" ") || "";
+    const truncatedBody = this.truncateText(bodyContent, this.config.rules.wordsPerSlide.max);
+    if (truncatedBody.length < 15 && section.bullets.length > 0) {
+      return this.createBulletSlide(index, section);
+    }
     return {
       index,
       type: "single-statement",
       data: {
         title: this.createTitle(section.header, section),
-        body: this.truncateText(
-          section.content || section.bullets[0] || "",
-          this.config.rules.wordsPerSlide.max
-          // FROM KB
-        )
+        body: truncatedBody || section.header
+        // Fallback to header if no body
       },
       classes: ["single-statement-slide"]
     };
@@ -2534,6 +2599,9 @@ var TemplateEngine = class {
     this.handlebars.registerHelper("animDelay", function(index, baseMs = 100) {
       return `animation-delay: ${index * baseMs}ms`;
     });
+    this.handlebars.registerHelper("add", function(a, b) {
+      return a + b;
+    });
     this.handlebars.registerHelper("safeHTML", function(text) {
       return new import_handlebars.default.SafeString(text);
     });
@@ -2641,7 +2709,12 @@ var TemplateEngine = class {
     this.templates.set("single-statement", this.handlebars.compile(`
       <section class="{{classes}}" data-slide-index="{{slideIndex}}" style="{{styles}}">
         <div class="slide-content statement-content">
+          {{#if body}}
+          <h2 class="title animate-fadeIn">{{title}}</h2>
+          <p class="statement animate-fadeIn delay-200">{{markdown body}}</p>
+          {{else}}
           <p class="statement animate-fadeIn">{{title}}</p>
+          {{/if}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -2707,14 +2780,30 @@ var TemplateEngine = class {
           <h2 class="title animate-fadeIn">{{title}}</h2>
           <div class="columns two-columns">
             <div class="column column-left animate-slideRight">
-              {{#if body}}
-              <p class="body">{{markdown body}}</p>
+              {{#if leftColumn.title}}<h3>{{leftColumn.title}}</h3>{{/if}}
+              {{#if leftColumn.body}}
+              <p class="body">{{markdown leftColumn.body}}</p>
               {{/if}}
-              {{#if hasBullets}}
-              {{> bulletList}}
+              {{#if leftColumn.bullets}}
+              <ul class="bullets stagger-children">
+                {{#each leftColumn.bullets}}
+                <li class="bullet animate-fadeIn" style="{{animDelay @index 150}}">{{markdown this}}</li>
+                {{/each}}
+              </ul>
               {{/if}}
             </div>
             <div class="column column-right animate-slideLeft delay-200">
+              {{#if rightColumn.title}}<h3>{{rightColumn.title}}</h3>{{/if}}
+              {{#if rightColumn.body}}
+              <p class="body">{{markdown rightColumn.body}}</p>
+              {{/if}}
+              {{#if rightColumn.bullets}}
+              <ul class="bullets stagger-children">
+                {{#each rightColumn.bullets}}
+                <li class="bullet animate-fadeIn" style="{{animDelay @index 150}}">{{markdown this}}</li>
+                {{/each}}
+              </ul>
+              {{/if}}
               {{#if hasImage}}
               {{> imageWithCaption images.[0]}}
               {{else if metrics}}
@@ -2735,11 +2824,13 @@ var TemplateEngine = class {
             {{#each columns}}
             <div class="column animate-fadeIn" style="{{animDelay @index 200}}">
               {{#if title}}<h3 class="column-title">{{title}}</h3>{{/if}}
+              {{#if content}}<p class="column-body">{{markdown content}}</p>{{/if}}
               {{#if body}}<p class="column-body">{{markdown body}}</p>{{/if}}
               {{#if icon}}<div class="column-icon">{{icon}}</div>{{/if}}
             </div>
             {{/each}}
           </div>
+          {{> source}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -2748,25 +2839,24 @@ var TemplateEngine = class {
       <section class="{{classes}}" data-slide-index="{{slideIndex}}" style="{{styles}}">
         <div class="slide-content">
           <h2 class="title animate-fadeIn">{{title}}</h2>
-          <div class="comparison-container">
-            <div class="comparison-left animate-slideRight">
-              <h3>{{leftTitle}}</h3>
-              <ul>
-                {{#each leftItems}}
-                <li>{{this}}</li>
-                {{/each}}
-              </ul>
-            </div>
-            <div class="comparison-divider"></div>
-            <div class="comparison-right animate-slideLeft delay-200">
-              <h3>{{rightTitle}}</h3>
+          <div class="comparison-container columns two-columns">
+            {{#each columns}}
+            <div class="column comparison-{{#if @first}}left animate-slideRight{{else}}right animate-slideLeft delay-200{{/if}}">
+              <h3 class="column-title">{{title}}</h3>
+              {{#if content}}
+              <p class="column-content">{{markdown content}}</p>
+              {{/if}}
+              {{#if bullets}}
               <ul>
-                {{#each rightItems}}
+                {{#each bullets}}
                 <li>{{this}}</li>
                 {{/each}}
               </ul>
+              {{/if}}
             </div>
+            {{/each}}
           </div>
+          {{> source}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -2830,18 +2920,18 @@ var TemplateEngine = class {
       <section class="{{classes}}" data-slide-index="{{slideIndex}}" style="{{styles}}">
         <div class="slide-content">
           <h2 class="title animate-fadeIn">{{title}}</h2>
-          <div class="timeline stagger-children">
-            {{#each events}}
-            <div class="timeline-item animate-fadeIn" style="{{animDelay @index 200}}">
-              <div class="timeline-marker"></div>
+          <div class="timeline steps stagger-children">
+            {{#each steps}}
+            <div class="step timeline-item animate-fadeIn" style="{{animDelay @index 200}}">
+              <div class="step-number">{{add @index 1}}</div>
               <div class="timeline-content">
-                <div class="timeline-date">{{date}}</div>
-                <div class="timeline-title">{{title}}</div>
-                {{#if description}}<div class="timeline-desc">{{description}}</div>{{/if}}
+                <div class="step-title">{{label}}</div>
+                {{#if description}}<div class="step-desc">{{description}}</div>{{/if}}
               </div>
             </div>
             {{/each}}
           </div>
+          {{> source}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -5379,29 +5469,70 @@ ${slides}
     }
 
     /* Comparison slides: Split visual */
-    .reveal .slide-comparison .columns {
+    .reveal .slide-comparison .columns,
+    .reveal .slide-comparison .comparison-container {
       gap: 60px;
     }
-    .reveal .slide-comparison .column:first-child {
+    .reveal .slide-comparison .column:first-child,
+    .reveal .slide-comparison .comparison-left {
       border-right: 2px solid ${this.lightenColor(secondary, 70)};
       padding-right: 30px;
     }
+    .reveal .column-title {
+      font-size: 1.2em;
+      font-weight: 600;
+      margin-bottom: 0.5em;
+      color: var(--color-accent);
+    }
+    .reveal .column-content,
+    .reveal .column-body {
+      line-height: 1.6;
+    }
 
     /* Timeline/Process: Visual flow */
     .reveal .slide-timeline .steps,
-    .reveal .slide-process .steps {
+    .reveal .slide-timeline .timeline,
+    .reveal .slide-process .steps,
+    .reveal .slide-process .process-steps {
       display: flex;
       gap: 20px;
+      flex-wrap: wrap;
+      justify-content: center;
     }
     .reveal .slide-timeline .step,
-    .reveal .slide-process .step {
+    .reveal .slide-timeline .timeline-item,
+    .reveal .slide-process .step,
+    .reveal .slide-process .process-step {
       flex: 1;
+      min-width: 150px;
+      max-width: 250px;
       padding: 20px;
       background: ${isDark ? this.lightenColor(background, 10) : this.lightenColor(secondary, 92)};
       border-radius: 8px;
       border-top: 4px solid var(--color-accent);
       ${isDark ? `color: ${text};` : ""}
     }
+    .reveal .step-number {
+      font-size: 1.5em;
+      font-weight: 700;
+      color: var(--color-accent);
+      margin-bottom: 0.5em;
+    }
+    .reveal .step-title {
+      font-size: 1.1em;
+      font-weight: 600;
+      margin-bottom: 0.5em;
+    }
+    .reveal .step-desc {
+      font-size: 0.9em;
+      color: var(--color-text-light);
+    }
+    .reveal .step-arrow {
+      display: flex;
+      align-items: center;
+      font-size: 1.5em;
+      color: var(--color-accent);
+    }
 
     /* Progress bar enhancement */
     .reveal .progress {

package/dist/index.mjs

@@ -889,7 +889,8 @@ var ContentAnalyzer = class {
   async analyze(content, contentType) {
     await this.initialize();
     const text = this.parseContent(content, contentType);
-    const title = this.extractTitle(text);
+    const { title, subtitle } = this.extractTitleAndSubtitle(text);
+    logger.step(`Title: "${title}", Subtitle: "${subtitle || "(none)"}"`);
     const detectedType = this.detectPresentationType(text);
     logger.step(`Detected type: ${detectedType}`);
     const sections = this.extractSections(text);
@@ -902,9 +903,13 @@ var ContentAnalyzer = class {
     const titles = sections.map((s) => s.header).filter((h) => h.length > 0);
     const starMoments = this.extractStarMoments(text);
     const estimatedSlideCount = Math.max(5, sections.length + 3);
+    const whatIsContent = scqa.situation ? [scqa.situation] : [];
+    const whatCouldBeContent = scqa.answer ? [scqa.answer] : keyMessages.slice(0, 2);
     return {
       detectedType,
       title,
+      subtitle,
+      // NEW: Use explicit subtitle from content
       sections,
       keyMessages,
       dataPoints,
@@ -915,8 +920,10 @@ var ContentAnalyzer = class {
         answer: scqa.answer || ""
       },
       sparkline: {
-        whatIs: sparkline.callToAction ? [sparkline.callToAction] : [],
-        whatCouldBe: keyMessages,
+        whatIs: whatIsContent,
+        // FIX: Use situation, not CTA
+        whatCouldBe: whatCouldBeContent,
+        // FIX: Use answer/vision, not random messages
         callToAdventure: sparkline.callToAction || ""
       },
       titles,
@@ -944,18 +951,46 @@ var ContentAnalyzer = class {
     return text;
   }
   /**
-   * Extract the main title from content
+   * Extract the main title AND subtitle from content
+   * Subtitle is the line immediately after the H1 title (if not another header)
    */
-  extractTitle(text) {
-    const h1Match = text.match(/^#\s+(.+)$/m);
-    if (h1Match && h1Match[1]) {
-      return h1Match[1].replace(/\*\*/g, "").trim();
+  extractTitleAndSubtitle(text) {
+    const lines = text.split("\n");
+    let title = "Presentation";
+    let subtitle = "";
+    let foundTitle = false;
+    let titleLineIndex = -1;
+    for (let i = 0; i < lines.length; i++) {
+      const rawLine = lines[i];
+      if (!rawLine) continue;
+      const line = rawLine.trim();
+      const h1Match = line.match(/^#\s+(.+)$/);
+      if (h1Match && h1Match[1] && !foundTitle) {
+        title = h1Match[1].replace(/\*\*/g, "").trim();
+        foundTitle = true;
+        titleLineIndex = i;
+        continue;
+      }
+      if (foundTitle && i > titleLineIndex && line.length > 0) {
+        if (line.startsWith("#")) break;
+        if (line.startsWith("-") || line.startsWith("*") || /^\d+\./.test(line)) break;
+        subtitle = line.replace(/\*\*/g, "").trim().slice(0, 100);
+        break;
+      }
     }
-    const lines = text.split("\n").filter((l) => l.trim().length > 0);
-    if (lines.length > 0 && lines[0]) {
-      return lines[0].replace(/^#+\s*/, "").replace(/\*\*/g, "").trim().slice(0, 80);
+    if (!foundTitle) {
+      const firstLine = lines.find((l) => l.trim().length > 0);
+      if (firstLine) {
+        title = firstLine.replace(/^#+\s*/, "").replace(/\*\*/g, "").trim().slice(0, 80);
+      }
     }
-    return "Presentation";
+    return { title, subtitle };
+  }
+  /**
+   * Extract the main title from content (legacy wrapper)
+   */
+  extractTitle(text) {
+    return this.extractTitleAndSubtitle(text).title;
   }
   /**
    * Detect presentation type from content signals
@@ -1578,6 +1613,11 @@ var ContentPatternClassifier = class {
   }
   /**
    * Extract timeline/process steps from content
+   * Handles multiple formats:
+   * - "Step 1: Do something" → label: "Step 1", description: "Do something"
+   * - "1. First item" → label: "1", description: "First item"
+   * - "Title - Description text" → label: "Title", description: "Description text"
+   * - "Plain text" → label: "1", description: "Plain text"
    */
   extractSteps(section) {
     const steps = [];
@@ -1588,12 +1628,28 @@ var ContentPatternClassifier = class {
           label: stepMatch[1].trim(),
           description: stepMatch[2].trim()
         });
-      } else {
+        continue;
+      }
+      const dashMatch = bullet.match(/^([^-]+)\s+-\s+(.+)$/);
+      if (dashMatch && dashMatch[1] && dashMatch[2]) {
         steps.push({
-          label: `${steps.length + 1}`,
-          description: bullet
+          label: dashMatch[1].trim(),
+          description: dashMatch[2].trim()
         });
+        continue;
       }
+      const colonMatch = bullet.match(/^([^:]+):\s*(.+)$/);
+      if (colonMatch && colonMatch[1] && colonMatch[2] && colonMatch[1].length < 40) {
+        steps.push({
+          label: colonMatch[1].trim(),
+          description: colonMatch[2].trim()
+        });
+        continue;
+      }
+      steps.push({
+        label: `${steps.length + 1}`,
+        description: bullet
+      });
     }
     return steps;
   }
@@ -1758,9 +1814,10 @@ var SlideFactory = class {
     const data = {
       title: this.truncateText(analysis.title, this.config.rules.wordsPerSlide.max)
     };
-    if (analysis.keyMessages[0]) {
+    const subtitleSource = analysis.subtitle || analysis.keyMessages[0] || "";
+    if (subtitleSource) {
       data.subtitle = this.truncateText(
-        analysis.keyMessages[0],
+        subtitleSource,
         this.config.defaults.subtitle.maxWords
         // FROM KB
       );
@@ -1804,7 +1861,9 @@ var SlideFactory = class {
   addSCQASlides(slides, analysis) {
     const scqa = analysis.scqa;
     const titles = this.config.scqaTitles;
-    if (scqa?.situation && !this.usedContent.has("scqa-situation")) {
+    const minBodyLength = 20;
+    const situationBody = scqa?.situation ? this.truncateText(scqa.situation, this.config.rules.wordsPerSlide.max) : "";
+    if (situationBody.length >= minBodyLength && !this.usedContent.has("scqa-situation")) {
       this.usedContent.add("scqa-situation");
       slides.push({
         index: slides.length,
@@ -1812,12 +1871,13 @@ var SlideFactory = class {
         data: {
           title: titles.situation,
           // FROM KB - not hardcoded 'Current Situation'
-          body: this.truncateText(scqa.situation, this.config.rules.wordsPerSlide.max)
+          body: situationBody
         },
         classes: ["situation-slide"]
       });
     }
-    if (scqa?.complication && !this.usedContent.has("scqa-complication")) {
+    const complicationBody = scqa?.complication ? this.truncateText(scqa.complication, this.config.rules.wordsPerSlide.max) : "";
+    if (complicationBody.length >= minBodyLength && !this.usedContent.has("scqa-complication")) {
       this.usedContent.add("scqa-complication");
       slides.push({
         index: slides.length,
@@ -1825,12 +1885,13 @@ var SlideFactory = class {
         data: {
           title: titles.complication,
           // FROM KB - not hardcoded 'The Challenge'
-          body: this.truncateText(scqa.complication, this.config.rules.wordsPerSlide.max)
+          body: complicationBody
         },
         classes: ["complication-slide"]
       });
     }
-    if (scqa?.question && !this.usedContent.has("scqa-question")) {
+    const questionBody = scqa?.question ? this.truncateText(scqa.question, this.config.rules.wordsPerSlide.max) : "";
+    if (questionBody.length >= minBodyLength && !this.usedContent.has("scqa-question")) {
       this.usedContent.add("scqa-question");
       slides.push({
         index: slides.length,
@@ -1838,7 +1899,7 @@ var SlideFactory = class {
         data: {
           title: titles.question,
           // FROM KB - not hardcoded 'The Question'
-          body: this.truncateText(scqa.question, this.config.rules.wordsPerSlide.max)
+          body: questionBody
         },
         classes: ["question-slide"]
       });
@@ -1848,7 +1909,8 @@ var SlideFactory = class {
     const spark = analysis.sparkline;
     const titles = this.config.sparklineTitles;
     const whatIsFirst = spark?.whatIs?.[0];
-    if (whatIsFirst && !this.usedContent.has("spark-what-is")) {
+    const whatIsBody = whatIsFirst ? this.truncateText(whatIsFirst, this.config.rules.wordsPerSlide.max) : "";
+    if (whatIsBody.length >= 20 && !this.usedContent.has("spark-what-is")) {
       this.usedContent.add("spark-what-is");
       slides.push({
         index: slides.length,
@@ -1856,13 +1918,14 @@ var SlideFactory = class {
         data: {
           title: titles.whatIs,
           // FROM KB - not hardcoded 'Where We Are Today'
-          body: this.truncateText(whatIsFirst, this.config.rules.wordsPerSlide.max)
+          body: whatIsBody
         },
         classes: ["what-is-slide"]
       });
     }
     const whatCouldBeFirst = spark?.whatCouldBe?.[0];
-    if (whatCouldBeFirst && !this.usedContent.has("spark-could-be")) {
+    const whatCouldBeBody = whatCouldBeFirst ? this.truncateText(whatCouldBeFirst, this.config.rules.wordsPerSlide.max) : "";
+    if (whatCouldBeBody.length >= 20 && !this.usedContent.has("spark-could-be")) {
       this.usedContent.add("spark-could-be");
       slides.push({
         index: slides.length,
@@ -1870,7 +1933,7 @@ var SlideFactory = class {
         data: {
           title: titles.whatCouldBe,
           // FROM KB - not hardcoded 'What Could Be'
-          body: this.truncateText(whatCouldBeFirst, this.config.rules.wordsPerSlide.max)
+          body: whatCouldBeBody
         },
         classes: ["what-could-be-slide"]
       });
@@ -2079,16 +2142,18 @@ var SlideFactory = class {
     };
   }
   createSingleStatementSlide(index, section) {
+    const bodyContent = section.content || section.bullets.join(" ") || "";
+    const truncatedBody = this.truncateText(bodyContent, this.config.rules.wordsPerSlide.max);
+    if (truncatedBody.length < 15 && section.bullets.length > 0) {
+      return this.createBulletSlide(index, section);
+    }
     return {
       index,
       type: "single-statement",
       data: {
         title: this.createTitle(section.header, section),
-        body: this.truncateText(
-          section.content || section.bullets[0] || "",
-          this.config.rules.wordsPerSlide.max
-          // FROM KB
-        )
+        body: truncatedBody || section.header
+        // Fallback to header if no body
       },
       classes: ["single-statement-slide"]
     };
@@ -2462,6 +2527,9 @@ var TemplateEngine = class {
     this.handlebars.registerHelper("animDelay", function(index, baseMs = 100) {
       return `animation-delay: ${index * baseMs}ms`;
     });
+    this.handlebars.registerHelper("add", function(a, b) {
+      return a + b;
+    });
     this.handlebars.registerHelper("safeHTML", function(text) {
       return new Handlebars.SafeString(text);
     });
@@ -2569,7 +2637,12 @@ var TemplateEngine = class {
     this.templates.set("single-statement", this.handlebars.compile(`
       <section class="{{classes}}" data-slide-index="{{slideIndex}}" style="{{styles}}">
         <div class="slide-content statement-content">
+          {{#if body}}
+          <h2 class="title animate-fadeIn">{{title}}</h2>
+          <p class="statement animate-fadeIn delay-200">{{markdown body}}</p>
+          {{else}}
           <p class="statement animate-fadeIn">{{title}}</p>
+          {{/if}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -2635,14 +2708,30 @@ var TemplateEngine = class {
           <h2 class="title animate-fadeIn">{{title}}</h2>
           <div class="columns two-columns">
             <div class="column column-left animate-slideRight">
-              {{#if body}}
-              <p class="body">{{markdown body}}</p>
+              {{#if leftColumn.title}}<h3>{{leftColumn.title}}</h3>{{/if}}
+              {{#if leftColumn.body}}
+              <p class="body">{{markdown leftColumn.body}}</p>
               {{/if}}
-              {{#if hasBullets}}
-              {{> bulletList}}
+              {{#if leftColumn.bullets}}
+              <ul class="bullets stagger-children">
+                {{#each leftColumn.bullets}}
+                <li class="bullet animate-fadeIn" style="{{animDelay @index 150}}">{{markdown this}}</li>
+                {{/each}}
+              </ul>
               {{/if}}
             </div>
             <div class="column column-right animate-slideLeft delay-200">
+              {{#if rightColumn.title}}<h3>{{rightColumn.title}}</h3>{{/if}}
+              {{#if rightColumn.body}}
+              <p class="body">{{markdown rightColumn.body}}</p>
+              {{/if}}
+              {{#if rightColumn.bullets}}
+              <ul class="bullets stagger-children">
+                {{#each rightColumn.bullets}}
+                <li class="bullet animate-fadeIn" style="{{animDelay @index 150}}">{{markdown this}}</li>
+                {{/each}}
+              </ul>
+              {{/if}}
               {{#if hasImage}}
               {{> imageWithCaption images.[0]}}
               {{else if metrics}}
@@ -2663,11 +2752,13 @@ var TemplateEngine = class {
             {{#each columns}}
             <div class="column animate-fadeIn" style="{{animDelay @index 200}}">
               {{#if title}}<h3 class="column-title">{{title}}</h3>{{/if}}
+              {{#if content}}<p class="column-body">{{markdown content}}</p>{{/if}}
               {{#if body}}<p class="column-body">{{markdown body}}</p>{{/if}}
               {{#if icon}}<div class="column-icon">{{icon}}</div>{{/if}}
             </div>
             {{/each}}
           </div>
+          {{> source}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -2676,25 +2767,24 @@ var TemplateEngine = class {
       <section class="{{classes}}" data-slide-index="{{slideIndex}}" style="{{styles}}">
         <div class="slide-content">
           <h2 class="title animate-fadeIn">{{title}}</h2>
-          <div class="comparison-container">
-            <div class="comparison-left animate-slideRight">
-              <h3>{{leftTitle}}</h3>
-              <ul>
-                {{#each leftItems}}
-                <li>{{this}}</li>
-                {{/each}}
-              </ul>
-            </div>
-            <div class="comparison-divider"></div>
-            <div class="comparison-right animate-slideLeft delay-200">
-              <h3>{{rightTitle}}</h3>
+          <div class="comparison-container columns two-columns">
+            {{#each columns}}
+            <div class="column comparison-{{#if @first}}left animate-slideRight{{else}}right animate-slideLeft delay-200{{/if}}">
+              <h3 class="column-title">{{title}}</h3>
+              {{#if content}}
+              <p class="column-content">{{markdown content}}</p>
+              {{/if}}
+              {{#if bullets}}
               <ul>
-                {{#each rightItems}}
+                {{#each bullets}}
                 <li>{{this}}</li>
                 {{/each}}
               </ul>
+              {{/if}}
             </div>
+            {{/each}}
           </div>
+          {{> source}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -2758,18 +2848,18 @@ var TemplateEngine = class {
       <section class="{{classes}}" data-slide-index="{{slideIndex}}" style="{{styles}}">
         <div class="slide-content">
           <h2 class="title animate-fadeIn">{{title}}</h2>
-          <div class="timeline stagger-children">
-            {{#each events}}
-            <div class="timeline-item animate-fadeIn" style="{{animDelay @index 200}}">
-              <div class="timeline-marker"></div>
+          <div class="timeline steps stagger-children">
+            {{#each steps}}
+            <div class="step timeline-item animate-fadeIn" style="{{animDelay @index 200}}">
+              <div class="step-number">{{add @index 1}}</div>
               <div class="timeline-content">
-                <div class="timeline-date">{{date}}</div>
-                <div class="timeline-title">{{title}}</div>
-                {{#if description}}<div class="timeline-desc">{{description}}</div>{{/if}}
+                <div class="step-title">{{label}}</div>
+                {{#if description}}<div class="step-desc">{{description}}</div>{{/if}}
               </div>
             </div>
             {{/each}}
           </div>
+          {{> source}}
         </div>
         {{> speakerNotes}}
       </section>
@@ -5307,29 +5397,70 @@ ${slides}
     }
 
     /* Comparison slides: Split visual */
-    .reveal .slide-comparison .columns {
+    .reveal .slide-comparison .columns,
+    .reveal .slide-comparison .comparison-container {
       gap: 60px;
     }
-    .reveal .slide-comparison .column:first-child {
+    .reveal .slide-comparison .column:first-child,
+    .reveal .slide-comparison .comparison-left {
       border-right: 2px solid ${this.lightenColor(secondary, 70)};
       padding-right: 30px;
     }
+    .reveal .column-title {
+      font-size: 1.2em;
+      font-weight: 600;
+      margin-bottom: 0.5em;
+      color: var(--color-accent);
+    }
+    .reveal .column-content,
+    .reveal .column-body {
+      line-height: 1.6;
+    }
 
     /* Timeline/Process: Visual flow */
     .reveal .slide-timeline .steps,
-    .reveal .slide-process .steps {
+    .reveal .slide-timeline .timeline,
+    .reveal .slide-process .steps,
+    .reveal .slide-process .process-steps {
       display: flex;
       gap: 20px;
+      flex-wrap: wrap;
+      justify-content: center;
     }
     .reveal .slide-timeline .step,
-    .reveal .slide-process .step {
+    .reveal .slide-timeline .timeline-item,
+    .reveal .slide-process .step,
+    .reveal .slide-process .process-step {
       flex: 1;
+      min-width: 150px;
+      max-width: 250px;
       padding: 20px;
       background: ${isDark ? this.lightenColor(background, 10) : this.lightenColor(secondary, 92)};
       border-radius: 8px;
       border-top: 4px solid var(--color-accent);
       ${isDark ? `color: ${text};` : ""}
     }
+    .reveal .step-number {
+      font-size: 1.5em;
+      font-weight: 700;
+      color: var(--color-accent);
+      margin-bottom: 0.5em;
+    }
+    .reveal .step-title {
+      font-size: 1.1em;
+      font-weight: 600;
+      margin-bottom: 0.5em;
+    }
+    .reveal .step-desc {
+      font-size: 0.9em;
+      color: var(--color-text-light);
+    }
+    .reveal .step-arrow {
+      display: flex;
+      align-items: center;
+      font-size: 1.5em;
+      color: var(--color-accent);
+    }
 
     /* Progress bar enhancement */
     .reveal .progress {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-presentation-master",
-  "version": "7.2.1",
+  "version": "7.4.0",
   "description": "Generate world-class presentations using expert methodologies from Duarte, Reynolds, Gallo, and Anderson. Enforces rigorous quality standards through real visual validation.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",