[{"_1":2,"_178":-5,"_179":-5},"loaderData",{"_3":4,"_95":96},"root",{"_5":6,"_36":37,"_68":69},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isPaidOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","5239845a9d28bb87e603f0cf2ef63fd4c7134223","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","API_URL","https://api.val.town","clerkState",{"_70":71},"__internal_clerk_state",{"_72":73,"_74":47,"_75":76,"_77":76,"_78":20,"_79":76,"_80":76,"_81":76,"_82":76,"_83":84,"_93":20,"_94":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_85":20,"_19":20,"_86":76,"_87":88,"_89":76,"_90":47,"_91":20,"_92":76},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_97":98,"_99":100,"_101":102,"_103":104,"_156":157,"_175":176,"_177":-5},"handle","n8nlearnings","name","presentation-engine-1","path","main.ts","project",{"_105":106,"_99":100,"_107":108,"_109":-5,"_110":20,"_111":112,"_113":-5,"_114":-5,"_12":115,"_116":-5,"_117":20,"_118":-5,"_119":-5,"_120":33,"_14":121,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":134,"_137":138,"_142":143,"_155":20},"id","ddaf2e4c-25f8-11f1-9edd-42dde27851f2","createdAt",["D",1774188622654],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019cd42a-d7a7-762f-af5c-eaef1c3d7fc4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019cd42a-d7a7-762f-af5c-ed538b1d3269","tursoName","tursoHostname","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_97":98,"_135":136},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBaXJCU3BrNnVHUXRzZnh2cEFtSWhMcEJhciJ9","org",{"_97":98,"_139":136,"_12":115,"_140":141},"avatar","tier","free","branch",{"_144":145,"_99":45,"_105":146,"_147":106,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":100,"_154":98},"version",13,"ddafb510-25f8-11f1-9edd-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_105":158,"_99":102,"_159":160,"_161":-5,"_162":146,"_163":145,"_164":165,"_107":166,"_144":167,"_168":169,"_170":171,"_172":20,"_173":-5,"_101":174},"3d336008-260e-11f1-9c11-42dde27851f2","fileId","ddb125a8-25f8-11f1-9edd-42dde27851f2","parentId","branchId","branchVersion","latest",true,["D",1774197802322],12,"fileType","http","content","import { Hono } from \"npm:hono\";\nimport PptxGenJS from \"npm:pptxgenjs\";\n\nconst app = new Hono();\n\nconst G = {\n mx: 0.4,\n cw: 12.5,\n top: 0.96,\n topSub: 1.22,\n bot: 7.2,\n slide: { w: 13.33, h: 7.5 },\n fs: {\n coverTitle: 40,\n sectionTitle: 38,\n slideTitle: 26,\n subtitle: 12,\n sectionLabel: 9,\n panelHeader: 14,\n colHeader: 12,\n body: 13,\n bodySmall: 12,\n bullet: 12,\n label: 10,\n tag: 9,\n caption: 8,\n metricBig: 88,\n metricSub: 14,\n emphasis: 22,\n agendaNum: 16,\n coverFooter: 10,\n },\n};\nconst SY = (hasSub: boolean) => hasSub ? G.topSub : G.top;\n\nlet BLUE = \"006DFF\";\nlet BLUE2 = \"4F65CE\";\nconst SLATE1 = \"576083\";\nconst SLATE2 = \"7F88A9\";\nconst LIGHT = \"D4D4D8\";\nconst PALE = \"F0F0F2\";\nconst POINT = \"B4195A\";\nconst BG = \"F4F4F5\";\nconst DARK = \"18181B\";\nconst YELLOW = \"A78BFA\";\nconst TEXT = \"09090B\";\nconst WHITE = \"FFFFFF\";\nconst FT = \"Calibri\";\nconst FB = \"Calibri\";\n\nfunction initColors(body: any) {\n const brand = body.brand || {};\n BLUE = String(brand.primaryColor || \"006DFF\");\n BLUE2 = String(brand.secondaryColor || \"4F65CE\");\n}\n\nconst sa = (v: any): any[] => Array.isArray(v) ? v : [];\nconst trim = (t: any, n = 180): string => {\n const s = String(t ?? \"\");\n return s.length > n ? s.slice(0, n - 1) + \"...\" : s;\n};\nconst trimS = (t: any, n = 60): string => trim(t, n);\n\n// Safe ASCII-only cleaner - prevents PowerPoint XML corruption\nconst cleanText = (t: any): string =>\n String(t ?? \"\")\n .normalize(\"NFKD\")\n .replace(/[^\\x20-\\x7E]/g, \"\")\n .replace(/[<>]/g, \"\")\n .trim();\n\n// Emphasize metrics in text (numbers, %, $)\nconst emphasizeText = (text: string): object[] => {\n const re = /([0-9]+%|[0-9]+[xX]|\\$[0-9,.]+[BMK]?|[0-9][0-9,.]+)/g;\n const parts: object[] = [];\n let last = 0, m;\n while ((m = re.exec(text)) !== null) {\n if (m.index > last) parts.push({ text: text.slice(last, m.index), options: {} });\n parts.push({ text: m[0], options: { bold: true, color: BLUE } });\n last = m.index + m[0].length;\n }\n if (last < text.length) parts.push({ text: text.slice(last), options: {} });\n return parts.length > 0 ? parts : [{ text, options: {} }];\n};\n\n// Change i < 2 to highlight top 2 cards\nconst isFeatureCard = (i: number): boolean => i === 0;\n\nfunction addFooter(s: any, page: number, total: number) {\n s.addText(`${page} / ${total}`, {\n x: 12.3, y: 7.22, w: 0.9, h: 0.2,\n fontSize: G.fs.caption, color: SLATE2, align: \"right\", fontFace: FB,\n });\n}\n\nfunction addSlideTitle(s: any, title: string, subtitle?: string, secLabel?: string) {\n if (secLabel) s.addText(cleanText(trimS(secLabel, 40)), { x: 10.8, y: 0.1, w: 2.2, h: 0.22, fontSize: G.fs.sectionLabel, color: SLATE2, align: \"right\", fontFace: FB });\n s.addText(cleanText(trim(title, 100)), { x: G.mx, y: 0.18, w: G.cw, h: 0.6, fontSize: G.fs.slideTitle, bold: true, color: TEXT, fontFace: FT });\n if (subtitle) s.addText(cleanText(trim(subtitle, 120)), { x: G.mx, y: 0.82, w: G.cw, h: 0.27, fontSize: G.fs.subtitle, color: SLATE1, fontFace: FB });\n s.addShape(\"rect\", { x: G.mx, y: subtitle ? 1.12 : 0.84, w: 12.53, h: 0.02, fill: { color: LIGHT }, line: { color: LIGHT, width: 0 } });\n}\n\nfunction addThreeEndSlides(pptx: any, firstSlide: any, company: string) {\n const drawEndSlide = (sl: any, label: string, sub: string) => {\n // Dark charcoal background - matches title + section\n sl.background = { color: \"18181B\" };\n\n // Left accent bar\n sl.addShape(pptx.ShapeType.rect, {\n x: 0, y: 0, w: 0.06, h: G.slide.h,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }\n });\n\n // Right subtle panel\n sl.addShape(pptx.ShapeType.rect, {\n x: 10.5, y: 0, w: 2.83, h: G.slide.h,\n fill: { color: \"1F1F23\" }, line: { color: \"1F1F23\", width: 0 }\n });\n\n // Divider line\n sl.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 3.0, w: 9.6, h: 0.025,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n\n // Main label (Thank you / Q&A)\n sl.addText(cleanText(String(label)), {\n x: 0.6, y: 2.2, w: 9.6, h: 0.9,\n fontSize: 40, bold: true, color: \"FAFAFA\",\n fontFace: FT, valign: \"middle\"\n });\n\n // Sub label (company name or tagline)\n if (sub) {\n sl.addText(cleanText(String(sub)), {\n x: 0.6, y: 3.2, w: 9.6, h: 0.45,\n fontSize: 12, color: \"71717A\",\n fontFace: FB, charSpacing: 1\n });\n }\n\n // Accent underline\n sl.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 4.0, w: 0.6, h: 0.06,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }\n });\n sl.addShape(pptx.ShapeType.rect, {\n x: 1.28, y: 4.0, w: 0.2, h: 0.06,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n };\n\n const co = company || \"\";\n drawEndSlide(firstSlide, \"Thank you\", co);\n drawEndSlide(pptx.addSlide(), \"Q&A\", co);\n drawEndSlide(pptx.addSlide(), co || \"Presentation\", \"\");\n}\n\nfunction renderTitle(s: any, sd: any, pptx: any, meta: any) {\n const titleColor = BLUE;\n const TITLE = trim(String(sd.title || meta.stitle || \"Presentation\"), 120);\n\n // ── Background: deep charcoal ──\n s.background = { color: \"18181B\" };\n\n // ── Left accent bar ──\n s.addShape(pptx.ShapeType.rect, {\n x: 0, y: 0, w: 0.06, h: G.slide.h,\n fill: { color: titleColor }, line: { color: titleColor, width: 0 }\n });\n\n // ── Right dark panel ──\n s.addShape(pptx.ShapeType.rect, {\n x: 9.5, y: 0, w: 3.83, h: G.slide.h,\n fill: { color: \"1F1F23\" }, line: { color: \"1F1F23\", width: 0 }\n });\n\n // ── Dot grid (top right decoration) ──\n [[10.6,1.1],[11.0,1.1],[11.4,1.1],\n [10.6,1.5],[11.0,1.5],[11.4,1.5],\n [10.6,1.9],[11.0,1.9],[11.4,1.9]].forEach(([x,y]: number[]) => {\n s.addShape(pptx.ShapeType.ellipse, {\n x, y, w: 0.1, h: 0.1,\n fill: { color: \"8B5CF6\" }, line: { color: \"8B5CF6\", width: 0 }\n });\n });\n\n // ── Small label ──\n s.addText(\"PRESENTATION\", {\n x: 0.6, y: 2.6, w: 6.0, h: 0.3,\n fontSize: 9, bold: true, color: titleColor,\n fontFace: FB, charSpacing: 3\n });\n\n // ── Main title ──\n s.addText(cleanText(TITLE), {\n x: 0.6, y: 3.0, w: 8.8, h: 1.8,\n fontSize: G.fs.coverTitle, bold: true, color: \"FAFAFA\",\n fontFace: FT, valign: \"top\", wrap: true,\n lineSpacingMultiple: 1.1\n });\n\n // ── Thin accent line ──\n s.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 4.6, w: 1.8, h: 0.04,\n fill: { color: titleColor }, line: { color: titleColor, width: 0 }\n });\n\n // ── Subtitle ──\n if (sd.subtitle) {\n s.addText(cleanText(trim(String(sd.subtitle)), 140), {\n x: 0.6, y: 4.78, w: 8.8, h: 0.5,\n fontSize: 13, color: \"A1A1AA\",\n fontFace: FB, wrap: true\n });\n }\n\n // ── Footer ──\n if (meta.footerLine) {\n s.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 6.6, w: 8.0, h: 0.012,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n s.addText(cleanText(meta.footerLine), {\n x: 0.6, y: 6.68, w: 9.0, h: 0.3,\n fontSize: G.fs.coverFooter, color: \"52525B\", fontFace: FB\n });\n }\n}\n\nfunction renderAgenda(s: any, sd: any, _pptx: any, _meta: any) {\n const panelW = 2.8;\n s.addShape(\"rect\", { x: 0, y: 0, w: panelW, h: G.slide.h, fill: { color: BLUE }, line: { color: BLUE, width: 0 } });\n s.addText(\"AGENDA\", { x: 0, y: 3.0, w: panelW, h: 0.6, fontSize: G.fs.emphasis, color: WHITE, align: \"center\", fontFace: FT, charSpacing: 3 });\n s.addShape(\"rect\", { x: 0.42, y: 3.68, w: panelW - 0.84, h: 0.025, fill: { color: WHITE }, line: { color: WHITE, width: 0 } });\n const items = sa(sd.items).length > 0 ? sa(sd.items) : sa(sd.bullets);\n const count = Math.min(items.length, 7);\n const rightX = panelW + 0.55, rightW = G.slide.w - panelW - 0.55 - G.mx;\n const rowH = Math.min((G.slide.h - 1.4) / Math.max(count, 1), 0.9);\n const startY = (G.slide.h - count * rowH) / 2;\n items.slice(0, 7).forEach((item: any, i: number) => {\n const label = trim(typeof item === \"string\" ? item : String(item.title || item.label || item), 80);\n const yp = startY + i * rowH;\n s.addText(cleanText(String(i + 1)).padStart(2, \"0\"), { x: rightX, y: yp, w: 0.55, h: rowH, fontSize: G.fs.agendaNum, color: LIGHT, fontFace: FT, valign: \"middle\" });\n s.addText(cleanText(String(label)), { x: rightX + 0.63, y: yp, w: rightW - 0.63, h: rowH, fontSize: G.fs.agendaNum, bold: true, color: TEXT, fontFace: FT, valign: \"middle\" });\n if (i < count - 1) s.addShape(\"rect\", { x: rightX, y: yp + rowH - 0.018, w: rightW, h: 0.018, fill: { color: PALE }, line: { color: PALE, width: 0 } });\n });\n}\n\nfunction renderSection(s: any, sd: any, pptx: any, meta: any) {\n const TITLE = trim(String(sd.title || meta.stitle || \"\"), 120);\n const numStr = String(sd.sectionNumber || \"\").padStart(2, \"0\");\n\n // Background: charcoal\n s.background = { color: \"18181B\" };\n\n // Left accent bar\n s.addShape(pptx.ShapeType.rect, {\n x: 0, y: 0, w: 0.06, h: G.slide.h,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }\n });\n\n // Right subtle panel\n s.addShape(pptx.ShapeType.rect, {\n x: 10.5, y: 0, w: 2.83, h: G.slide.h,\n fill: { color: \"1F1F23\" }, line: { color: \"1F1F23\", width: 0 }\n });\n\n // Big faint section number (background texture)\n if (numStr !== \"00\") {\n s.addText(cleanText(numStr), {\n x: 0.5, y: 1.4, w: 4.0, h: 3.2,\n fontSize: 180, bold: true, color: \"3F3F46\",\n fontFace: FT, valign: \"middle\"\n });\n }\n\n // SECTION label\n s.addText(\"SECTION\" + (numStr !== \"00\" ? \" \" + numStr : \"\"), {\n x: 0.6, y: 2.0, w: 6.0, h: 0.3,\n fontSize: 8, bold: true, color: \"71717A\",\n fontFace: FB, charSpacing: 3\n });\n\n // Horizontal divider\n s.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 2.42, w: 9.6, h: 0.025,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n\n // Bold section title\n s.addText(cleanText(TITLE), {\n x: 0.6, y: 3.2, w: 9.6, h: 2.0,\n fontSize: G.fs.sectionTitle, bold: true, color: \"FAFAFA\",\n fontFace: FT, valign: \"top\", wrap: true,\n lineSpacingMultiple: 1.12\n });\n\n // Accent underline\n s.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 4.9, w: 0.6, h: 0.06,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }\n });\n s.addShape(pptx.ShapeType.rect, {\n x: 1.28, y: 4.9, w: 0.2, h: 0.06,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n}\n\n\nfunction renderPainPoint(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel || \"Pain Point\");\n const startY = SY(!!sd.subtitle);\n const cardH = G.bot - startY;\n const bullets = sa(sd.bullets).slice(0, 3);\n const count = bullets.length;\n const rowH = (cardH - 0.16) / Math.max(count, 1);\n s.addText(\"?\", { x: 9.0, y: 2.5, w: 4.0, h: 4.5, fontSize: 180, color: \"EAEFFF\", fontFace: FT, bold: true, align: \"center\", valign: \"middle\" });\n s.addShape(pptx.ShapeType.roundRect, { x: G.mx, y: startY, w: G.cw, h: cardH, fill: { color: BG }, line: { color: LIGHT, width: 1 }, rectRadius: 0.08 });\n s.addText(\"\\u201C\", { x: 0.58, y: startY - 0.14, w: 0.85, h: 0.65, fontSize: 44, color: BLUE, fontFace: FT, bold: true });\n const bW = 0.65, bH2 = 0.36;\n bullets.forEach((b: any, i: number) => {\n const rowTop = startY + 0.08 + i * rowH;\n const badgeY = rowTop + (rowH - bH2) / 2;\n const badgeX = 0.72, textX = badgeX + bW + 0.22, textW = G.cw - bW - 0.22 - 0.42;\n s.addShape(pptx.ShapeType.roundRect, { x: badgeX, y: badgeY, w: bW, h: bH2, fill: { color: BLUE }, line: { color: WHITE, width: 0 }, rectRadius: 0.5 });\n s.addText(`Q.${i + 1}`, { x: badgeX, y: badgeY, w: bW, h: bH2, fontSize: G.fs.label, bold: true, color: WHITE, align: \"center\", fontFace: FT, valign: \"middle\" });\n if (i < count - 1) {\n const nextBadgeY = startY + 0.15 + (i + 1) * rowH + (rowH - bH2) / 2;\n const connTop = badgeY + bH2 + 0.1, connH = nextBadgeY - connTop - 0.08;\n if (connH > 0.05) s.addShape(pptx.ShapeType.line, { x: badgeX + bW / 2, y: connTop, w: 0, h: connH, line: { color: BLUE, width: 1, dashType: \"sysDot\" } });\n s.addShape(\"rect\", { x: 0.55, y: rowTop + rowH - 0.018, w: 12.2, h: 0.018, fill: { color: LIGHT }, line: { color: LIGHT, width: 0 } });\n }\n s.addText(cleanText(trim(String(b)), 160), { x: textX, y: rowTop, w: textW, h: rowH, fontSize: G.fs.body, color: TEXT, fontFace: FT, valign: \"middle\", wrap: true });\n });\n}\n\nfunction renderBulletList(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle) + 0.1;\n const c = sd.content || {};\n const points = (sa(c.points).length > 0 ? sa(c.points) : sa(sd.bullets)).slice(0, 6);\n const count = points.length;\n if (count === 0) return;\n\n const availH = G.bot - startY - 0.1;\n const availW = G.cw;\n\n // 1-2 points: big single-column cards\n if (count <= 2) {\n const cardH = (availH - 0.2) / count;\n points.forEach((pt: any, i: number) => {\n const yp = startY + i * (cardH + 0.2);\n const feat = isFeatureCard(i);\n s.addShape(pptx.ShapeType.roundRect, {\n x: G.mx, y: yp, w: availW, h: cardH,\n fill: { color: feat ? BLUE : BG }, line: { color: feat ? BLUE : BG, width: 0 }, rectRadius: 0.12\n });\n if (!feat) {\n s.addShape(pptx.ShapeType.roundRect, {\n x: G.mx, y: yp, w: 0.08, h: cardH,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }, rectRadius: 0.04\n });\n }\n s.addShape(pptx.ShapeType.ellipse, {\n x: G.mx + 0.22, y: yp + cardH / 2 - 0.26, w: 0.52, h: 0.52,\n fill: { color: feat ? WHITE : \"E4E4E7\" }, line: { color: feat ? WHITE : \"E4E4E7\", width: 0 }\n });\n s.addText(cleanText(String(i + 1)), {\n x: G.mx + 0.22, y: yp + cardH / 2 - 0.26, w: 0.52, h: 0.52,\n fontSize: 13, bold: true, color: feat ? BLUE : \"71717A\",\n align: \"center\", fontFace: FT, valign: \"middle\"\n });\n s.addText(cleanText(trim(String(pt), 180)), {\n x: G.mx + 0.92, y: yp + 0.14, w: availW - 1.08, h: cardH - 0.28,\n fontSize: 15, color: feat ? WHITE : TEXT, fontFace: FB, wrap: true, valign: \"middle\"\n });\n });\n return;\n }\n\n // 3-4 points: 2x2 grid\n if (count <= 4) {\n const cols = 2, rows = Math.ceil(count / cols);\n const gap = 0.22;\n const cardW = (availW - gap) / cols;\n const cardH = (availH - gap * (rows - 1)) / rows;\n points.forEach((pt: any, i: number) => {\n const col = i % cols, row = Math.floor(i / cols);\n const xp = G.mx + col * (cardW + gap);\n const yp = startY + row * (cardH + gap);\n const feat = isFeatureCard(i);\n s.addShape(pptx.ShapeType.roundRect, {\n x: xp, y: yp, w: cardW, h: cardH,\n fill: { color: feat ? BLUE : BG }, line: { color: feat ? BLUE : BG, width: 0 }, rectRadius: 0.12\n });\n s.addShape(pptx.ShapeType.roundRect, {\n x: xp, y: yp, w: cardW, h: 0.07,\n fill: { color: feat ? WHITE : BLUE }, line: { color: feat ? WHITE : BLUE, width: 0 }, rectRadius: 0.06\n });\n s.addText(cleanText(String(i + 1).padStart(2, \"0\")), {\n x: xp + 0.18, y: yp + 0.16, w: 0.6, h: 0.36,\n fontSize: 14, bold: true, color: feat ? \"E0E7FF\" : \"71717A\", fontFace: FT\n });\n s.addText(cleanText(trim(String(pt), 140)), {\n x: xp + 0.18, y: yp + 0.58, w: cardW - 0.36, h: cardH - 0.74,\n fontSize: 13, color: feat ? WHITE : TEXT, fontFace: FB, wrap: true, valign: \"middle\"\n });\n });\n return;\n }\n\n // 5-6 points: 3-column\n const cols3 = 3, rows3 = Math.ceil(count / cols3), gap3 = 0.18;\n const cardW3 = (availW - gap3 * (cols3 - 1)) / cols3;\n const cardH3 = (availH - gap3 * (rows3 - 1)) / rows3;\n points.forEach((pt: any, i: number) => {\n const col = i % cols3, row = Math.floor(i / cols3);\n const xp = G.mx + col * (cardW3 + gap3);\n const yp = startY + row * (cardH3 + gap3);\n const feat = isFeatureCard(i);\n s.addShape(pptx.ShapeType.roundRect, {\n x: xp, y: yp, w: cardW3, h: cardH3,\n fill: { color: feat ? BLUE : BG }, line: { color: feat ? BLUE : BG, width: 0 }, rectRadius: 0.1\n });\n s.addShape(pptx.ShapeType.roundRect, {\n x: xp, y: yp, w: cardW3, h: 0.06,\n fill: { color: feat ? WHITE : BLUE }, line: { color: feat ? WHITE : BLUE, width: 0 }, rectRadius: 0.05\n });\n s.addText(cleanText(String(i + 1).padStart(2, \"0\")), {\n x: xp + 0.15, y: yp + 0.14, w: 0.5, h: 0.32,\n fontSize: 12, bold: true, color: feat ? \"E0E7FF\" : \"71717A\", fontFace: FT\n });\n s.addText(cleanText(trim(String(pt), 120)), {\n x: xp + 0.15, y: yp + 0.5, w: cardW3 - 0.3, h: cardH3 - 0.64,\n fontSize: 12, color: feat ? WHITE : TEXT, fontFace: FB, wrap: true, valign: \"middle\"\n });\n });\n}\n\nfunction renderProcess(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle) + 0.15;\n const c = sd.content || {};\n const steps = (sa(c.steps).length > 0 ? sa(c.steps) : sa(sd.steps)).slice(0, 6);\n const count = steps.length;\n if (count === 0) return;\n\n const totalH = G.bot - startY - 0.1;\n const colW = G.cw / count;\n const lineY = startY + totalH * 0.38;\n const cardH = totalH * 0.44;\n const nodeR = 0.28;\n\n // Connecting line\n s.addShape(pptx.ShapeType.rect, {\n x: G.mx + colW * 0.5, y: lineY + nodeR - 0.025,\n w: G.cw - colW, h: 0.05,\n fill: { color: LIGHT }, line: { color: LIGHT, width: 0 }\n });\n\n steps.forEach((step: any, i: number) => {\n const cx = G.mx + i * colW + colW / 2;\n const isBlue = i % 2 === 0;\n const nodeColor = isBlue ? BLUE : \"D4D4D8\";\n const nodeText = isBlue ? WHITE : \"52525B\";\n\n // Node circle\n s.addShape(pptx.ShapeType.ellipse, {\n x: cx - nodeR, y: lineY, w: nodeR * 2, h: nodeR * 2,\n fill: { color: nodeColor }, line: { color: WHITE, width: 2 }\n });\n s.addText(cleanText(String(i + 1)), {\n x: cx - nodeR, y: lineY, w: nodeR * 2, h: nodeR * 2,\n fontSize: 13, bold: true, color: nodeText,\n align: \"center\", fontFace: FT, valign: \"middle\"\n });\n\n // Connector to card\n const cardY = lineY + nodeR * 2 + 0.14;\n s.addShape(pptx.ShapeType.rect, {\n x: cx - 0.015, y: lineY + nodeR * 2, w: 0.03, h: 0.14,\n fill: { color: LIGHT }, line: { color: LIGHT, width: 0 }\n });\n\n // Card below line\n const cardX = cx - colW * 0.44;\n const cardW = colW * 0.88;\n s.addShape(pptx.ShapeType.roundRect, {\n x: cardX, y: cardY, w: cardW, h: cardH,\n fill: { color: isBlue ? BLUE : BG }, line: { color: isBlue ? BLUE : BG, width: 0 }, rectRadius: 0.1\n });\n s.addText(cleanText(trim(String(step), 100)), {\n x: cardX + 0.12, y: cardY + 0.1, w: cardW - 0.24, h: cardH - 0.2,\n fontSize: isBlue ? 12 : 11, color: isBlue ? WHITE : TEXT,\n fontFace: FB, wrap: true, align: \"center\", valign: \"middle\"\n });\n });\n}\n\nfunction renderComparison(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle);\n const c = sd.content || {};\n const left = sa(c.left).length > 0 ? sa(c.left) : sa(sd.asis);\n const right = sa(c.right).length > 0 ? sa(c.right) : sa(sd.tobe);\n const leftLabel = String(c.leftLabel || sd.leftLabel || \"Current State\");\n const rightLabel = String(c.rightLabel || sd.rightLabel || \"Future State\");\n const colW = 6.0, gap = 0.32, lx = G.mx, rx = lx + colW + gap;\n const panelH = G.bot - startY - 0.6;\n s.addShape(pptx.ShapeType.roundRect, { x: lx, y: startY, w: colW, h: 0.44, fill: { color: PALE }, line: { color: LIGHT, width: 1 }, rectRadius: 0.05 });\n s.addText(cleanText(leftLabel), { x: lx, y: startY, w: colW, h: 0.44, fontSize: G.fs.panelHeader, bold: true, color: TEXT, align: \"center\", fontFace: FT, valign: \"middle\" });\n s.addShape(pptx.ShapeType.roundRect, { x: rx, y: startY, w: colW, h: 0.44, fill: { color: BLUE }, line: { color: BLUE, width: 0 }, rectRadius: 0.05 });\n s.addText(cleanText(rightLabel), { x: rx, y: startY, w: colW, h: 0.44, fontSize: G.fs.panelHeader, bold: true, color: WHITE, align: \"center\", fontFace: FT, valign: \"middle\" });\n s.addShape(\"rect\", { x: lx, y: startY + 0.5, w: colW, h: panelH, fill: { color: PALE }, line: { color: LIGHT, width: 1 } });\n s.addShape(\"rect\", { x: rx, y: startY + 0.5, w: colW, h: panelH, fill: { color: BG }, line: { color: LIGHT, width: 1 } });\n s.addText(\"->\", { x: lx + colW + 0.02, y: startY + 0.5 + panelH / 2 - 0.22, w: gap, h: 0.44, fontSize: G.fs.emphasis, bold: true, color: BLUE, align: \"center\", fontFace: FT });\n const renderPts = (pts: any[], xp: number, dotColor: string) => {\n const max = Math.min(pts.length, 5), rH = (panelH - 0.2) / Math.max(max, 1);\n pts.slice(0, 5).forEach((pt, pi) => {\n const cy = startY + 0.5 + 0.1 + pi * rH + rH / 2;\n s.addShape(pptx.ShapeType.ellipse, { x: xp + 0.16, y: cy - 0.07, w: 0.14, h: 0.14, fill: { color: dotColor }, line: { color: WHITE, width: 0 } });\n s.addText(cleanText(trim(String(pt)), 100), { x: xp + 0.38, y: cy - 0.2, w: colW - 0.48, h: 0.4, fontSize: G.fs.bullet, color: TEXT, fontFace: FB, wrap: true, valign: \"middle\" });\n if (pi < max - 1) s.addShape(\"rect\", { x: xp + 0.1, y: startY + 0.5 + 0.1 + (pi + 1) * rH, w: colW - 0.2, h: 0.012, fill: { color: LIGHT }, line: { color: LIGHT, width: 0 } });\n });\n };\n renderPts(left, lx, SLATE1);\n renderPts(right, rx, BLUE);\n}\n\nfunction renderHero(s: any, sd: any, pptx: any, meta: any) {\n const TITLE = cleanText(trim(String(sd.title || meta.stitle || \"\"), 120));\n const subtitle = cleanText(trim(String(sd.subtitle || sd.content?.description || \"\"), 160));\n const stat = cleanText(trim(String(sd.content?.stat || sd.stat || \"\"), 40));\n\n // Dark background — same identity as title/section\n s.background = { color: \"18181B\" };\n\n // Left accent bar\n s.addShape(pptx.ShapeType.rect, {\n x: 0, y: 0, w: 0.06, h: G.slide.h,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }\n });\n\n // Right panel\n s.addShape(pptx.ShapeType.rect, {\n x: 10.5, y: 0, w: 2.83, h: G.slide.h,\n fill: { color: \"1F1F23\" }, line: { color: \"1F1F23\", width: 0 }\n });\n\n if (stat) {\n // Stat hero: big number left, statement right\n s.addText(stat, {\n x: 0.6, y: 1.6, w: 4.8, h: 3.0,\n fontSize: 72, bold: true, color: BLUE,\n fontFace: FT, valign: \"middle\", align: \"left\"\n });\n s.addShape(pptx.ShapeType.rect, {\n x: 5.6, y: 1.8, w: 0.04, h: 2.6,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n s.addText(TITLE, {\n x: 5.85, y: 1.8, w: 4.4, h: 2.6,\n fontSize: 26, bold: true, color: \"FAFAFA\",\n fontFace: FT, wrap: true, valign: \"middle\"\n });\n } else {\n // Statement hero: big centered text\n s.addText(TITLE, {\n x: 0.6, y: 1.6, w: 9.6, h: 3.2,\n fontSize: 38, bold: true, color: \"FAFAFA\",\n fontFace: FT, wrap: true, valign: \"middle\", lineSpacingMultiple: 1.2\n });\n // Accent underline\n s.addShape(pptx.ShapeType.rect, {\n x: 0.6, y: 5.1, w: 1.2, h: 0.05,\n fill: { color: BLUE }, line: { color: BLUE, width: 0 }\n });\n s.addShape(pptx.ShapeType.rect, {\n x: 1.9, y: 5.1, w: 0.4, h: 0.05,\n fill: { color: \"3F3F46\" }, line: { color: \"3F3F46\", width: 0 }\n });\n }\n\n if (subtitle && !stat) {\n s.addText(subtitle, {\n x: 0.6, y: 5.3, w: 9.6, h: 0.5,\n fontSize: 13, color: \"71717A\",\n fontFace: FB, wrap: true\n });\n }\n}\n\nfunction renderStats(s: any, sd: any, pptx: any, meta: any) {\n s.addShape(pptx.ShapeType.rect, { x: 0, y: 0, w: G.slide.w, h: G.slide.h, fill: { color: DARK }, line: { color: DARK, width: 0 } });\n s.addShape(pptx.ShapeType.rect, { x: 0, y: 0, w: 0.07, h: G.slide.h, fill: { color: BLUE }, line: { color: BLUE, width: 0 } });\n s.addText(cleanText(trim(meta.stitle, 100)), { x: 0.5, y: 0.28, w: 12.3, h: 0.55, fontSize: G.fs.body, bold: true, color: LIGHT, fontFace: FT });\n const c = sd.content || {};\n const stat = String(c.stat || sd.stat || sd.metric || \"-\");\n const desc = String(c.description || sd.subtitle || sd.description || \"\");\n s.addText(cleanText(trimS(stat, 20)), { x: 0.8, y: 1.4, w: 5.8, h: 2.6, fontSize: G.fs.metricBig, bold: true, color: YELLOW, fontFace: FT, valign: \"middle\", align: \"center\" });\n s.addShape(\"rect\", { x: 0.8, y: 4.1, w: 5.8, h: 0.06, fill: { color: YELLOW }, line: { color: YELLOW, width: 0 } });\n if (desc) s.addText(cleanText(trim(desc, 120)), { x: 0.8, y: 4.28, w: 5.8, h: 0.55, fontSize: G.fs.metricSub, color: SLATE2, fontFace: FB, wrap: true });\n const points = sa(c.points).length > 0 ? sa(c.points) : sa(sd.bullets);\n points.slice(0, 5).forEach((b: any, i: number) => {\n s.addShape(pptx.ShapeType.ellipse, { x: 7.6, y: 2.2 + i * 0.74 + 0.16, w: 0.1, h: 0.1, fill: { color: BLUE }, line: { color: WHITE, width: 0 } });\n s.addText(cleanText(trim(String(b)), 100), { x: 7.82, y: 2.2 + i * 0.74, w: 5.2, h: 0.62, fontSize: G.fs.body, color: LIGHT, fontFace: FB, wrap: true, valign: \"middle\" });\n });\n}\n\nfunction renderClosing(s: any, _sd: any, pptx: any, meta: any) {\n addThreeEndSlides(pptx, s, meta.company);\n}\n\nfunction renderFallback(s: any, sd: any, _pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle);\n const c = sd.content || {};\n const points = sa(c.points).length > 0 ? sa(c.points) : sa(sd.bullets);\n points.slice(0, 8).forEach((b: any, i: number) => {\n s.addShape(\"ellipse\", { x: 0.5, y: startY + 0.2 + i * 0.66, w: 0.1, h: 0.1, fill: { color: BLUE }, line: { color: WHITE, width: 0 } });\n s.addText(cleanText(trim(String(b)), 160), { x: 0.74, y: startY + i * 0.66, w: 12.2, h: 0.58, fontSize: G.fs.body, color: TEXT, fontFace: FB, wrap: true });\n });\n}\n\n// ── Legacy layout aliases (keeps old prompts working) ──\nfunction renderStatsTrends(s: any, sd: any, pptx: any, meta: any) { return renderStats(s, sd, pptx, meta); }\nfunction renderMetric(s: any, sd: any, pptx: any, meta: any) { return renderStats(s, sd, pptx, meta); }\nfunction renderChallenge(s: any, sd: any, pptx: any, meta: any) { return renderBulletList(s, sd, pptx, meta); }\nfunction renderRecommendation(s: any, sd: any, pptx: any, meta: any) { return renderBulletList(s, sd, pptx, meta); }\n\nfunction renderSolutionDefinition(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel || \"Solution\");\n const startY = SY(!!sd.subtitle), leftW = 5.2, rightX = 6.0, rightW = 7.1, contentH = G.bot - startY;\n s.addShape(\"rect\", { x: G.mx, y: startY + 0.06, w: leftW, h: 0.46, fill: { color: WHITE }, line: { color: POINT, width: 1.5 } });\n s.addText(cleanText(trim(sd.serviceTitle || meta.stitle, 80)), { x: 0.52, y: startY + 0.06, w: leftW - 0.24, h: 0.46, fontSize: G.fs.panelHeader, bold: true, color: TEXT, fontFace: FT, valign: \"middle\" });\n if (sd.serviceName) s.addText(cleanText(trimS(sd.serviceName)), { x: G.mx, y: startY + 0.64, w: leftW, h: 0.42, fontSize: G.fs.panelHeader, bold: true, color: BLUE, fontFace: FT });\n const desc = trim(sd.description || \"\", 300);\n if (desc) s.addText(cleanText(desc), { x: G.mx, y: startY + (sd.serviceName ? 1.14 : 0.64), w: leftW, h: contentH - 1.2, fontSize: G.fs.bodySmall, color: TEXT, fontFace: FB, wrap: true, valign: \"top\" });\n s.addShape(pptx.ShapeType.roundRect, { x: rightX, y: startY + 0.04, w: rightW - 0.1, h: contentH - 0.04, fill: { color: BG }, line: { color: LIGHT, width: 1 }, rectRadius: 0.07 });\n const services = sa(sd.services);\n if (services.length > 0) {\n const cols = 4, rows = Math.ceil(services.length / cols), cellW = (rightW - 0.3) / cols, cellH = (contentH - 0.22) / rows;\n services.slice(0, 12).forEach((svc: any, i: number) => {\n const name = trimS(typeof svc === \"string\" ? svc : String(svc.name || svc), 30);\n const col = i % cols, row = Math.floor(i / cols), cx = rightX + 0.12 + col * cellW, cy = startY + 0.16 + row * cellH;\n s.addShape(pptx.ShapeType.roundRect, { x: cx + 0.08, y: cy + 0.06, w: cellW - 0.16, h: cellH - 0.16, fill: { color: BG }, line: { color: LIGHT, width: 1 }, rectRadius: 0.04 });\n s.addShape(pptx.ShapeType.ellipse, { x: cx + cellW / 2 - 0.22, y: cy + 0.12, w: 0.44, h: 0.44, fill: { color: BLUE }, line: { color: WHITE, width: 0 } });\n s.addText(cleanText(name), { x: cx + 0.08, y: cy + 0.6, w: cellW - 0.16, h: cellH - 0.74, fontSize: G.fs.tag, color: TEXT, align: \"center\", fontFace: FB, wrap: true });\n });\n }\n}\n\nfunction renderFeatures3Col(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel || \"Key Features\");\n const startY = SY(!!sd.subtitle);\n const cols = sa(sd.columns).slice(0, 3);\n const colW = 4.0, gap = 0.17;\n cols.forEach((col: any, i: number) => {\n const xp = G.mx + i * (colW + gap);\n s.addShape(pptx.ShapeType.roundRect, { x: xp, y: startY, w: colW, h: 0.44, fill: { color: BLUE }, line: { color: WHITE, width: 0 }, rectRadius: 0.5 });\n s.addText(cleanText(trimS(col.label || \"\", 40)), { x: xp + 0.48, y: startY, w: colW - 0.56, h: 0.44, fontSize: G.fs.colHeader, bold: true, color: WHITE, fontFace: FT, valign: \"middle\" });\n let contentY = startY + 0.54;\n if (col.sublabel) { s.addText(cleanText(trimS(col.sublabel, 50)), { x: xp, y: contentY, w: colW, h: 0.36, fontSize: G.fs.bodySmall, bold: true, color: TEXT, fontFace: FT, wrap: true }); contentY += 0.42; }\n sa(col.points).slice(0, 5).forEach((p: string, j: number) => {\n s.addShape(pptx.ShapeType.ellipse, { x: xp + 0.08, y: contentY + j * 0.52 + 0.16, w: 0.09, h: 0.09, fill: { color: BLUE }, line: { color: WHITE, width: 0 } });\n s.addText(cleanText(trim(p, 100)), { x: xp + 0.24, y: contentY + j * 0.52, w: colW - 0.28, h: 0.46, fontSize: G.fs.bodySmall, color: TEXT, fontFace: FB, wrap: true, valign: \"top\" });\n });\n });\n}\n\nfunction renderUseCases(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel || \"Use Cases\");\n const startY = SY(!!sd.subtitle);\n const cases = (sa(sd.useCases).length > 0 ? sa(sd.useCases) : sa(sd.cases)).slice(0, 3);\n const lx = G.mx, lw = 3.1, cx = 3.65, cw = 4.85, rx = 8.65, rw = 4.28, hdrH = 0.42;\n const makeHdr = (x: number, w: number, label: string, textColor: string) => {\n s.addShape(\"rect\", { x, y: startY, w, h: hdrH, fill: { color: WHITE }, line: { color: LIGHT, width: 1 } });\n s.addText(cleanText(String(label)), { x: x + 0.08, y: startY, w: w - 0.16, h: hdrH, fontSize: G.fs.panelHeader, bold: true, color: textColor, align: \"center\", fontFace: FT, valign: \"middle\" });\n };\n makeHdr(lx, lw, \"Challenge\", TEXT); makeHdr(cx, cw, \"Solution\", BLUE); makeHdr(rx, rw, \"Benefit\", TEXT);\n const rowAreaH = G.bot - startY - hdrH - 0.06, rowH = rowAreaH / Math.max(cases.length, 1);\n cases.forEach((uc: any, i: number) => {\n const ry = startY + hdrH + 0.06 + i * rowH;\n if (i > 0) s.addShape(\"rect\", { x: lx, y: ry - 0.02, w: lw + cw + rw + 0.4, h: 0.018, fill: { color: LIGHT }, line: { color: LIGHT, width: 0 } });\n s.addText(cleanText(trim(String(uc.challenge || \"\")), 140), { x: lx, y: ry + 0.08, w: lw - 0.08, h: rowH - 0.18, fontSize: G.fs.bullet, color: TEXT, fontFace: FB, wrap: true, valign: \"middle\" });\n const pillH = rowH * 0.68, pillY = ry + rowH * 0.16;\n s.addShape(pptx.ShapeType.roundRect, { x: cx + 0.18, y: pillY, w: cw - 0.36, h: pillH, fill: { color: \"D6E8FF\" }, line: { color: LIGHT, width: 1 }, rectRadius: 0.3 });\n s.addText(cleanText(trim(String(uc.solution || \"\")), 120), { x: cx + 0.28, y: pillY, w: cw - 0.56, h: pillH, fontSize: G.fs.bullet, bold: true, color: BLUE, fontFace: FT, wrap: true, valign: \"middle\", align: \"center\" });\n const btnH = rowH * 0.62, btnY = ry + rowH * 0.19, greyW = 1.65, blueW = rw - greyW - 0.14;\n s.addShape(pptx.ShapeType.roundRect, { x: rx + 0.07, y: btnY, w: greyW, h: btnH, fill: { color: PALE }, line: { color: LIGHT, width: 1 }, rectRadius: 0.3 });\n s.addText(cleanText(trimS(String(uc.benefitLabel || \"Outcome\")), 30), { x: rx + 0.07, y: btnY, w: greyW, h: btnH, fontSize: G.fs.label, color: TEXT, fontFace: FB, wrap: true, valign: \"middle\", align: \"center\" });\n s.addShape(pptx.ShapeType.roundRect, { x: rx + 0.07 + greyW, y: btnY, w: blueW, h: btnH, fill: { color: BLUE }, line: { color: WHITE, width: 0 }, rectRadius: 0.3 });\n s.addText(cleanText(trim(String(uc.benefit || \"\")), 70), { x: rx + 0.07 + greyW, y: btnY, w: blueW, h: btnH, fontSize: G.fs.bodySmall, bold: true, color: WHITE, fontFace: FT, wrap: true, valign: \"middle\", align: \"center\" });\n });\n}\n\nfunction renderBenefits(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel || \"Benefits\");\n const startY = SY(!!sd.subtitle);\n const items = sa(sd.items).slice(0, 3);\n if (sd.statement) {\n s.addShape(\"rect\", { x: G.mx, y: startY + 0.04, w: G.cw, h: 0.52, fill: { color: BG }, line: { color: LIGHT, width: 1 } });\n s.addText(cleanText(trim(String(sd.statement)), 200), { x: 0.55, y: startY + 0.04, w: G.cw - 0.3, h: 0.52, fontSize: G.fs.body, color: TEXT, fontFace: FT, align: \"center\", valign: \"middle\", wrap: true });\n }\n const circleAreaY = startY + (sd.statement ? 0.68 : 0.08), circleAreaH = G.bot - circleAreaY - 0.04;\n s.addShape(\"rect\", { x: G.mx, y: circleAreaY, w: G.cw, h: circleAreaH, fill: { color: BG }, line: { color: LIGHT, width: 1 } });\n const colW = G.cw / 3, circleD = 2.55, circleY = circleAreaY + 0.24;\n items.forEach((item: any, i: number) => {\n const xp = G.mx + i * colW, circleX = xp + (colW - circleD) / 2;\n s.addShape(pptx.ShapeType.ellipse, { x: circleX, y: circleY, w: circleD, h: circleD, fill: { color: BLUE }, line: { color: WHITE, width: 0 } });\n if (item.emphasis) s.addText(cleanText(trimS(String(item.emphasis)), 20), { x: circleX + 0.08, y: circleY + 1.0, w: circleD - 0.16, h: 0.96, fontSize: G.fs.emphasis, bold: true, color: WHITE, align: \"center\", fontFace: FT, valign: \"middle\", wrap: true });\n if (item.details) s.addText(cleanText(trim(String(item.details)), 130), { x: xp + 0.1, y: circleY + circleD + 0.38, w: colW - 0.2, h: 1.2, fontSize: G.fs.bodySmall, color: TEXT, align: \"center\", fontFace: FB, wrap: true, valign: \"top\" });\n });\n}\n\nfunction renderTimeline(s: any, sd: any, _pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle);\n const items = sa(sd.timelineItems).slice(0, 6);\n const colW3 = G.cw / items.length, lineY = 3.2, boxH = 2.8;\n s.addShape(\"rect\", { x: G.mx, y: lineY, w: G.cw, h: 0.04, fill: { color: BLUE }, line: { color: BLUE, width: 0 } });\n items.forEach((item: any, i: number) => {\n const xp = G.mx + i * colW3, cw = colW3 - 0.12, act = i % 2 === 0;\n s.addShape(\"ellipse\", { x: xp + cw / 2 - 0.13, y: lineY - 0.11, w: 0.26, h: 0.26, fill: { color: act ? BLUE : SLATE2 }, line: { color: WHITE, width: 1.5 } });\n s.addShape(\"roundRect\", { x: xp, y: lineY - 0.72, w: cw, h: 0.44, fill: { color: act ? BLUE : SLATE1 }, line: { color: WHITE, width: 0 }, rectRadius: 0.5 });\n s.addText(cleanText(trimS(String(item.time || `Step ${i + 1}`)), 20), { x: xp, y: lineY - 0.72, w: cw, h: 0.44, fontSize: G.fs.bodySmall, bold: true, color: WHITE, align: \"center\", fontFace: FT, valign: \"middle\" });\n s.addShape(\"rect\", { x: xp, y: lineY + 0.2, w: cw, h: boxH, fill: { color: act ? BG : PALE }, line: { color: act ? LIGHT : PALE, width: 1 } });\n s.addText(cleanText(trim(String(item.description || \"\")), 140), { x: xp + 0.1, y: lineY + 0.32, w: cw - 0.2, h: boxH - 0.22, fontSize: G.fs.bodySmall, color: TEXT, fontFace: FB, wrap: true, valign: \"top\" });\n });\n}\n\nfunction renderKpiCards(s: any, sd: any, _pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle);\n const cards = sa(sd.kpis).length > 0 ? sa(sd.kpis) : sa(sd.cards);\n const count = Math.max(Math.min(cards.length, 5), 1), gap = 0.16, cw = (G.cw - gap * (count + 1)) / count, cardH = G.bot - startY;\n cards.slice(0, 5).forEach((card: any, i: number) => {\n const xp = G.mx + gap + i * (cw + gap);\n s.addShape(\"rect\", { x: xp, y: startY, w: cw, h: cardH, fill: { color: BG }, line: { color: LIGHT, width: 1 } });\n s.addShape(\"roundRect\", { x: xp, y: startY, w: cw, h: 0.72, fill: { color: BLUE }, line: { color: WHITE, width: 0 }, rectRadius: 0.04 });\n s.addText(cleanText(trimS(String(card.label || card.title || \"\")), 30), { x: xp + 0.08, y: startY, w: cw - 0.16, h: 0.72, fontSize: G.fs.body, bold: true, color: WHITE, align: \"center\", fontFace: FT, wrap: true, valign: \"middle\" });\n if (card.value) s.addText(cleanText(trimS(String(card.value)), 10), { x: xp + 0.08, y: startY + 0.8, w: cw - 0.16, h: 0.72, fontSize: G.fs.emphasis, bold: true, color: BLUE, align: \"center\", fontFace: FT });\n const desc = trim(String(card.description || \"\"), 140);\n if (desc) s.addText(cleanText(desc), { x: xp + 0.12, y: startY + 1.6, w: cw - 0.24, h: 1.2, fontSize: G.fs.bodySmall, color: SLATE1, wrap: true, align: \"center\", fontFace: FB, valign: \"top\" });\n });\n}\n\nfunction renderTable(s: any, sd: any, _pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel);\n const startY = SY(!!sd.subtitle), td = sd.tableData || { headers: [\"Column 1\", \"Column 2\"], rows: [] };\n const hdr = sa(td.headers).map((h: any) => ({ text: cleanText(trimS(String(h), 30)), options: { bold: true, color: WHITE, fill: BLUE, fontSize: G.fs.colHeader, align: \"center\", fontFace: FT } }));\n const trows = sa(td.rows).map((row: any[], ri: number) => sa(row).map((cell: any) => ({ text: cleanText(trim(String(cell), 120)), options: { fontSize: G.fs.bodySmall, color: TEXT, fill: ri % 2 === 0 ? WHITE : BG, align: \"center\", fontFace: FB } })));\n const colCount = Math.max(sa(td.headers).length, 1);\n s.addTable([hdr, ...trows], { x: G.mx, y: startY, w: G.cw, colW: Array(colCount).fill(G.cw / colCount), border: { type: \"solid\", color: LIGHT, pt: 1 } });\n}\n\nfunction renderBarChart(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel); const sy = SY(!!sd.subtitle);\n const cd = sd.chartData || { labels: [\"A\",\"B\",\"C\"], datasets: [{ name: \"Data\", values: [10,20,30] }] };\n const rows = sa(cd.datasets).map((d: any) => ({ name: String(d.name||\"Data\"), labels: sa(cd.labels).map((l: any) => cleanText(String(l))), values: sa(d.values).map(Number) }));\n if (rows.length > 0) s.addChart(pptx.ChartType.bar, rows, { x: G.mx, y: sy, w: G.cw, h: G.bot-sy, barDir:\"col\", barGrouping:\"clustered\", chartColors:[BLUE,BLUE2,SLATE1,POINT,SLATE2].slice(0,rows.length), showLegend:rows.length>1, legendPos:\"b\", showValue:true, dataLabelFontSize:10, dataLabelColor:TEXT, plotAreaBorderColor:WHITE, valAxisLineShow:false });\n}\n\nfunction renderLineChart(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel); const sy = SY(!!sd.subtitle);\n const cd = sd.chartData || { labels: [\"Jan\",\"Feb\",\"Mar\"], datasets: [{ name: \"Data\", values: [10,20,30] }] };\n const rows = sa(cd.datasets).map((d: any) => ({ name: String(d.name||\"Data\"), labels: sa(cd.labels).map((l: any) => cleanText(String(l))), values: sa(d.values).map(Number) }));\n if (rows.length > 0) s.addChart(pptx.ChartType.line, rows, { x: G.mx, y: sy, w: G.cw, h: G.bot-sy, chartColors:[BLUE,POINT,BLUE2,SLATE1].slice(0,rows.length), showLegend:rows.length>1, legendPos:\"b\", lineDataSymbol:\"circle\", lineDataSymbolSize:7, plotAreaBorderColor:WHITE, valAxisLineShow:false });\n}\n\nfunction renderPieChart(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel); const sy = SY(!!sd.subtitle);\n const cd = sd.chartData || { labels: [\"A\",\"B\",\"C\"], datasets: [{ name: \"Data\", values: [40,35,25] }] };\n const rows = sa(cd.datasets).map((d: any) => ({ name: String(d.name), labels: sa(cd.labels).map((l: any) => cleanText(String(l))), values: d.values }));\n s.addChart(pptx.ChartType.pie, rows, { x: 1.8, y: sy, w: 9.5, h: G.bot-sy, chartColors:[BLUE,BLUE2,SLATE1,LIGHT,POINT].slice(0,sa(cd.labels).length), showLegend:true, legendPos:\"r\", showPercent:true });\n}\n\nfunction renderDonutChart(s: any, sd: any, pptx: any, meta: any) {\n addSlideTitle(s, meta.stitle, sd.subtitle, meta.secLabel); const sy = SY(!!sd.subtitle);\n const cd = sd.chartData || { labels: [\"A\",\"B\",\"C\"], datasets: [{ name: \"Data\", values: [45,35,20] }] };\n const rows = sa(cd.datasets).map((d: any) => ({ name: String(d.name), labels: sa(cd.labels).map((l: any) => cleanText(String(l))), values: d.values }));\n s.addChart(pptx.ChartType.doughnut, rows, { x: 1.8, y: sy, w: 9.5, h: G.bot-sy, chartColors:[BLUE,BLUE2,SLATE1,LIGHT,POINT].slice(0,sa(cd.labels).length), showLegend:true, legendPos:\"r\", showPercent:true, holeSize:55 });\n}\n\n// ── LAYOUT REGISTRY ────────────────────────────────────────────────────────\nconst LAYOUTS: Record void> = {\n // New global layouts\n title: renderTitle,\n hero: renderHero,\n hero_statement: renderHero,\n section: renderSection,\n section_divider: renderSection,\n bullet_list: renderBulletList,\n bullet_cards: renderBulletList,\n process: renderProcess,\n horizontal_steps: renderProcess,\n comparison: renderComparison,\n two_column: renderComparison,\n stats: renderStats,\n big_number: renderStats,\n closing: renderClosing,\n closing_slide: renderClosing,\n // Legacy layouts (keep old prompts working)\n agenda: renderAgenda,\n pain_point: renderPainPoint,\n pain_points: renderPainPoint,\n stats_trends: renderStatsTrends,\n solution_definition: renderSolutionDefinition,\n features_3col: renderFeatures3Col,\n use_cases: renderUseCases,\n usecases: renderUseCases,\n benefits: renderBenefits,\n as_is_tobe: renderComparison,\n challenge: renderChallenge,\n metric: renderMetric,\n recommendation: renderRecommendation,\n timeline: renderTimeline,\n kpi_cards: renderKpiCards,\n feature_cards: renderKpiCards,\n table: renderTable,\n bar_chart: renderBarChart,\n line_chart: renderLineChart,\n pie_chart: renderPieChart,\n donut_chart: renderDonutChart,\n end: (s: any, _sd: any, pptx: any, meta: any) => addThreeEndSlides(pptx, s, meta.company),\n};\n\nconst FULLBLEED = new Set([\"title\", \"section\", \"section_divider\", \"end\", \"closing\", \"closing_slide\", \"stats\", \"big_number\", \"metric\", \"agenda\", \"hero\", \"hero_statement\"]);\n\n// ── ROUTES ─────────────────────────────────────────────────────────────────\napp.get(\"/test\", (c) => c.json({ status: \"ok\", version: \"v8-global\", time: new Date().toISOString() }));\n\napp.post(\"/generate\", async (c) => {\n try {\n const body = await c.req.json();\n initColors(body);\n\n const allSlides: any[] = typeof body.slides === \"string\" ? JSON.parse(body.slides) : sa(body.slides);\n const slides = allSlides.slice(0, 30);\n\n const titleText = trim(String(body.title || \"Presentation\"), 100);\n const company = String(body.company || \"\");\n const author = String(body.author || \"\");\n const team = String(body.team || \"\");\n const date = String(body.date || \"\");\n const copyright = String(body.copyright || \"\");\n const footerLine = [author, team, date].filter(Boolean).join(\" | \");\n\n const contentSlides = 0; // page numbering disabled\n const pptx = new PptxGenJS();\n pptx.layout = \"LAYOUT_WIDE\";\n let pageNum = 0;\n\n for (let idx = 0; idx < slides.length; idx++) {\n const sd = slides[idx];\n const s = pptx.addSlide();\n s.background = { color: WHITE };\n const layout = String(sd.layout || \"\");\n const stitle = trim(String(sd.title || \"\"), 100);\n const secLabel = String(sd.sectionLabel || \"\");\n const isFullBleed = FULLBLEED.has(layout);\n\n if (!isFullBleed) { pageNum++; } // Footer page numbers removed\n\n const renderer = LAYOUTS[layout] || renderFallback;\n try {\n renderer(s, sd, pptx, { stitle, secLabel, footerLine, copyright, company });\n } catch (e: any) {\n s.addShape(\"rect\", { x: G.mx, y: 0.5, w: G.cw, h: 6.4, fill: { color: \"FFF0F0\" }, line: { color: \"FF4444\", width: 1.5 } });\n s.addText(`[!] Layout Error: \"${layout}\"`, { x: G.mx + 0.2, y: 0.65, w: G.cw - 0.4, h: 0.45, fontSize: 14, bold: true, color: \"CC0000\", fontFace: FT, wrap: false });\n s.addText(cleanText(String(e?.message || e)), { x: G.mx + 0.2, y: 1.15, w: G.cw - 0.4, h: 0.36, fontSize: 10, color: \"AA0000\", fontFace: FB, wrap: true });\n s.addText(cleanText(JSON.stringify(sd, null, 2).slice(0, 600)), { x: G.mx + 0.2, y: 1.82, w: G.cw - 0.4, h: 4.8, fontSize: 7, color: \"882222\", fontFace: FB, wrap: true, valign: \"top\" });\n }\n\n if (sd.notes) s.addNotes(String(sd.notes));\n }\n\n const lastLayout = String(slides[slides.length - 1]?.layout || \"\");\n if (lastLayout !== \"end\" && lastLayout !== \"closing\" && lastLayout !== \"closing_slide\") {\n addThreeEndSlides(pptx, pptx.addSlide(), company);\n }\n\n const base64 = await pptx.write({ outputType: \"base64\" });\n const safeName = cleanText(titleText).replace(/[^a-zA-Z0-9\\s]/g, \"\").trim().replace(/\\s+/g, \"_\") || \"Presentation\";\n return c.json({ success: true, fileName: safeName + \".pptx\", base64, slideCount: slides.length, version: \"v8-global\" });\n\n } catch (err: any) {\n return c.json({ success: false, error: String(err?.message || err) }, 500);\n }\n});\n\nexport default app.fetch;","deleted","label",[102],"permalink","https://www.val.town/x/n8nlearnings/presentation-engine-1/code/main.ts","extension","actionData","errors"]