hanseol-dev 5.0.2-dev.151 → 5.0.2-dev.152

package/dist/agents/office/powerpoint-create-agent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"powerpoint-create-agent.d.ts","sourceRoot":"","sources":["../../../src/agents/office/powerpoint-create-agent.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,YAAY,EAAc,MAAM,sBAAsB,CAAC;AAwrDhE,wBAAgB,iCAAiC,IAAI,YAAY,CAkChE"}
+{"version":3,"file":"powerpoint-create-agent.d.ts","sourceRoot":"","sources":["../../../src/agents/office/powerpoint-create-agent.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,YAAY,EAAc,MAAM,sBAAsB,CAAC;AA6vChE,wBAAgB,iCAAiC,IAAI,YAAY,CAkChE"}

package/dist/agents/office/powerpoint-create-agent.js

@@ -4,22 +4,7 @@ import { powerpointClient } from '../../tools/office/powerpoint-client.js';
 import { getSubAgentPhaseLogger, getSubAgentToolCallLogger } from '../common/sub-agent.js';
 import { logger } from '../../utils/logger.js';
 import { getPlatform } from '../../utils/platform-utils.js';
-import { PPT_CREATE_ENHANCEMENT_PROMPT, PPT_STRUCTURED_PLANNING_PROMPT, buildSlideHtmlPrompt, extractLayoutHint, checkLayoutCompliance, postProcessSlideHtml, buildLayoutSetPrompt, parseLayoutSet, buildAllSkeletonsPrompt, parseSkeletons, buildFillPrompt, } from './powerpoint-create-prompts.js';
-function getUnderfillFixByLayout(layoutType) {
-    const fixes = {
-        cards: 'ADD MORE CONTENT to cards:\n- Each card needs 4-5 bullet points (not 2-3)\n- Add a 2-sentence descriptive paragraph under each heading\n- Add a metric/stat at the bottom of each card\n- Use generous padding: 40px inside cards, 20px between items',
-        progress_bars: 'ADD MORE BARS and detail:\n- Increase to 5-6 bars (not 3-4)\n- Add a 1-line detail text below each bar explaining context\n- Add an insight summary box at the very bottom\n- Use larger bar height (48px) and label font (28px)',
-        bar_chart: 'ADD MORE to the chart:\n- Add more bars (5-6 total)\n- Make bars taller (tallest 85%)\n- Add a 2-3 line insight section at the bottom\n- Increase font sizes: values 32px, labels 28px',
-        donut_chart: 'ADD MORE to donut and legend:\n- Add 4-5 segments with detailed labels\n- Each legend item: name + absolute value + percentage\n- Add a 2-sentence summary paragraph below the legend\n- Make donut larger (450px)',
-        table: 'ADD MORE ROWS and content:\n- Increase to 6-8 data rows\n- Fill ALL cells with real data\n- Add a summary bar below the table with key insight\n- Use larger padding on td (28-32px)',
-        timeline: 'ADD MORE DETAIL to milestones:\n- Each milestone: 3-4 sentence description (not 1 line)\n- Add a KPI metric at the bottom of each milestone card\n- Use 3-4 milestone cards (not 2)\n- Add date labels and context',
-        process_flow: 'ADD MORE DETAIL to steps:\n- Each step: 2-3 sentence description (not 1 line)\n- Add time/metric at the bottom of each step\n- Use step numbers + titles\n- Increase padding for readability',
-        big_numbers: 'ADD MORE CONTEXT:\n- Each metric: number + unit + label + 2-3 sentence context + trend indicator\n- Ensure 3 metric cards minimum\n- Add supporting text below each number\n- Make numbers larger (80px)',
-        two_col_split: 'ADD MORE CONTENT:\n- Left column: primary visual with supporting context\n- Right column: 4-5 detailed bullet points\n- Both columns must be content-rich\n- Use generous font sizes (28-30px)',
-        hero_stat: 'ADD MORE CONTEXT:\n- Central number must be 128px\n- Add 2-3 sentence context paragraph below\n- Add row of 2-3 supporting metrics\n- Include trend indicators and labels',
-    };
-    return fixes[layoutType] || fixes['cards'];
-}
+import { PPT_CREATE_ENHANCEMENT_PROMPT, PPT_STRUCTURED_PLANNING_PROMPT, buildSlideHtmlPrompt, extractLayoutHint, buildContentFillJsonPrompt, parseContentFillJson, buildContentSlideHtml, } from './powerpoint-create-prompts.js';
 const DEFAULT_DESIGN = {
     primary_color: '#1B2A4A',
     accent_color: '#00D4AA',
@@ -266,64 +251,6 @@ function injectViewportCss(html, backgroundColor) {
     }
     return result;
 }
-function enforceMinFontSize(html) {
-    const MIN_PX = 26;
-    let result = html.replace(/font-size:\s*(\d+(?:\.\d+)?)px/g, (_match, size) => {
-        const px = parseFloat(size);
-        return (px > 12 && px < MIN_PX) ? `font-size:${MIN_PX}px` : _match;
-    });
-    result = result.replace(/font-size:\s*(\d+(?:\.\d+)?)pt/g, (_match, size) => {
-        const pt = parseFloat(size);
-        const px = pt * 1.333;
-        return (px > 12 && px < MIN_PX) ? `font-size:${MIN_PX}px` : _match;
-    });
-    result = result.replace(/font-size:\s*(\d+(?:\.\d+)?)r?em/g, (_match, size) => {
-        const em = parseFloat(size);
-        const px = em * 16;
-        return (px > 12 && px < MIN_PX) ? `font-size:${MIN_PX}px` : _match;
-    });
-    result = result.replace(/font-size:\s*(\d+(?:\.\d+)?)%/g, (_match, size) => {
-        const pct = parseFloat(size);
-        const px = pct / 100 * 16;
-        return (px > 12 && px < MIN_PX) ? `font-size:${MIN_PX}px` : _match;
-    });
-    return result;
-}
-function ensureSafeBodyPadding(html) {
-    const safeStyle = `<style>body{padding-top:20px!important;padding-bottom:40px!important;min-height:auto!important}body>div:last-child,body>section:last-child{margin-bottom:0!important;padding-bottom:0!important}</style>`;
-    if (html.includes('</head>')) {
-        return html.replace('</head>', `${safeStyle}</head>`);
-    }
-    return html;
-}
-function stripGradientTextEffects(html) {
-    let result = html.replace(/-webkit-text-fill-color:\s*transparent/gi, '-webkit-text-fill-color:initial');
-    result = result.replace(/background-clip:\s*text/gi, 'background-clip:initial');
-    result = result.replace(/-webkit-background-clip:\s*text/gi, '-webkit-background-clip:initial');
-    return result;
-}
-function removeAbsolutePositioning(html) {
-    let result = html.replace(/style="([^"]*)position:\s*absolute([^"]*)"/gi, (match, before, after) => {
-        if (/(?:width|height):\s*[1-5]?\dpx/i.test(before + after) || /opacity:\s*0\.[0-4]/i.test(before + after)) {
-            return match;
-        }
-        let cleaned = `${before}position:static${after}`;
-        cleaned = cleaned.replace(/(?:^|;)\s*(?:top|left|right|bottom):\s*[^;]+/gi, '');
-        return `style="${cleaned}"`;
-    });
-    result = result.replace(/(<style[^>]*>)([\s\S]*?)(<\/style>)/gi, (_m, open, css, close) => {
-        let fixed = css.replace(/position:\s*absolute/gi, 'position:static');
-        fixed = fixed.replace(/position:\s*static([^}]*)/gi, (ruleMatch) => {
-            return ruleMatch.replace(/(?:^|;)\s*(?:top|left|right|bottom):\s*[^;{}]+/gi, '');
-        });
-        return open + fixed + close;
-    });
-    result = result.replace(/transform:\s*translate[^;)]*\)/gi, 'transform:none');
-    result = result.replace(/transform:\s*scale\(\s*0\.\d+\s*\)/gi, 'transform:none');
-    result = result.replace(/transform:\s*scale\(\s*0\.\d+\s*,\s*0\.\d+\s*\)/gi, 'transform:none');
-    result = result.replace(/zoom:\s*0\.\d+/gi, 'zoom:1');
-    return result;
-}
 function injectTitleContrastFix(html, designTextColor) {
     const safeColor = designTextColor.replace(/'/g, "\\'");
     const script = `<script>(function(){` +
@@ -350,61 +277,6 @@ function injectTitleContrastFix(html, designTextColor) {
     }
     return html + script;
 }
-function injectMeasureCss(html) {
-    let result = html.replace(/<meta\s+name=["']viewport["'][^>]*>/gi, '');
-    const measureCss = `<style>*{box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;overflow:visible!important;max-height:none!important}html{width:2040px!important;height:auto!important;min-height:auto!important;margin:0!important}body{width:1920px!important;min-width:1920px!important;height:auto!important;min-height:auto!important;overflow:visible!important;margin:0!important}</style>`;
-    const injection = measureCss;
-    if (result.includes('</head>')) {
-        result = result.replace('</head>', `${injection}</head>`);
-    }
-    else if (result.includes('<head>')) {
-        result = result.replace('<head>', `<head>${injection}`);
-    }
-    else if (result.includes('<html')) {
-        result = result.replace(/<html[^>]*>/, (match) => `${match}<head>${injection}</head>`);
-    }
-    else {
-        result = injection + result;
-    }
-    const measureScript = `<script>document.title='SH:'+document.documentElement.scrollHeight</script>`;
-    if (result.includes('</body>')) {
-        result = result.replace('</body>', `${measureScript}</body>`);
-    }
-    else if (result.includes('</html>')) {
-        result = result.replace('</html>', `<body>${measureScript}</body></html>`);
-    }
-    else {
-        result += `</style></head><body>${measureScript}</body></html>`;
-    }
-    return result;
-}
-function injectFillMeasureCss(html) {
-    let result = html.replace(/<meta\s+name=["']viewport["'][^>]*>/gi, '');
-    const fillCss = `<style>*{box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;min-height:auto!important;height:auto!important}html{width:2040px!important;margin:0!important;height:auto!important}body{width:1920px!important;min-width:1920px!important;margin:0!important;display:block!important;height:auto!important;min-height:auto!important;overflow:visible!important}body>*{flex:none!important}body *{flex-grow:0!important;flex-shrink:1!important;flex-basis:auto!important}</style>`;
-    const measureScript = `<script>document.title='SH:'+document.documentElement.scrollHeight</script>`;
-    if (result.includes('</head>')) {
-        result = result.replace('</head>', `${fillCss}</head>`);
-    }
-    else if (result.includes('<head>')) {
-        result = result.replace('<head>', `<head>${fillCss}`);
-    }
-    else if (result.includes('<html')) {
-        result = result.replace(/<html[^>]*>/, (match) => `${match}<head>${fillCss}</head>`);
-    }
-    else {
-        result = fillCss + result;
-    }
-    if (result.includes('</body>')) {
-        result = result.replace('</body>', `${measureScript}</body>`);
-    }
-    else if (result.includes('</html>')) {
-        result = result.replace('</html>', `<body>${measureScript}</body></html>`);
-    }
-    else {
-        result += `</style></head><body>${measureScript}</body></html>`;
-    }
-    return result;
-}
 function escapeHtml(text) {
     return text
         .replace(/&/g, '&amp;')
@@ -871,56 +743,6 @@ async function runStructured(llmClient, instruction, explicitSavePath) {
             }
         }
     }
-    let layoutTemplates = [];
-    let slideSkeletons = new Map();
-    if (plan.design) {
-        try {
-            if (phaseLogger)
-                phaseLogger('powerpoint-create', 'layout-set', 'Generating custom layout components...');
-            const layoutSetPrompt = buildLayoutSetPrompt(plan.design);
-            const layoutRes = await llmClient.chatCompletion({
-                messages: [
-                    { role: 'system', content: layoutSetPrompt },
-                    { role: 'user', content: 'Generate the layout components now. Start with ---LAYOUT: and end each with ---END---.' },
-                ],
-                temperature: 0.7,
-                max_tokens: 6000,
-            }, { maxRetries: 2 });
-            const layoutRaw = layoutRes.choices[0]?.message;
-            const layoutText = layoutRaw ? extractContent(layoutRaw) : '';
-            layoutTemplates = parseLayoutSet(layoutText);
-            logger.info(`Layout Set: generated ${layoutTemplates.length} templates: ${layoutTemplates.map(l => l.name).join(', ')}`);
-            if (phaseLogger)
-                phaseLogger('powerpoint-create', 'layout-set', `Generated ${layoutTemplates.length} layout templates`);
-        }
-        catch (e) {
-            logger.warn(`Layout Set generation failed, will use fallback: ${e}`);
-        }
-    }
-    if (layoutTemplates.length >= 4) {
-        try {
-            if (phaseLogger)
-                phaseLogger('powerpoint-create', 'skeleton', 'Generating slide skeletons...');
-            const skeletonPrompt = buildAllSkeletonsPrompt(plan.slides, layoutTemplates);
-            const skeletonRes = await llmClient.chatCompletion({
-                messages: [
-                    { role: 'system', content: skeletonPrompt },
-                    { role: 'user', content: 'Generate skeletons for all content slides. Use ===SLIDE:N=== format.' },
-                ],
-                temperature: 0.3,
-                max_tokens: 8000,
-            }, { maxRetries: 2 });
-            const skeletonRaw = skeletonRes.choices[0]?.message;
-            const skeletonText = skeletonRaw ? extractContent(skeletonRaw) : '';
-            slideSkeletons = parseSkeletons(skeletonText);
-            logger.info(`Skeletons: generated ${slideSkeletons.size} slide skeletons`);
-            if (phaseLogger)
-                phaseLogger('powerpoint-create', 'skeleton', `Generated ${slideSkeletons.size} slide skeletons`);
-        }
-        catch (e) {
-            logger.warn(`Skeleton generation failed, will use fallback: ${e}`);
-        }
-    }
     if (phaseLogger)
         phaseLogger('powerpoint-create', 'execution', 'Starting HTML rendering pipeline...');
     const { writePath: tempWritePath, winPath: tempWinPath } = getTempDir();
@@ -995,7 +817,6 @@ async function runStructured(llmClient, instruction, explicitSavePath) {
         if (phaseLogger)
             phaseLogger('powerpoint-create', 'execution', `Rendering slide ${slideNum}/${plan.slides.length}: ${slidePlan.title}`);
         let html = null;
-        let htmlPrompt = null;
         if (slidePlan.type === 'title') {
             html = buildTitleSlideHtml(plan.design, companyName, titleSubtitle, kstDate, slideNum);
         }
@@ -1011,254 +832,73 @@ async function runStructured(llmClient, instruction, explicitSavePath) {
                 logger.info(`Slide ${slideNum}: Using code-generated overview template (${overviewItems.length} items)`);
             }
         }
-        let slideLayoutType = 'cards';
-        let usedSkeleton = false;
         if (!html && slidePlan.type !== 'title' && slidePlan.type !== 'closing') {
             const cleanedDirection = (slidePlan.content_direction || '')
                 .replace(/\s*Layout\s*:\s*[^\n]*/gi, '')
                 .trim();
-            slideLayoutType = extractLayoutHint(slidePlan.content_direction || '');
-            const skeletonInfo = slideSkeletons.get(slideNum);
-            const matchedLayout = skeletonInfo
-                ? layoutTemplates.find(l => l.name === skeletonInfo.layout)
-                : null;
-            if (skeletonInfo && matchedLayout) {
-                usedSkeleton = true;
-                logger.info(`Slide ${slideNum}: Using skeleton "${skeletonInfo.layout}" from Phase 4 (layoutType: ${slideLayoutType})`);
-                htmlPrompt = buildFillPrompt(skeletonInfo.skeleton, matchedLayout.css, cleanedDirection, slidePlan.title, plan.design, i, plan.slides.length, language, slideLayoutType);
-            }
-            else {
-                logger.info(`Slide ${slideNum}: Fallback to layout-specific prompt → "${slideLayoutType}"`);
-                htmlPrompt = buildSlideHtmlPrompt(slidePlan.title, cleanedDirection, plan.design, i, plan.slides.length, language, slideLayoutType);
-            }
+            const slideLayoutType = extractLayoutHint(slidePlan.content_direction || '');
+            const jsonPrompt = buildContentFillJsonPrompt(slidePlan.title, cleanedDirection, slideLayoutType, language);
+            let slideData = null;
             try {
-                const htmlRes = await llmClient.chatCompletion({
+                const jsonRes = await llmClient.chatCompletion({
                     messages: [
-                        { role: 'system', content: htmlPrompt },
-                        { role: 'user', content: 'Generate the HTML slide now.' },
+                        { role: 'system', content: jsonPrompt },
+                        { role: 'user', content: 'Output the JSON now.' },
                     ],
                     temperature: 0.3,
-                    max_tokens: 8000,
+                    max_tokens: 2000,
                 });
-                const htmlMsg = htmlRes.choices[0]?.message;
-                const rawHtml = htmlMsg ? extractContent(htmlMsg) : '';
-                html = extractHtml(rawHtml);
-                if (!html && rawHtml.length > 100) {
-                    logger.warn(`Slide ${slideNum}: HTML extraction failed, retrying`);
+                const jsonMsg = jsonRes.choices[0]?.message;
+                const jsonRaw = jsonMsg ? extractContent(jsonMsg) : '';
+                slideData = parseContentFillJson(jsonRaw, slideLayoutType);
+                if (!slideData) {
+                    logger.warn(`Slide ${slideNum}: JSON parse failed, retrying`);
                     const retryRes = await llmClient.chatCompletion({
                         messages: [
-                            { role: 'system', content: htmlPrompt },
-                            { role: 'user', content: 'Generate the complete HTML document. Start with <!DOCTYPE html> and end with </html>. No markdown fences.' },
+                            { role: 'system', content: jsonPrompt },
+                            { role: 'user', content: 'Output ONLY valid JSON. No markdown fences, no explanation. Start with { and end with }.' },
                         ],
                         temperature: 0.2,
-                        max_tokens: 4000,
+                        max_tokens: 2000,
                     });
                     const retryMsg = retryRes.choices[0]?.message;
                     const retryRaw = retryMsg ? extractContent(retryMsg) : '';
-                    html = extractHtml(retryRaw);
+                    slideData = parseContentFillJson(retryRaw, slideLayoutType);
                 }
             }
             catch (e) {
-                logger.warn(`Slide ${slideNum}: LLM call failed: ${e}`);
+                logger.warn(`Slide ${slideNum}: JSON fill LLM call failed: ${e}`);
             }
-        }
-        if (!html) {
-            logger.warn(`Slide ${slideNum}: Failed to generate HTML, skipping`);
-            failCount++;
-            continue;
-        }
-        const OVERFLOW_THRESHOLD = 1080;
-        if (htmlPrompt) {
-            const MAX_REGEN_ATTEMPTS = 2;
-            for (let attempt = 0; attempt < MAX_REGEN_ATTEMPTS; attempt++) {
-                const measureFileName = `hanseol_measure_${slideNum}_${timestamp}_${attempt}.html`;
-                const measureWritePath = path.join(tempWritePath, measureFileName);
-                const measureWinPath = `${tempWinPath}\\${measureFileName}`;
-                try {
-                    fs.writeFileSync(measureWritePath, injectMeasureCss(html), 'utf-8');
-                    const contentHeight = await powerpointClient.measureHtmlHeight(measureWinPath);
-                    try {
-                        fs.unlinkSync(measureWritePath);
-                    }
-                    catch { }
-                    if (contentHeight <= OVERFLOW_THRESHOLD) {
-                        if (attempt > 0)
-                            logger.info(`Slide ${slideNum}: Fits after ${attempt} regeneration(s) (${contentHeight}px)`);
-                        break;
-                    }
-                    logger.warn(`Slide ${slideNum}: Content overflows (${contentHeight}px > ${OVERFLOW_THRESHOLD}), attempt ${attempt + 1}/${MAX_REGEN_ATTEMPTS}`);
-                    if (phaseLogger)
-                        phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: overflow (${contentHeight}px), regen ${attempt + 1}/${MAX_REGEN_ATTEMPTS}...`);
-                    try {
-                        const regenRes = await llmClient.chatCompletion({
-                            messages: [
-                                { role: 'system', content: htmlPrompt },
-                                { role: 'user', content: `Generate the HTML slide now. Your previous version was ${contentHeight}px tall — it MUST fit in 1080px (with 60px top+bottom padding = 960px usable). Content was clipped by ${contentHeight - 1080}px.\n\nFix:\n- Reduce content: remove 2-3 least important bullets or rows from each section\n- Compact padding: cards 24px, gaps 12-16px\n- Keep fonts: title 40-48px, body 26px min\n- If 4+ cards/sections → reduce to 3\n- Target: 850-960px content height` },
-                            ],
-                            temperature: 0.2,
-                            max_tokens: 8000,
-                        });
-                        const regenMsg = regenRes.choices[0]?.message;
-                        const regenRaw = regenMsg ? extractContent(regenMsg) : '';
-                        const regenHtml = extractHtml(regenRaw);
-                        if (regenHtml) {
-                            html = regenHtml;
-                            logger.info(`Slide ${slideNum}: Regenerated HTML (attempt ${attempt + 1})`);
-                        }
-                        else {
-                            break;
-                        }
-                    }
-                    catch (e) {
-                        logger.warn(`Slide ${slideNum}: Overflow regeneration attempt ${attempt + 1} failed: ${e}`);
-                        break;
-                    }
-                }
-                catch {
-                    break;
-                }
+            if (slideData) {
+                html = buildContentSlideHtml(plan.design, slidePlan.title, slideLayoutType, slideData, slideNum, i);
+                logger.info(`Slide ${slideNum}: Code template "${slideLayoutType}" generated`);
             }
-        }
-        const MIN_FILL_HEIGHT = 850;
-        const MAX_FILL_ATTEMPTS = 3;
-        if (htmlPrompt && slidePlan.type === 'content') {
-            if (phaseLogger)
-                phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: starting fill measurement...`);
-            for (let fillAttempt = 0; fillAttempt < MAX_FILL_ATTEMPTS; fillAttempt++) {
-                const fillFileName = `hanseol_fill_${slideNum}_${timestamp}_${fillAttempt}.html`;
-                const fillWritePath = path.join(tempWritePath, fillFileName);
-                const fillWinPath = `${tempWinPath}\\${fillFileName}`;
-                try {
-                    fs.writeFileSync(fillWritePath, injectFillMeasureCss(html), 'utf-8');
-                    const naturalHeight = await powerpointClient.measureHtmlHeight(fillWinPath);
-                    if (naturalHeight > 0) {
-                        try {
-                            fs.unlinkSync(fillWritePath);
-                        }
-                        catch { }
-                    }
-                    if (phaseLogger)
-                        phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: fill=${naturalHeight}px (${Math.round(naturalHeight / 1080 * 100)}%), threshold=${MIN_FILL_HEIGHT}px`);
-                    if (naturalHeight > 0 && naturalHeight < MIN_FILL_HEIGHT) {
-                        const fillPct = Math.round(naturalHeight / 1080 * 100);
-                        logger.warn(`Slide ${slideNum}: Underfill — natural height ${naturalHeight}px (${fillPct}%). Attempt ${fillAttempt + 1}/${MAX_FILL_ATTEMPTS}...`);
-                        if (phaseLogger)
-                            phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: underfill (${fillPct}%), regen attempt ${fillAttempt + 1}...`);
-                        try {
-                            const htmlExcerpt = html.length > 2500 ? html.slice(0, 2500) + '\n...(truncated)' : html;
-                            const isCatastrophic = fillPct < 50;
-                            const fillRes = await llmClient.chatCompletion({
-                                messages: [
-                                    { role: 'system', content: htmlPrompt },
-                                    { role: 'user', content: `${isCatastrophic ? '⚠⚠⚠ CATASTROPHIC FAILURE — COMPLETE REGENERATION REQUIRED ⚠⚠⚠\n\n' : ''}REJECTED HTML (fills only ${fillPct}% — ${naturalHeight}px of 1080px):\n\`\`\`html\n${htmlExcerpt}\n\`\`\`\n\nThis slide was REJECTED because the content is too sparse. ${isCatastrophic ? 'It fills LESS THAN HALF the slide — this is unacceptable.' : ''}\n\nYou MUST regenerate from scratch with SIGNIFICANTLY MORE content:\n1. Each card/section: 4-5 bullet points with specific numbers (not 2 sparse lines)\n2. ALL content elements MUST be DIRECT children of .content — NO wrapper divs\n3. Tables: 6-8 data rows. Progress bars: 5-6 bars. Timeline: 4-5 detailed milestones.\n4. Target content height: ${Math.round(1080 * 0.85)}-${Math.round(1080 * 0.95)}px\n\n${getUnderfillFixByLayout(slideLayoutType)}\n\nDo NOT repeat the same sparse structure. Add REAL detailed content.\nOutput the COMPLETE HTML from <!DOCTYPE html> to </html>.` },
-                                ],
-                                temperature: isCatastrophic ? 0.5 : 0.3,
-                                max_tokens: 8000,
-                            });
-                            const fillMsg = fillRes.choices[0]?.message;
-                            const fillRaw = fillMsg ? extractContent(fillMsg) : '';
-                            const fillHtml = extractHtml(fillRaw);
-                            if (fillHtml) {
-                                const overflowCheckFile = `hanseol_ocheck_${slideNum}_${timestamp}_${fillAttempt}.html`;
-                                const overflowCheckPath = path.join(tempWritePath, overflowCheckFile);
-                                const overflowCheckWin = `${tempWinPath}\\${overflowCheckFile}`;
-                                let overflowOk = true;
-                                try {
-                                    fs.writeFileSync(overflowCheckPath, injectMeasureCss(fillHtml), 'utf-8');
-                                    const regenHeight = await powerpointClient.measureHtmlHeight(overflowCheckWin);
-                                    try {
-                                        fs.unlinkSync(overflowCheckPath);
-                                    }
-                                    catch { }
-                                    if (regenHeight > OVERFLOW_THRESHOLD) {
-                                        logger.warn(`Slide ${slideNum}: Fill regen overflows (${regenHeight}px), keeping original`);
-                                        overflowOk = false;
-                                    }
-                                }
-                                catch {
-                                    try {
-                                        fs.unlinkSync(overflowCheckPath);
-                                    }
-                                    catch { }
-                                }
-                                if (!overflowOk)
-                                    break;
-                                html = fillHtml;
-                                logger.info(`Slide ${slideNum}: Regenerated with more content (was ${fillPct}% fill, attempt ${fillAttempt + 1})`);
-                                continue;
-                            }
-                        }
-                        catch (e) {
-                            logger.warn(`Slide ${slideNum}: Fill regeneration failed: ${e}`);
-                        }
-                        break;
-                    }
-                    else if (naturalHeight > 0) {
-                        const fillPct = Math.round(naturalHeight / 1080 * 100);
-                        logger.info(`Slide ${slideNum}: Fill OK — ${naturalHeight}px (${fillPct}%)`);
-                        break;
-                    }
-                    else {
-                        if (phaseLogger)
-                            phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: fill measure returned 0, skipping`);
-                        break;
-                    }
-                }
-                catch (fillErr) {
-                    if (phaseLogger)
-                        phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: fill measure FAILED: ${fillErr}`);
-                    break;
-                }
-            }
-        }
-        if (html && slidePlan.type === 'content') {
-            html = postProcessSlideHtml(html);
-            if (slideNum <= 3) {
-                try {
-                    fs.writeFileSync(path.join(tempWritePath, `hanseol_debug_slide_${slideNum}.html`), html, 'utf-8');
-                }
-                catch { }
-            }
-        }
-        if (htmlPrompt && html && slidePlan.type === 'content' && !usedSkeleton) {
-            const MAX_LAYOUT_REGEN = 2;
-            for (let layoutAttempt = 0; layoutAttempt < MAX_LAYOUT_REGEN; layoutAttempt++) {
-                const complianceError = checkLayoutCompliance(html, slideLayoutType);
-                if (!complianceError) {
-                    if (layoutAttempt > 0) {
-                        logger.info(`Slide ${slideNum}: Layout compliance OK after ${layoutAttempt} regen(s)`);
-                    }
-                    break;
-                }
-                logger.warn(`Slide ${slideNum}: Layout compliance FAILED — ${complianceError}`);
-                if (phaseLogger)
-                    phaseLogger('powerpoint-create', 'execution', `Slide ${slideNum}: wrong layout, regen ${layoutAttempt + 1}/${MAX_LAYOUT_REGEN}...`);
+            else {
+                logger.warn(`Slide ${slideNum}: JSON fill failed, falling back to LLM HTML generation`);
+                const fallbackPrompt = buildSlideHtmlPrompt(slidePlan.title, cleanedDirection, plan.design, i, plan.slides.length, language, slideLayoutType);
                 try {
-                    const regenRes = await llmClient.chatCompletion({
+                    const htmlRes = await llmClient.chatCompletion({
                         messages: [
-                            { role: 'system', content: htmlPrompt },
-                            { role: 'user', content: `Generate the HTML slide now.\n\n⚠⚠⚠ CRITICAL ERROR: ${complianceError}\n\nYou MUST use the "${slideLayoutType}" layout as specified in the REQUIRED LAYOUT section above. Re-read the CSS STRUCTURE section carefully and follow it EXACTLY. Do NOT use cards or any other layout.` },
+                            { role: 'system', content: fallbackPrompt },
+                            { role: 'user', content: 'Generate the HTML slide now.' },
                         ],
-                        temperature: 0.2,
+                        temperature: 0.3,
                         max_tokens: 8000,
                     });
-                    const regenMsg = regenRes.choices[0]?.message;
-                    const regenRaw = regenMsg ? extractContent(regenMsg) : '';
-                    const regenHtml = extractHtml(regenRaw);
-                    if (regenHtml) {
-                        html = regenHtml;
-                        logger.info(`Slide ${slideNum}: Regenerated for layout compliance (attempt ${layoutAttempt + 1})`);
-                    }
-                    else {
-                        break;
-                    }
+                    const htmlMsg = htmlRes.choices[0]?.message;
+                    const rawHtml = htmlMsg ? extractContent(htmlMsg) : '';
+                    html = extractHtml(rawHtml);
                 }
                 catch (e) {
-                    logger.warn(`Slide ${slideNum}: Layout regen failed: ${e}`);
-                    break;
+                    logger.warn(`Slide ${slideNum}: LLM HTML fallback failed: ${e}`);
                 }
             }
         }
+        if (!html) {
+            logger.warn(`Slide ${slideNum}: Failed to generate HTML, skipping`);
+            failCount++;
+            continue;
+        }
         const htmlFileName = `hanseol_slide_${slideNum}_${timestamp}.html`;
         const pngFileName = `hanseol_slide_${slideNum}_${timestamp}.png`;
         const htmlWritePath = path.join(tempWritePath, htmlFileName);
@@ -1266,7 +906,7 @@ async function runStructured(llmClient, instruction, explicitSavePath) {
         const htmlWinPath = `${tempWinPath}\\${htmlFileName}`;
         const pngWinPath = `${tempWinPath}\\${pngFileName}`;
         try {
-            const processed = injectTitleContrastFix(ensureSafeBodyPadding(removeAbsolutePositioning(stripGradientTextEffects(enforceMinFontSize(injectViewportCss(html, plan.design.background_color))))), plan.design.text_color);
+            const processed = injectTitleContrastFix(injectViewportCss(html, plan.design.background_color), plan.design.text_color);
             fs.writeFileSync(htmlWritePath, processed, 'utf-8');
             tempFiles.push(htmlWritePath);
         }