@easybits.cloud/html-tailwind-generator 0.2.143 → 0.2.145

package/dist/chunk-QJZQ56GM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sanitizeColors.ts","../src/images/pexels.ts","../src/images/dalleImages.ts","../src/images/enrichImages.ts","../src/images/svgGenerator.ts","../src/streamCore.ts","../src/images/enrichIcons.ts"],"sourcesContent":["/**\n * Replace hardcoded Tailwind color classes with semantic color classes.\n *\n * Four layers:\n * 1. Neutral bg replacements: bg-white → bg-surface, bg-gray-900 → bg-primary-dark, etc.\n * 2. Chromatic replacements: bg-blue-500 → bg-secondary, bg-green-500 → bg-accent, etc.\n *    (only if the AI didn't already use semantic classes)\n * 3. Arbitrary-value replacements: bg-[#9a99ea] → bg-primary (mapped by RGB\n *    distance to the active theme palette, or HSL hue bucketing as fallback).\n * 4. Ancestor-aware text-color pass: walks the DOM with a stack of effective\n *    background family (primary | secondary | accent | surface) and rewrites\n *    every text-* that conflicts with its ancestor bg. This fixes \"black-on-black\"\n *    and \"text-on-primary on bg-surface\" invisible-text bugs regardless of theme.\n */\n\nconst COLORS =\n  \"red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose\";\n\nconst SECONDARY_COLORS = \"blue|indigo|violet\";\nconst ACCENT_COLORS = \"green|emerald|teal|cyan\";\n\nfunction categorize(color: string): \"primary\" | \"secondary\" | \"accent\" {\n  if (new RegExp(`^(?:${SECONDARY_COLORS})$`).test(color)) return \"secondary\";\n  if (new RegExp(`^(?:${ACCENT_COLORS})$`).test(color)) return \"accent\";\n  return \"primary\";\n}\n\n// ── Arbitrary-value helpers (Tailwind JIT: text-[#hex], bg-[#hex], etc.) ──\n\ntype Role = \"primary\" | \"secondary\" | \"accent\" | \"surface\";\ntype Rgb = { r: number; g: number; b: number };\n\nfunction parseHex(hex: string): Rgb | null {\n  let h = hex.trim().replace(/^#/, \"\");\n  if (h.length === 3 || h.length === 4) h = h.split(\"\").map((c) => c + c).join(\"\");\n  if (h.length === 8) h = h.slice(0, 6); // drop alpha\n  if (h.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(h)) return null;\n  return {\n    r: parseInt(h.slice(0, 2), 16),\n    g: parseInt(h.slice(2, 4), 16),\n    b: parseInt(h.slice(4, 6), 16),\n  };\n}\n\nfunction rgbDist(a: Rgb, b: Rgb): number {\n  const dr = a.r - b.r;\n  const dg = a.g - b.g;\n  const db = a.b - b.b;\n  return dr * dr + dg * dg + db * db;\n}\n\n/** HSL hue bucketing fallback when no theme palette is available. */\nfunction hueBucket(rgb: Rgb): Exclude<Role, \"surface\"> {\n  const r = rgb.r / 255, g = rgb.g / 255, b = rgb.b / 255;\n  const max = Math.max(r, g, b), min = Math.min(r, g, b);\n  const delta = max - min;\n  const lum = (max + min) / 2;\n  if (delta < 0.04) {\n    // grayscale → treat as primary surface tone (caller decides bg vs surface elsewhere)\n    return \"primary\";\n  }\n  let h = 0;\n  if (max === r) h = ((g - b) / delta) % 6;\n  else if (max === g) h = (b - r) / delta + 2;\n  else h = (r - g) / delta + 4;\n  h *= 60;\n  if (h < 0) h += 360;\n  // very dark or very light → primary fallback\n  if (lum < 0.08 || lum > 0.96) return \"primary\";\n  if (h < 50 || h >= 285) return \"primary\"; // red → amber, purple → rose\n  if (h < 200) return \"accent\"; // yellow → cyan (greens, teals)\n  return \"secondary\"; // sky → violet\n}\n\n/** Map an arbitrary hex to a semantic role using theme palette (RGB nearest)\n *  or HSL hue bucketing fallback. Used to rewrite arbitrary-value classes. */\nfunction hexToRole(hex: string, themeColors?: Record<string, string>): Role {\n  const target = parseHex(hex);\n  if (!target) return \"primary\";\n\n  if (themeColors) {\n    const candidates: Array<[Role, Rgb]> = [];\n    for (const role of [\"primary\", \"secondary\", \"accent\", \"surface\"] as Role[]) {\n      const v = themeColors[role];\n      const rgb = v ? parseHex(v) : null;\n      if (rgb) candidates.push([role, rgb]);\n    }\n    if (candidates.length > 0) {\n      let best: Role = candidates[0][0];\n      let bestDist = rgbDist(target, candidates[0][1]);\n      for (let i = 1; i < candidates.length; i++) {\n        const d = rgbDist(target, candidates[i][1]);\n        if (d < bestDist) { bestDist = d; best = candidates[i][0]; }\n      }\n      return best;\n    }\n  }\n  return hueBucket(target);\n}\n\n/** All Tailwind utilities that accept a chromatic arbitrary value and that\n *  we map to a *non-text* semantic class (the role itself, not text-on-X). */\nconst BG_LIKE_UTILS = [\n  \"bg\", \"border\", \"ring\", \"from\", \"to\", \"via\",\n  \"shadow\", \"decoration\", \"outline\", \"divide\", \"accent\", \"placeholder\",\n];\n\n// ── Neutral bg replacements (text rewrites moved to ancestor-aware walker) ──\nconst NEUTRALS = \"slate|gray|zinc|neutral|stone\";\n\nconst neutralReplacements: [RegExp, string][] = [\n  // bg-white → bg-surface\n  [/\\bbg-white\\b/g, \"bg-surface\"],\n  // bg-black → bg-primary-dark\n  [/\\bbg-black\\b/g, \"bg-primary-dark\"],\n\n  // bg-gray-50/100 → bg-surface\n  [new RegExp(`\\\\bbg-(${NEUTRALS})-(50|100)\\\\b`, \"g\"), \"bg-surface\"],\n  // bg-gray-200/300 → bg-surface-alt\n  [new RegExp(`\\\\bbg-(${NEUTRALS})-(200|300)\\\\b`, \"g\"), \"bg-surface-alt\"],\n  // bg-gray-400-600 → bg-primary\n  [new RegExp(`\\\\bbg-(${NEUTRALS})-(400|500|600)\\\\b`, \"g\"), \"bg-primary\"],\n  // bg-gray-700-950 → bg-primary-dark\n  [new RegExp(`\\\\bbg-(${NEUTRALS})-(700|800|900|950)\\\\b`, \"g\"), \"bg-primary-dark\"],\n\n  // hover:bg neutrals\n  [new RegExp(`\\\\bhover:bg-(${NEUTRALS})-(50|100|200|300)\\\\b`, \"g\"), \"hover:bg-surface-alt\"],\n  [new RegExp(`\\\\bhover:bg-(${NEUTRALS})-(400|500|600|700|800|900|950)\\\\b`, \"g\"), \"hover:bg-primary-dark\"],\n];\n\n// Hardcoded text colors get a SEEDED rewrite to text-on-surface (the default fallback).\n// The ancestor-aware walker will then re-target them to the correct on-X variant.\nconst textSeedReplacements: [RegExp, string][] = [\n  [/\\btext-white\\b/g, \"text-on-surface-LIGHT\"], // marker: \"was light text\"\n  [/\\btext-black\\b/g, \"text-on-surface-DARK\"], // marker: \"was dark text\"\n  [new RegExp(`\\\\btext-(${NEUTRALS})-(50|100|200)\\\\b`, \"g\"), \"text-on-surface-LIGHT\"],\n  [new RegExp(`\\\\btext-(${NEUTRALS})-(300|400|500|600)\\\\b`, \"g\"), \"text-on-surface-MUTED\"],\n  [new RegExp(`\\\\btext-(${NEUTRALS})-(700|800|900|950)\\\\b`, \"g\"), \"text-on-surface-DARK\"],\n  [new RegExp(`\\\\bhover:text-(${NEUTRALS})-\\\\d{2,3}\\\\b`, \"g\"), \"hover:text-on-surface\"],\n];\n\n// ── Chromatic replacements ──\nfunction buildChromaticReplacements(): [RegExp, (match: string, color: string) => string][] {\n  const re = (prefix: string, shades: string) =>\n    new RegExp(`\\\\b${prefix}-(${COLORS})-(${shades})\\\\b`, \"g\");\n\n  return [\n    // Background\n    [re(\"bg\", \"500|600|700\"), (_m, c) => `bg-${categorize(c)}`],\n    [re(\"bg\", \"50|100\"), (_m, c) => `bg-${categorize(c)}-light`],\n    [re(\"bg\", \"800|900|950\"), (_m, c) => `bg-${categorize(c)}-dark`],\n    [re(\"bg\", \"200|300|400\"), (_m, c) => `bg-${categorize(c)}`],\n\n    // Text\n    [re(\"text\", \"500|600|700\"), (_m, c) => `text-${categorize(c)}`],\n    [re(\"text\", \"800|900|950\"), (_m, c) => `text-${categorize(c)}-dark`],\n    [re(\"text\", \"50|100|200|300\"), (_m, c) => `text-on-${categorize(c)}`],\n    [re(\"text\", \"400\"), (_m, c) => `text-${categorize(c)}`],\n\n    // Border\n    [re(\"border\", \"\\\\d{2,3}\"), (_m, c) => `border-${categorize(c)}`],\n\n    // Ring\n    [re(\"ring\", \"\\\\d{2,3}\"), (_m, c) => `ring-${categorize(c)}`],\n\n    // Gradients\n    [re(\"from\", \"\\\\d{2,3}\"), (_m, c) => `from-${categorize(c)}`],\n    [re(\"to\", \"\\\\d{2,3}\"), (_m, c) => `to-${categorize(c)}`],\n    [re(\"via\", \"\\\\d{2,3}\"), (_m, c) => `via-${categorize(c)}`],\n\n    // Hover/focus variants\n    [new RegExp(`\\\\bhover:bg-(${COLORS})-(500|600|700|800|900|950)\\\\b`, \"g\"), (_m, c) => `hover:bg-${categorize(c)}-dark`],\n    [new RegExp(`\\\\bhover:bg-(${COLORS})-(50|100|200|300|400)\\\\b`, \"g\"), (_m, c) => `hover:bg-${categorize(c)}-light`],\n    [new RegExp(`\\\\bhover:text-(${COLORS})-\\\\d{2,3}\\\\b`, \"g\"), (_m, c) => `hover:text-${categorize(c)}`],\n    [new RegExp(`\\\\bfocus:ring-(${COLORS})-\\\\d{2,3}\\\\b`, \"g\"), (_m, c) => `focus:ring-${categorize(c)}`],\n    [new RegExp(`\\\\bfocus:border-(${COLORS})-\\\\d{2,3}\\\\b`, \"g\"), (_m, c) => `focus:border-${categorize(c)}`],\n\n    // Divide\n    [re(\"divide\", \"\\\\d{2,3}\"), (_m, c) => `divide-${categorize(c)}`],\n\n    // Placeholder\n    [re(\"placeholder\", \"\\\\d{2,3}\"), (_m, c) => `placeholder-${categorize(c)}`],\n\n    // Outline\n    [re(\"outline\", \"\\\\d{2,3}\"), (_m, c) => `outline-${categorize(c)}`],\n\n    // Shadow colored\n    [re(\"shadow\", \"\\\\d{2,3}\"), (_m, c) => `shadow-${categorize(c)}`],\n\n    // Decoration\n    [re(\"decoration\", \"\\\\d{2,3}\"), (_m, c) => `decoration-${categorize(c)}`],\n\n    // Accent (form accent color)\n    [re(\"accent\", \"\\\\d{2,3}\"), (_m, c) => `accent-${categorize(c)}`],\n  ];\n}\n\nconst chromaticReplacements = buildChromaticReplacements();\n\n// ==================== ANCESTOR-AWARE WALKER ====================\n\ntype BgFamily = \"primary\" | \"secondary\" | \"accent\" | \"surface\" | \"surface-deep\" | null;\n\nconst VOID_TAGS = new Set([\n  \"br\", \"hr\", \"img\", \"input\", \"meta\", \"link\", \"area\", \"base\", \"col\",\n  \"embed\", \"source\", \"track\", \"wbr\",\n]);\n\n/** Parse a class string and determine the effective bg family (ignoring state variants like hover:).\n *  Returns null for low-opacity tints (< 50%) — those are overlays that pass the ancestor bg through,\n *  so the text color should be decided against the real ancestor, not the tint.\n */\nfunction detectBgFamily(classStr: string): BgFamily {\n  const tokens = classStr.split(/\\s+/).filter((c) => c && !c.includes(\":\"));\n  // Last-wins: if an element has multiple bg classes, the rightmost one should reflect intent.\n  let found: BgFamily = null;\n  for (const t of tokens) {\n    // Extract opacity suffix if present (e.g. \"/10\", \"/50\") and ignore anything below 50 —\n    // those look through to the ancestor bg and should NOT be treated as a solid background.\n    const opMatch = t.match(/\\/(\\d{1,3})$/);\n    if (opMatch) {\n      const op = parseInt(opMatch[1], 10);\n      if (op < 50) continue;\n    }\n    if (/^bg-primary(?:-light|-dark)?(?:\\/\\d+)?$/.test(t)) found = \"primary\";\n    else if (/^bg-secondary(?:\\/\\d+)?$/.test(t)) found = \"secondary\";\n    else if (/^bg-accent(?:\\/\\d+)?$/.test(t)) found = \"accent\";\n    else if (/^bg-surface-deep(?:\\/\\d+)?$/.test(t)) found = \"surface-deep\";\n    else if (/^bg-surface(?:-alt)?(?:\\/\\d+)?$/.test(t)) found = \"surface\";\n  }\n  if (found) return found;\n  // Gradient: infer from from-X stop (only when bg-gradient is present)\n  if (tokens.some((t) => /^bg-gradient-/.test(t))) {\n    for (const t of tokens) {\n      const m = t.match(/^from-(primary|secondary|accent|surface)(?:-light|-dark|-alt)?(?:\\/\\d+)?$/);\n      if (m) return m[1] as BgFamily;\n    }\n  }\n  return null;\n}\n\n/** Walk the stack bottom-to-top to find the nearest defined bg family; default to surface. */\nfunction effectiveBg(stack: BgFamily[]): Exclude<BgFamily, null> {\n  for (let i = stack.length - 1; i >= 0; i--) {\n    const v = stack[i];\n    if (v !== null) return v;\n  }\n  return \"surface\";\n}\n\nfunction onClass(bg: Exclude<BgFamily, null>): string {\n  return `text-on-${bg}`;\n}\n\nfunction onMutedClass(bg: Exclude<BgFamily, null>): string {\n  if (bg === \"surface\") return \"text-on-surface-muted\";\n  if (bg === \"surface-deep\") return \"text-on-surface-deep\";\n  return `text-on-${bg}`;\n}\n\n/** Rewrite text-* classes inside a single element's class string based on its effective bg. */\nfunction fixTextClassesForBg(classStr: string, bg: Exclude<BgFamily, null>): string {\n  let s = classStr;\n  const on = onClass(bg);\n  const onMuted = onMutedClass(bg);\n\n  // Seeded markers from pass 1 → resolve to correct on-X for this ancestor\n  s = s.replace(/\\btext-on-surface-LIGHT\\b/g, on);\n  s = s.replace(/\\btext-on-surface-DARK\\b/g, on);\n  s = s.replace(/\\btext-on-surface-MUTED\\b/g, onMuted);\n\n  // Re-target mis-assigned on-X classes (e.g. text-on-primary inside bg-surface)\n  if (bg === \"primary\") {\n    s = s.replace(/\\btext-on-surface(?:-muted)?\\b/g, \"text-on-primary\");\n    s = s.replace(/\\btext-on-secondary\\b/g, \"text-on-primary\");\n    s = s.replace(/\\btext-on-accent\\b/g, \"text-on-primary\");\n    // text-primary on bg-primary is INVISIBLE (same hue) — rewrite to on-primary\n    s = s.replace(/\\btext-primary(?!-(?:light|dark))\\b/g, \"text-on-primary\");\n  } else if (bg === \"secondary\") {\n    s = s.replace(/\\btext-on-surface(?:-muted)?\\b/g, \"text-on-secondary\");\n    s = s.replace(/\\btext-on-primary\\b/g, \"text-on-secondary\");\n    s = s.replace(/\\btext-on-accent\\b/g, \"text-on-secondary\");\n    s = s.replace(/\\btext-secondary\\b/g, \"text-on-secondary\");\n  } else if (bg === \"accent\") {\n    s = s.replace(/\\btext-on-surface(?:-muted)?\\b/g, \"text-on-accent\");\n    s = s.replace(/\\btext-on-primary\\b/g, \"text-on-accent\");\n    s = s.replace(/\\btext-on-secondary\\b/g, \"text-on-accent\");\n    s = s.replace(/\\btext-accent\\b/g, \"text-on-accent\");\n  } else if (bg === \"surface-deep\") {\n    // bg-surface-deep is a dark contrast surface — text must be light.\n    // text-on-surface (dark) on bg-surface-deep is invisible. Rewrite all\n    // light-text variants → text-on-surface-deep.\n    s = s.replace(/\\btext-on-surface(?!-deep)(?:-muted)?\\b/g, \"text-on-surface-deep\");\n    s = s.replace(/\\btext-on-primary\\b/g, \"text-on-surface-deep\");\n    s = s.replace(/\\btext-on-secondary\\b/g, \"text-on-surface-deep\");\n    s = s.replace(/\\btext-on-accent\\b/g, \"text-on-surface-deep\");\n  } else {\n    // bg === \"surface\" — text-on-primary/secondary/accent likely invisible on surface\n    s = s.replace(/\\btext-on-primary\\b/g, \"text-on-surface\");\n    s = s.replace(/\\btext-on-secondary\\b/g, \"text-on-surface\");\n    s = s.replace(/\\btext-on-accent\\b/g, \"text-on-surface\");\n  }\n\n  return s;\n}\n\n/** Ancestor-aware pass: walk HTML, maintain bg stack, rewrite text-* per element. */\nfunction ancestorAwareTextPass(html: string): string {\n  try {\n    const tagRe = /<(\\/?)([a-zA-Z][a-zA-Z0-9]*)\\b([^>]*?)(\\/?)>/g;\n    const stack: BgFamily[] = [];\n    let out = \"\";\n    let lastIdx = 0;\n    let m: RegExpExecArray | null;\n\n    while ((m = tagRe.exec(html)) !== null) {\n      const [full, slash, tagName, attrs, selfCloseSlash] = m;\n      out += html.slice(lastIdx, m.index);\n      lastIdx = m.index + full.length;\n\n      if (slash === \"/\") {\n        // Closing tag\n        stack.pop();\n        out += full;\n        continue;\n      }\n\n      // Opening (or self-closing) tag\n      const classMatch = attrs.match(/\\bclass=\"([^\"]*)\"/);\n      const ownBg = classMatch ? detectBgFamily(classMatch[1]) : null;\n      const effective: Exclude<BgFamily, null> = ownBg ?? effectiveBg(stack);\n\n      let newAttrs = attrs;\n      if (classMatch) {\n        const fixed = fixTextClassesForBg(classMatch[1], effective);\n        if (fixed !== classMatch[1]) {\n          newAttrs = attrs.replace(/\\bclass=\"[^\"]*\"/, `class=\"${fixed}\"`);\n        }\n      }\n      out += `<${tagName}${newAttrs}${selfCloseSlash}>`;\n\n      const isVoid = VOID_TAGS.has(tagName.toLowerCase()) || selfCloseSlash === \"/\";\n      if (!isVoid) stack.push(ownBg);\n    }\n    out += html.slice(lastIdx);\n\n    // Clean up any remaining markers that slipped through (e.g. in malformed fragments)\n    out = out\n      .replace(/\\btext-on-surface-LIGHT\\b/g, \"text-on-surface\")\n      .replace(/\\btext-on-surface-DARK\\b/g, \"text-on-surface\")\n      .replace(/\\btext-on-surface-MUTED\\b/g, \"text-on-surface-muted\");\n\n    return out;\n  } catch {\n    // Defensive: if tokenizer trips on weird HTML, return input with markers stripped.\n    return html\n      .replace(/\\btext-on-surface-LIGHT\\b/g, \"text-on-surface\")\n      .replace(/\\btext-on-surface-DARK\\b/g, \"text-on-surface\")\n      .replace(/\\btext-on-surface-MUTED\\b/g, \"text-on-surface-muted\");\n  }\n}\n\n/** Strip Tailwind JIT arbitrary-value chromatic classes (bg-[#hex], text-[#hex],\n *  from-[#hex], etc.) and replace with semantic classes. Models like Gemini often\n *  emit these because Tailwind JIT accepts them — they bypass the entire token\n *  system and break brandkit/theme swaps. */\nfunction arbitraryValueReplacements(html: string, themeColors?: Record<string, string>): string {\n  let s = html;\n\n  // bg-like utilities (incl. hover:/focus:/group-hover:/etc. variants), with optional /opacity suffix.\n  // Leading (?<![A-Za-z0-9_-]) anchors at a class boundary; trailing (?![A-Za-z0-9_-]) prevents\n  // matching into adjacent tokens. \\b doesn't work here because [ and ] are non-word chars.\n  const bgUtilGroup = BG_LIKE_UTILS.join(\"|\");\n  const bgPattern = new RegExp(\n    `(?<![A-Za-z0-9_-])((?:[a-z-]+:)*)(${bgUtilGroup})-\\\\[#([0-9a-fA-F]{3,8})\\\\](\\\\/\\\\d{1,3})?(?![A-Za-z0-9_-])`,\n    \"g\"\n  );\n  s = s.replace(bgPattern, (_m, variants: string, util: string, hex: string, opacity: string | undefined) => {\n    const role = hexToRole(hex, themeColors);\n    const op = opacity || \"\";\n    return `${variants}${util}-${role}${op}`;\n  });\n\n  // text-[#hex] handling. When the palette is provided and the hex matches a\n  // brand role (primary/secondary/accent — NOT surface, since `text-surface`\n  // doesn't exist), preserve the COLOR INTENT by emitting `text-{role}` so the\n  // text stays brand-colored. Otherwise seed as MUTED and let the walker decide\n  // based on ancestor bg.\n  const textPattern = /(?<![A-Za-z0-9_-])((?:[a-z-]+:)*)text-\\[#([0-9a-fA-F]{3,8})\\](\\/\\d{1,3})?(?![A-Za-z0-9_-])/g;\n  s = s.replace(textPattern, (_m, variants: string, hex: string, opacity: string | undefined) => {\n    const op = opacity || \"\";\n    if (themeColors) {\n      const role = hexToRole(hex, themeColors);\n      // text-{role} only makes sense for chromatic roles. surface→fall back to seed.\n      if (role === \"primary\" || role === \"secondary\" || role === \"accent\") {\n        return `${variants}text-${role}${op}`;\n      }\n    }\n    // Seed as MUTED — walker upgrades on dark bg ancestors.\n    return `${variants}text-on-surface-MUTED${op}`;\n  });\n\n  return s;\n}\n\nexport function sanitizeSemanticColors(\n  html: string,\n  themeColors?: Record<string, string>\n): string {\n  let result = html;\n\n  // 1. Replace neutral bg classes (bg-white, bg-gray-*, etc.)\n  for (const [pattern, replacement] of neutralReplacements) {\n    result = result.replace(pattern, replacement);\n  }\n\n  // 2. Seed hardcoded text colors with markers that the walker will resolve per ancestor.\n  for (const [pattern, replacement] of textSeedReplacements) {\n    result = result.replace(pattern, replacement);\n  }\n\n  // 3. Strip arbitrary chromatic values (bg-[#hex], text-[#hex], from-[#hex], etc.)\n  //    Done BEFORE chromatic sanitization so the \"hasSemanticClasses\" probe sees the\n  //    rewritten classes too.\n  result = arbitraryValueReplacements(result, themeColors);\n\n  // 4. Skip chromatic sanitization if the AI already used semantic classes.\n  const hasSemanticClasses = /\\b(?:bg-primary|bg-secondary|bg-accent|bg-surface)\\b/.test(result);\n  if (!hasSemanticClasses) {\n    for (const [pattern, replacer] of chromaticReplacements) {\n      result = result.replace(pattern, replacer as any);\n    }\n  }\n\n  // 5. Ancestor-aware pass: resolve seed markers and fix mis-matched text-on-X classes.\n  result = ancestorAwareTextPass(result);\n\n  return result;\n}\n","export interface PexelsResult {\n  url: string;\n  photographer: string;\n  alt: string;\n}\n\nexport async function searchImage(query: string, apiKey?: string): Promise<PexelsResult | null> {\n  const key = apiKey || process.env.PEXELS_API_KEY;\n  if (!key) return null;\n  try {\n    const res = await fetch(\n      `https://api.pexels.com/v1/search?query=${encodeURIComponent(query)}&per_page=5&orientation=landscape&locale=en-US`,\n      { headers: { Authorization: key } }\n    );\n    if (!res.ok) {\n      console.warn(`[pexels] ${res.status} for \"${query}\", trying unsplash fallback`);\n      return searchUnsplash(query);\n    }\n    const data = await res.json();\n    const photos = data.photos;\n    if (!photos || photos.length === 0) {\n      console.warn(`[pexels] 0 results for \"${query}\"`);\n      return null;\n    }\n    const photo = photos[Math.floor(Math.random() * photos.length)];\n    return {\n      url: photo.src.large,\n      photographer: photo.photographer,\n      alt: photo.alt || query,\n    };\n  } catch {\n    return searchUnsplash(query);\n  }\n}\n\nasync function searchUnsplash(query: string): Promise<PexelsResult | null> {\n  try {\n    const res = await fetch(\n      `https://unsplash.com/napi/search/photos?query=${encodeURIComponent(query)}&per_page=5&orientation=landscape`\n    );\n    if (!res.ok) return null;\n    const data = await res.json();\n    const results = data.results;\n    if (!results || results.length === 0) return null;\n    const photo = results[Math.floor(Math.random() * results.length)];\n    return {\n      url: photo.urls?.regular || photo.urls?.small,\n      photographer: photo.user?.name || \"Unsplash\",\n      alt: photo.alt_description || query,\n    };\n  } catch {\n    return null;\n  }\n}\n","/**\n * Generate an image using DALL-E 3 API.\n */\nexport async function generateImage(\n  query: string,\n  openaiApiKey: string\n): Promise<string> {\n  const res = await fetch(\"https://api.openai.com/v1/images/generations\", {\n    method: \"POST\",\n    headers: {\n      Authorization: `Bearer ${openaiApiKey}`,\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({\n      model: \"dall-e-3\",\n      prompt: query,\n      n: 1,\n      size: \"1792x1024\",\n    }),\n  });\n\n  if (!res.ok) {\n    const err = await res.text().catch(() => \"Unknown error\");\n    throw new Error(`DALL-E API error ${res.status}: ${err}`);\n  }\n\n  const data = await res.json();\n  return data.data[0].url;\n}\n","import { searchImage } from \"./pexels\";\nimport { generateImage } from \"./dalleImages\";\n\ninterface ImageMatch {\n  query: string;\n  searchStr: string;\n  replaceStr: string;\n}\n\nexport interface EnrichImagesOptions {\n  pexelsApiKey?: string;\n  openaiApiKey?: string;\n  /** Called with temp URL + query, returns permanent URL. Use to persist DALL-E images to S3/etc. */\n  persistImage?: (tempUrl: string, query: string) => Promise<string>;\n}\n\nconst FAKE_DOMAINS = [\n  \"images.unsplash.com\",\n  \"unsplash.com\",\n  \"via.placeholder.com\",\n  \"placeholder.com\",\n  \"placehold.co\",\n  \"placehold.it\",\n  \"placekitten.com\",\n  \"picsum.photos\",\n  \"loremflickr.com\",\n  \"source.unsplash.com\",\n  \"dummyimage.com\",\n  \"fakeimg.pl\",\n  \"example.com\",\n  \"img.freepik.com\",\n  \"cdn.pixabay.com\",\n];\n\n/**\n * Find all images in HTML that need Pexels enrichment.\n * Two strategies:\n * 1. data-image-query=\"...\" — AI followed instructions\n * 2. <img src=\"fake-url\" — detect fake domains, use alt/class/nearby text as query\n */\nexport function findImageSlots(html: string): ImageMatch[] {\n  const matches: ImageMatch[] = [];\n  const seen = new Set<string>();\n\n  // 1. data-image-query=\"...\" or '...' — match the full <img> tag so we can replace src + data-image-query together\n  const diqRegex = /<img\\s[^>]*data-image-query=[\"']([^\"']+)[\"'][^>]*>/gi;\n  let m: RegExpExecArray | null;\n  while ((m = diqRegex.exec(html)) !== null) {\n    const fullTag = m[0];\n    const query = m[1];\n    if (seen.has(query)) continue;\n    seen.add(query);\n    // Build replacement tag: replace src (if any) and data-image-query with final src\n    const cleanedTag = fullTag\n      .replace(/\\ssrc=[\"'][^\"']*[\"']/, \"\")\n      .replace(/\\sdata-image-query=[\"'][^\"']*[\"']/, \"\");\n    // Insert src and data-enriched right after <img\n    const replaceTag = cleanedTag.replace(\n      /^<img/,\n      `<img src=\"{url}\" data-enriched=\"true\"`\n    );\n    matches.push({\n      query,\n      searchStr: fullTag,\n      replaceStr: replaceTag,\n    });\n  }\n\n  // 2. <img with fake/non-existent src URLs\n  const imgRegex = /<img\\s[^>]*src=\"(https?:\\/\\/[^\"]+)\"[^>]*>/gi;\n  while ((m = imgRegex.exec(html)) !== null) {\n    const fullTag = m[0];\n    const srcUrl = m[1];\n\n    if (fullTag.includes(\"data-enriched\")) continue;\n    if (srcUrl.includes(\"pexels.com\")) continue;\n    if (seen.has(srcUrl)) continue;\n\n    // Check if domain is fake\n    let isFake = false;\n    try {\n      const domain = new URL(srcUrl).hostname;\n      isFake = FAKE_DOMAINS.some((d) => domain.includes(d));\n    } catch {\n      isFake = true;\n    }\n    if (!isFake) continue;\n\n    // Extract query: try alt, then class context, then URL path words\n    const altMatch = fullTag.match(/alt=\"([^\"]*?)\"/);\n    let query = altMatch?.[1]?.trim() || \"\";\n\n    if (!query) {\n      // Try to extract meaningful words from the URL path\n      try {\n        const path = new URL(srcUrl).pathname;\n        const words = path\n          .replace(/[^a-zA-Z]/g, \" \")\n          .split(/\\s+/)\n          .filter((w) => w.length > 2)\n          .slice(0, 4)\n          .join(\" \");\n        if (words.length > 3) query = words;\n      } catch { /* ignore */ }\n    }\n\n    if (!query) query = \"professional website hero image\";\n\n    seen.add(srcUrl);\n    matches.push({\n      query,\n      searchStr: `src=\"${srcUrl}\"`,\n      replaceStr: `src=\"{url}\" data-enriched=\"true\"`,\n    });\n  }\n\n  return matches;\n}\n\n/**\n * Enrich all images in an HTML string.\n * Strategy: Pexels (free) → DALL-E fallback (if openaiApiKey) → placeholder.\n * All images resolved in parallel. If persistImage callback provided, temp DALL-E URLs are persisted.\n */\nexport async function enrichImages(html: string, pexelsApiKeyOrOpts?: string | EnrichImagesOptions, openaiApiKey?: string): Promise<string> {\n  // Support both legacy (string, string) and new (options object) signatures\n  let opts: EnrichImagesOptions;\n  if (typeof pexelsApiKeyOrOpts === \"object\" && pexelsApiKeyOrOpts !== null) {\n    opts = pexelsApiKeyOrOpts;\n  } else {\n    opts = { pexelsApiKey: pexelsApiKeyOrOpts, openaiApiKey };\n  }\n\n  const slots = findImageSlots(html);\n  if (slots.length === 0) return html;\n\n  // Resolve all images in parallel\n  const resolved = await Promise.allSettled(\n    slots.map(async (slot) => {\n      let url: string | null = null;\n\n      // 1. Pexels first (free)\n      if (opts.pexelsApiKey) {\n        const img = await searchImage(slot.query, opts.pexelsApiKey).catch(() => null);\n        url = img?.url || null;\n      }\n\n      // 2. DALL-E fallback if Pexels found nothing\n      if (!url && opts.openaiApiKey) {\n        try {\n          const tempUrl = await generateImage(slot.query, opts.openaiApiKey);\n          url = opts.persistImage\n            ? await opts.persistImage(tempUrl, slot.query)\n            : tempUrl;\n        } catch (e) {\n          console.warn(`[dalle] failed for \"${slot.query}\":`, e);\n        }\n      }\n\n      // 3. Placeholder fallback\n      url ??= `https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(slot.query.slice(0, 30))}`;\n\n      return { slot, url };\n    })\n  );\n\n  let result = html;\n  for (const r of resolved) {\n    if (r.status === \"fulfilled\" && r.value) {\n      const { slot, url } = r.value;\n      const replacement = slot.replaceStr.replace(\"{url}\", url);\n      result = result.replaceAll(slot.searchStr, replacement);\n    }\n  }\n\n  // Catch any remaining <img> tags without src\n  result = result.replace(/<img\\s(?![^>]*\\bsrc=)([^>]*?)>/gi, (_match, attrs) => {\n    const altMatch = attrs.match(/alt=\"([^\"]*?)\"/);\n    const query = altMatch?.[1] || \"professional image\";\n    return `<img src=\"https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(query.slice(0, 30))}\" ${attrs}>`;\n  });\n\n  return result;\n}\n","import { createAnthropic } from \"@ai-sdk/anthropic\";\nimport { generateText } from \"ai\";\nimport { currentDateLine } from \"../streamCore\";\n\nconst SVG_SYSTEM_PROMPT = `You are a professional SVG designer. Generate clean, compact SVG graphics for documents.\n\nSTRICT SIZE RULES:\n- ALWAYS use viewBox=\"0 0 600 300\" (2:1 ratio) — no exceptions\n- ALWAYS set width=\"100%\" height=\"auto\" — NEVER use fixed pixel width/height\n- NO internal padding or margins — content fills the viewBox edge-to-edge (leave only 10-20px padding)\n- Keep SVGs under 2KB — simplicity is key\n\nSTYLE RULES:\n- Output ONLY the <svg>...</svg> tag — no markdown, no explanation\n- Flat design: solid fills, no drop shadows, minimal gradients (max 1-2)\n- Max 8-10 elements total — prefer fewer, larger shapes over many small ones\n- Color palette: use the provided theme colors, or defaults (#6366f1, #8b5cf6, #ec4899, #14b8a6, #f59e0b)\n- Text: font-family=\"system-ui, sans-serif\", font-size 12-16px, max 5 text labels\n- Self-contained: no external references, all styles inline\n\nCHART TYPES:\n- Bar charts (vertical/horizontal) — max 6 bars, rounded caps\n- Pie/donut charts — max 5 segments\n- Line charts — smooth paths, max 8 data points\n- Progress/gauge charts\n- Simple comparison charts\n- Stat cards with visual elements\n\nAVOID: complex illustrations, many small elements, decorative borders, nested groups deeper than 2 levels.`;\n\n\nexport async function generateSvg(\n  prompt: string,\n  anthropicApiKey?: string,\n  options?: { width?: number; height?: number; themeColors?: string }\n): Promise<string> {\n  const apiKey = anthropicApiKey || process.env.ANTHROPIC_API_KEY;\n  const anthropic = createAnthropic({ apiKey: apiKey || undefined });\n\n  const sizeHint = options?.width && options?.height\n    ? ` Target dimensions: ${options.width}x${options.height}px.`\n    : \"\";\n  const colorHint = options?.themeColors\n    ? ` Use these theme colors: ${options.themeColors}.`\n    : \"\";\n\n  const result = await generateText({\n    model: anthropic(\"claude-haiku-4-5-20251001\"),\n    system: SVG_SYSTEM_PROMPT + currentDateLine(),\n    messages: [\n      {\n        role: \"user\",\n        content: `Generate an SVG for: ${prompt}${sizeHint}${colorHint}`,\n      },\n    ],\n    maxOutputTokens: 2000,\n  });\n\n  // Extract just the SVG tag\n  const svgMatch = result.text.match(/<svg[\\s\\S]*<\\/svg>/i);\n  if (!svgMatch) {\n    throw new Error(\"SVG generation failed — no <svg> tag in response\");\n  }\n\n  return svgMatch[0];\n}\n","import { streamText } from \"ai\";\nimport { createAnthropic } from \"@ai-sdk/anthropic\";\nimport { nanoid } from \"nanoid\";\nimport { findImageSlots } from \"./images/enrichImages\";\nimport { searchImage } from \"./images/pexels\";\nimport { generateImage } from \"./images/dalleImages\";\nimport { generateSvg } from \"./images/svgGenerator\";\nimport { enrichSectionIcons } from \"./images/enrichIcons\";\nimport type { Section3 } from \"./types\";\nimport { sanitizeSemanticColors } from \"./sanitizeColors\";\n\nexport function currentDateLine(): string {\n  return `\\nToday's date is ${new Date().toISOString().split(\"T\")[0]}. Use this for any date references.\\n`;\n}\n\n/**\n * Resolve AI model from available keys.\n * If modelId is already a LanguageModel object, return it directly.\n * Prefers Anthropic, falls back to OpenAI.\n */\nfunction isOpenAiModel(id: string): boolean {\n  return /^(gpt-|o[1-9]|dall-e|tts-|whisper|chatgpt-)/.test(id);\n}\n\nfunction isLanguageModel(value: unknown): value is import(\"ai\").LanguageModel {\n  return typeof value === \"object\" && value !== null && \"modelId\" in value && \"provider\" in value;\n}\n\nexport async function resolveModel(opts: {\n  openaiApiKey?: string;\n  anthropicApiKey?: string;\n  modelId?: string | import(\"ai\").LanguageModel;\n  defaultOpenai: string;\n  defaultAnthropic: string;\n}) {\n  // If modelId is already a model object, return it directly\n  if (opts.modelId && isLanguageModel(opts.modelId)) {\n    return opts.modelId;\n  }\n\n  const modelId = opts.modelId as string | undefined;\n\n  if (modelId && isOpenAiModel(modelId)) {\n    const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;\n    if (openaiKey) {\n      const { createOpenAI } = await import(\"@ai-sdk/openai\");\n      return createOpenAI({ apiKey: openaiKey })(modelId);\n    }\n    // OpenAI model requested but no key — fall through to Anthropic default\n  } else if (modelId) {\n    const anthropicKey = opts.anthropicApiKey || process.env.ANTHROPIC_API_KEY;\n    if (anthropicKey) {\n      return createAnthropic({ apiKey: anthropicKey })(modelId);\n    }\n  }\n  // No explicit modelId — prefer Anthropic, fallback to OpenAI\n  const anthropicKey = opts.anthropicApiKey || process.env.ANTHROPIC_API_KEY;\n  if (anthropicKey) {\n    return createAnthropic({ apiKey: anthropicKey })(opts.defaultAnthropic);\n  }\n  const openaiKey = opts.openaiApiKey || process.env.OPENAI_API_KEY;\n  if (openaiKey) {\n    const { createOpenAI } = await import(\"@ai-sdk/openai\");\n    return createOpenAI({ apiKey: openaiKey })(opts.defaultOpenai);\n  }\n  return createAnthropic()(opts.defaultAnthropic);\n}\n\n/**\n * Convert data URL to Uint8Array for AI SDK vision.\n */\nexport function dataUrlToImagePart(dataUrl: string): { image: Uint8Array; mimeType: string } | null {\n  const match = dataUrl.match(/^data:([^;]+);base64,(.+)$/);\n  if (!match) return null;\n  return {\n    image: new Uint8Array(Buffer.from(match[2], \"base64\")),\n    mimeType: match[1],\n  };\n}\n\n/**\n * Extract complete JSON objects from accumulated text using brace-depth tracking.\n */\nexport function extractJsonObjects(text: string): [any[], string] {\n  const objects: any[] = [];\n  let remaining = text;\n\n  while (remaining.length > 0) {\n    remaining = remaining.trimStart();\n    if (!remaining.startsWith(\"{\")) {\n      const nextBrace = remaining.indexOf(\"{\");\n      if (nextBrace === -1) break;\n      remaining = remaining.slice(nextBrace);\n      continue;\n    }\n\n    let depth = 0;\n    let inString = false;\n    let escape = false;\n    let end = -1;\n\n    for (let i = 0; i < remaining.length; i++) {\n      const ch = remaining[i];\n      if (escape) { escape = false; continue; }\n      if (ch === \"\\\\\") { escape = true; continue; }\n      if (ch === '\"') { inString = !inString; continue; }\n      if (inString) continue;\n      if (ch === \"{\") depth++;\n      if (ch === \"}\") { depth--; if (depth === 0) { end = i; break; } }\n    }\n\n    if (end === -1) break;\n\n    const candidate = remaining.slice(0, end + 1);\n    remaining = remaining.slice(end + 1);\n\n    try {\n      objects.push(JSON.parse(candidate));\n    } catch {\n      // malformed, skip\n    }\n  }\n\n  return [objects, remaining];\n}\n\n/** Inline shimmer SVG used as src for loading image placeholders */\nconst LOADING_PLACEHOLDER_SRC = `data:image/svg+xml,${encodeURIComponent('<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"800\" height=\"500\" viewBox=\"0 0 800 500\"><rect fill=\"#f3f4f6\" width=\"800\" height=\"500\" rx=\"12\"/><g opacity=\".4\"><rect x=\"320\" y=\"200\" width=\"160\" height=\"4\" rx=\"2\" fill=\"#d1d5db\"><animate attributeName=\"opacity\" values=\".3;.8;.3\" dur=\"1.5s\" repeatCount=\"indefinite\"/></rect><rect x=\"280\" y=\"215\" width=\"240\" height=\"4\" rx=\"2\" fill=\"#d1d5db\"><animate attributeName=\"opacity\" values=\".3;.8;.3\" dur=\"1.5s\" begin=\".3s\" repeatCount=\"indefinite\"/></rect><rect x=\"340\" y=\"230\" width=\"120\" height=\"4\" rx=\"2\" fill=\"#d1d5db\"><animate attributeName=\"opacity\" values=\".3;.8;.3\" dur=\"1.5s\" begin=\".6s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"translate(376,150)\" opacity=\".3\"><path d=\"M0 28V4a4 4 0 014-4h40a4 4 0 014 4v24a4 4 0 01-4 4H4a4 4 0 01-4-4z\" fill=\"#d1d5db\"/><circle cx=\"14\" cy=\"12\" r=\"4\" fill=\"#9ca3af\"/><path d=\"M4 28l10-10 6 6 8-8 16 16H4z\" fill=\"#9ca3af\" opacity=\".5\"/></g></svg>')}`;\n\n/** Inline SVG placeholder for loading charts */\nconst SVG_LOADING_PLACEHOLDER = `<div class=\"w-full h-48 bg-gray-50 rounded-lg flex items-center justify-center animate-pulse\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9ca3af\" stroke-width=\"1.5\"><rect x=\"3\" y=\"12\" width=\"4\" height=\"9\" rx=\"1\"/><rect x=\"10\" y=\"7\" width=\"4\" height=\"14\" rx=\"1\"/><rect x=\"17\" y=\"3\" width=\"4\" height=\"18\" rx=\"1\"/></svg></div>`;\n\n/** Replace data-svg-chart divs with loading placeholders */\nexport function addSvgLoadingPlaceholders(html: string): string {\n  return html.replace(\n    /<div\\s([^>]*?)data-svg-chart=\"([^\"]+)\"([^>]*?)>[\\s\\S]*?<\\/div>/gi,\n    (_match, before, chart, after) => {\n      return `<div ${before}data-svg-chart=\"${chart}\"${after}>${SVG_LOADING_PLACEHOLDER}</div>`;\n    }\n  );\n}\n\n/** Replace data-image-query attrs with animated loading placeholders */\nexport function addLoadingPlaceholders(html: string): string {\n  return html.replace(\n    /(<img\\s[^>]*)data-image-query=\"([^\"]+)\"([^>]*?)(?:\\s*\\/?>)/gi,\n    (_match, before, query, after) => {\n      if (before.includes('src=') || after.includes('src=')) return _match;\n      return `${before}src=\"${LOADING_PLACEHOLDER_SRC}\" data-image-query=\"${query}\" alt=\"${query}\"${after}>`;\n    }\n  );\n}\n\n/** Enrich a section's images (Pexels → DALL-E → placeholder fallback). Mutates section.html in place. */\nexport async function enrichSectionImages(\n  section: Section3,\n  opts: {\n    pexelsApiKey?: string;\n    openaiApiKey?: string;\n    persistImage?: (tempUrl: string, query: string) => Promise<string>;\n    onImageUpdate?: (sectionId: string, html: string) => void;\n  }\n): Promise<void> {\n  const slots = findImageSlots(section.html);\n  if (slots.length === 0) return;\n  const results = await Promise.allSettled(\n    slots.map(async (slot) => {\n      let url: string | null = null;\n      if (opts.pexelsApiKey) {\n        const img = await searchImage(slot.query, opts.pexelsApiKey).catch(() => null);\n        url = img?.url || null;\n      }\n      if (!url && opts.openaiApiKey) {\n        try {\n          const tempUrl = await generateImage(slot.query, opts.openaiApiKey);\n          url = opts.persistImage ? await opts.persistImage(tempUrl, slot.query) : tempUrl;\n        } catch (e) {\n          console.warn(`[dalle] failed for \"${slot.query}\":`, e);\n        }\n      }\n      url ??= `https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(slot.query.slice(0, 30))}`;\n      return { slot, url };\n    })\n  );\n  let html = section.html;\n  for (const r of results) {\n    if (r.status === \"fulfilled\" && r.value) {\n      const { slot, url } = r.value;\n      const replacement = slot.replaceStr.replace(\"{url}\", url);\n      html = html.replaceAll(slot.searchStr, replacement);\n    }\n  }\n  if (html !== section.html) {\n    section.html = html;\n    opts.onImageUpdate?.(section.id, html);\n  }\n}\n\n/** Enrich a section's SVG chart placeholders. Mutates section.html in place. */\nexport async function enrichSectionSvgCharts(\n  section: Section3,\n  opts: {\n    anthropicApiKey?: string;\n    onImageUpdate?: (sectionId: string, html: string) => void;\n  }\n): Promise<void> {\n  const svgRegex = /<div\\s[^>]*data-svg-chart=\"([^\"]+)\"[^>]*>[\\s\\S]*?<\\/div>/gi;\n  const svgMatches: { fullMatch: string; prompt: string }[] = [];\n  let svgM: RegExpExecArray | null;\n  while ((svgM = svgRegex.exec(section.html)) !== null) {\n    svgMatches.push({ fullMatch: svgM[0], prompt: svgM[1] });\n  }\n  if (svgMatches.length === 0) return;\n  const anthropicKey = opts.anthropicApiKey || process.env.ANTHROPIC_API_KEY;\n  const results = await Promise.allSettled(\n    svgMatches.map(async ({ fullMatch, prompt }) => {\n      try {\n        const svg = await generateSvg(prompt, anthropicKey);\n        return { fullMatch, svg };\n      } catch (e) {\n        console.warn(`[svg] failed for \"${prompt}\":`, e);\n        return { fullMatch, svg: `<div class=\"w-full h-48 bg-gray-100 rounded-lg flex items-center justify-center text-gray-400 text-sm\">${prompt}</div>` };\n      }\n    })\n  );\n  let html = section.html;\n  for (const r of results) {\n    if (r.status === \"fulfilled\" && r.value) {\n      html = html.replace(r.value.fullMatch, r.value.svg);\n    }\n  }\n  if (html !== section.html) {\n    section.html = html;\n    opts.onImageUpdate?.(section.id, html);\n  }\n}\n\n/** Enrich a section's icon placeholders (data-icon-query → Iconify SVGs). Mutates section.html in place. */\nexport async function enrichSectionIconSlots(\n  section: Section3,\n  opts?: { onImageUpdate?: (sectionId: string, html: string) => void }\n): Promise<void> {\n  const before = section.html;\n  section.html = await enrichSectionIcons(section.html);\n  if (section.html !== before) {\n    opts?.onImageUpdate?.(section.id, section.html);\n  }\n}\n\nexport interface StreamGenerateOptions {\n  /** Anthropic API key */\n  anthropicApiKey?: string;\n  /** OpenAI API key */\n  openaiApiKey?: string;\n  /** Model ID override or pre-built LanguageModel object */\n  model?: string | import(\"ai\").LanguageModel;\n  /** System prompt */\n  systemPrompt: string;\n  /** User message content (text or multimodal parts) */\n  userContent: any[];\n  /** Pexels API key for image enrichment */\n  pexelsApiKey?: string;\n  /** Persist DALL-E images to permanent storage */\n  persistImage?: (tempUrl: string, query: string) => Promise<string>;\n  /** Called when a new section is parsed */\n  onSection?: (section: Section3) => void;\n  /** Called when a section's images are enriched */\n  onImageUpdate?: (sectionId: string, html: string) => void;\n  /** Called with raw text buffer for real-time partial streaming */\n  onRawChunk?: (buffer: string, completedCount: number) => void;\n  /**\n   * Called with the HTML of the section currently being streamed, BEFORE it's\n   * fully parsed. Fires as characters arrive so consumers can render a live\n   * preview of the section being built. The index is the 0-based position of\n   * this section in the final output (equal to the number of already-completed\n   * sections at the time of this call).\n   *\n   * Note: the partial HTML will contain unclosed tags while streaming — the\n   * browser's parser handles this gracefully when injected via innerHTML.\n   */\n  onPartialSection?: (index: number, partialHtml: string) => void;\n  /** Called when generation is complete */\n  onDone?: (sections: Section3[]) => void;\n  /** Called on error */\n  onError?: (error: Error) => void;\n  /** Active theme palette (hex map). Forwarded to sanitizeSemanticColors so\n   *  arbitrary `bg-[#hex]` classes that slip through map to the nearest\n   *  semantic role via RGB distance instead of HSL hue fallback. */\n  themeColors?: Record<string, string>;\n}\n\n/**\n * Extract the HTML value of the in-progress section from the NDJSON buffer.\n * Returns null if no `\"html\"` key has started yet. Gracefully handles the\n * common streaming case where the value is mid-write with incomplete escape\n * sequences at the end.\n */\nfunction extractPartialHtml(buffer: string): string | null {\n  const keyMatch = buffer.match(/\"html\"\\s*:\\s*\"/);\n  if (!keyMatch || keyMatch.index === undefined) return null;\n  const start = keyMatch.index + keyMatch[0].length;\n  // Walk forward to find unescaped closing \" (or end of buffer if still streaming)\n  let end = buffer.length;\n  let i = start;\n  while (i < buffer.length) {\n    const ch = buffer[i];\n    if (ch === \"\\\\\") {\n      i += 2;\n      continue;\n    }\n    if (ch === '\"') {\n      end = i;\n      break;\n    }\n    i++;\n  }\n  let raw = buffer.slice(start, end);\n  // Drop a trailing lone backslash (incomplete escape)\n  if (raw.endsWith(\"\\\\\") && !raw.endsWith(\"\\\\\\\\\")) raw = raw.slice(0, -1);\n  try {\n    return JSON.parse('\"' + raw + '\"');\n  } catch {\n    // Manual unescape as fallback\n    return raw\n      .replace(/\\\\n/g, \"\\n\")\n      .replace(/\\\\r/g, \"\\r\")\n      .replace(/\\\\t/g, \"\\t\")\n      .replace(/\\\\\"/g, '\"')\n      .replace(/\\\\\\\\/g, \"\\\\\")\n      .replace(/\\\\\\//g, \"/\");\n  }\n}\n\n/**\n * Core streaming generation: stream AI text → parse NDJSON → emit sections → enrich images.\n * Used by both generateLanding and generateDocument.\n */\nexport async function streamGenerate(options: StreamGenerateOptions): Promise<Section3[]> {\n  const {\n    anthropicApiKey,\n    openaiApiKey: _openaiApiKey,\n    model: modelId,\n    systemPrompt,\n    userContent,\n    pexelsApiKey,\n    persistImage,\n    onSection,\n    onImageUpdate,\n    onRawChunk,\n    onDone,\n    onError,\n    themeColors,\n  } = options;\n\n  const openaiApiKey = _openaiApiKey || process.env.OPENAI_API_KEY;\n  const model = await resolveModel({\n    openaiApiKey,\n    anthropicApiKey,\n    modelId,\n    defaultOpenai: \"gpt-4o\",\n    defaultAnthropic: \"claude-sonnet-4-6\",\n  });\n\n  const result = streamText({\n    model,\n    system: systemPrompt + currentDateLine(),\n    messages: [{ role: \"user\", content: userContent }],\n  });\n\n  const allSections: Section3[] = [];\n  const imagePromises: Promise<void>[] = [];\n  let sectionOrder = 0;\n  let buffer = \"\";\n\n  function enrichSvgCharts(sectionRef: Section3) {\n    const svgRegex = /<div\\s[^>]*data-svg-chart=\"([^\"]+)\"[^>]*>[\\s\\S]*?<\\/div>/gi;\n    const svgMatches: { fullMatch: string; prompt: string }[] = [];\n    let svgM: RegExpExecArray | null;\n    while ((svgM = svgRegex.exec(sectionRef.html)) !== null) {\n      svgMatches.push({ fullMatch: svgM[0], prompt: svgM[1] });\n    }\n    if (svgMatches.length === 0) return;\n\n    const anthropicKey = anthropicApiKey || process.env.ANTHROPIC_API_KEY;\n    imagePromises.push(\n      (async () => {\n        const results = await Promise.allSettled(\n          svgMatches.map(async ({ fullMatch, prompt }) => {\n            try {\n              const svg = await generateSvg(prompt, anthropicKey);\n              return { fullMatch, svg };\n            } catch (e) {\n              console.warn(`[svg] failed for \"${prompt}\":`, e);\n              return { fullMatch, svg: `<div class=\"w-full h-48 bg-gray-100 rounded-lg flex items-center justify-center text-gray-400 text-sm\">${prompt}</div>` };\n            }\n          })\n        );\n        let html = sectionRef.html;\n        for (const r of results) {\n          if (r.status === \"fulfilled\" && r.value) {\n            html = html.replace(r.value.fullMatch, r.value.svg);\n          }\n        }\n        if (html !== sectionRef.html) {\n          sectionRef.html = html;\n          onImageUpdate?.(sectionRef.id, html);\n        }\n      })()\n    );\n  }\n\n  function enrichSection(sectionRef: Section3) {\n    const slots = findImageSlots(sectionRef.html);\n    if (slots.length === 0) return;\n    const slotsSnapshot = slots.map((s) => ({ ...s }));\n    imagePromises.push(\n      (async () => {\n        const results = await Promise.allSettled(\n          slotsSnapshot.map(async (slot) => {\n            let url: string | null = null;\n            // 1. Pexels first (free, fast)\n            if (pexelsApiKey) {\n              const img = await searchImage(slot.query, pexelsApiKey).catch(() => null);\n              url = img?.url || null;\n            }\n            // 2. DALL-E fallback\n            if (!url && openaiApiKey) {\n              try {\n                const tempUrl = await generateImage(slot.query, openaiApiKey);\n                url = persistImage ? await persistImage(tempUrl, slot.query) : tempUrl;\n              } catch (e) {\n                console.warn(`[dalle] failed for \"${slot.query}\":`, e);\n              }\n            }\n            url ??= `https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(slot.query.slice(0, 30))}`;\n            return { slot, url };\n          })\n        );\n        let html = sectionRef.html;\n        for (const r of results) {\n          if (r.status === \"fulfilled\" && r.value) {\n            const { slot, url } = r.value;\n            const replacement = slot.replaceStr.replace(\"{url}\", url);\n            html = html.replaceAll(slot.searchStr, replacement);\n          }\n        }\n        if (html !== sectionRef.html) {\n          sectionRef.html = html;\n          onImageUpdate?.(sectionRef.id, html);\n        }\n      })()\n    );\n  }\n\n  function processObject(obj: any) {\n    if (!obj.html || !obj.label) return;\n    const section: Section3 = {\n      id: nanoid(8),\n      order: sectionOrder++,\n      html: sanitizeSemanticColors(addSvgLoadingPlaceholders(addLoadingPlaceholders(obj.html)), themeColors),\n      label: obj.label,\n    };\n    allSections.push(section);\n    onSection?.(section);\n    enrichSection(section);\n    enrichSvgCharts(section);\n    // Enrich icons (data-icon-query → real SVGs from Iconify)\n    imagePromises.push(\n      (async () => {\n        const before = section.html;\n        section.html = await enrichSectionIcons(section.html);\n        if (section.html !== before) {\n          onImageUpdate?.(section.id, section.html);\n        }\n      })()\n    );\n  }\n\n  const { onPartialSection } = options;\n  let lastPartialHtml = \"\";\n\n  try {\n    let chunkCount = 0;\n    for await (const chunk of result.textStream) {\n      buffer += chunk;\n      chunkCount++;\n\n      const [objects, remaining] = extractJsonObjects(buffer);\n      buffer = remaining;\n      for (const obj of objects) {\n        chunkCount = 0;\n        processObject(obj);\n        lastPartialHtml = \"\"; // reset so next section starts fresh\n      }\n\n      if (onRawChunk && chunkCount % 5 === 0 && buffer.length > 20) {\n        onRawChunk(buffer, allSections.length);\n      }\n\n      // Emit partial HTML every ~3 chunks so consumers can render the section\n      // being built in real time without flooding the main thread.\n      if (onPartialSection && chunkCount % 3 === 0) {\n        const partial = extractPartialHtml(buffer);\n        if (partial && partial !== lastPartialHtml) {\n          lastPartialHtml = partial;\n          onPartialSection(allSections.length, partial);\n        }\n      }\n    }\n\n    // Parse remaining buffer\n    if (buffer.trim()) {\n      let cleaned = buffer.trim();\n      if (cleaned.startsWith(\"```\")) {\n        cleaned = cleaned.replace(/^```(?:json)?\\s*/, \"\").replace(/\\s*```$/, \"\");\n      }\n      const [lastObjects] = extractJsonObjects(cleaned);\n      for (const obj of lastObjects) processObject(obj);\n    }\n\n    // Wait for image enrichment\n    await Promise.allSettled(imagePromises);\n\n    // Final fallback for images without src\n    for (const section of allSections) {\n      const before = section.html;\n      section.html = section.html.replace(\n        /<img\\s(?![^>]*\\bsrc=)([^>]*?)>/gi,\n        (_match, attrs) => {\n          const altMatch = attrs.match(/alt=\"([^\"]*?)\"/);\n          const query = altMatch?.[1] || \"image\";\n          return `<img src=\"https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(query.slice(0, 30))}\" ${attrs}>`;\n        }\n      );\n      section.html = section.html.replace(\n        /data-image-query=\"([^\"]+)\"/g,\n        (_match, query) => {\n          return `src=\"https://placehold.co/800x500/1f2937/9ca3af?text=${encodeURIComponent(query.slice(0, 30))}\" data-enriched=\"placeholder\"`;\n        }\n      );\n      if (section.html !== before) {\n        onImageUpdate?.(section.id, section.html);\n      }\n    }\n\n    onDone?.(allSections);\n    return allSections;\n  } catch (err: any) {\n    const error = err instanceof Error ? err : new Error(err?.message || \"Generation failed\");\n    onError?.(error);\n    throw error;\n  }\n}\n","interface IconMatch {\n  query: string;\n  fullMatch: string;\n}\n\nconst ICON_PREFIXES = [\"lucide\", \"heroicons\", \"material-symbols\"] as const;\n\nconst iconCache = new Map<string, string | null>();\n\n/**\n * Find all `data-icon-query=\"name\"` spans in HTML.\n */\nexport function findIconSlots(html: string): IconMatch[] {\n  const matches: IconMatch[] = [];\n  const regex = /<span\\s[^>]*data-icon-query=\"([^\"]+)\"[^>]*><\\/span>/gi;\n  let m: RegExpExecArray | null;\n  while ((m = regex.exec(html)) !== null) {\n    matches.push({ query: m[1], fullMatch: m[0] });\n  }\n  return matches;\n}\n\n/**\n * Fetch an SVG icon from Iconify API, trying multiple icon sets.\n */\nasync function fetchIcon(name: string): Promise<string | null> {\n  if (iconCache.has(name)) return iconCache.get(name)!;\n\n  for (const prefix of ICON_PREFIXES) {\n    try {\n      const url = `https://api.iconify.design/${prefix}/${name}.svg?height=1em&color=currentColor`;\n      const res = await fetch(url);\n      if (res.ok) {\n        const svg = await res.text();\n        if (svg.startsWith(\"<svg\")) {\n          iconCache.set(name, svg);\n          return svg;\n        }\n      }\n    } catch {\n      // try next prefix\n    }\n  }\n\n  iconCache.set(name, null);\n  return null;\n}\n\n/**\n * Replace all `data-icon-query` spans with real inline SVGs from Iconify.\n */\nexport async function enrichSectionIcons(html: string): Promise<string> {\n  const slots = findIconSlots(html);\n  if (slots.length === 0) return html;\n\n  // Dedupe queries\n  const uniqueQueries = [...new Set(slots.map((s) => s.query))];\n  const resolved = await Promise.allSettled(\n    uniqueQueries.map(async (query) => {\n      const svg = await fetchIcon(query);\n      return { query, svg };\n    })\n  );\n\n  const svgMap = new Map<string, string>();\n  for (const r of resolved) {\n    if (r.status === \"fulfilled\" && r.value.svg) {\n      svgMap.set(r.value.query, r.value.svg);\n    }\n  }\n\n  let result = html;\n  for (const slot of slots) {\n    const svg = svgMap.get(slot.query);\n    if (!svg) continue;\n\n    // Extract classes from the original span to apply to the SVG\n    const classMatch = slot.fullMatch.match(/class=\"([^\"]*)\"/);\n    const classes = classMatch?.[1] || \"inline-block w-5 h-5\";\n\n    // Add classes to the SVG element\n    const svgWithClasses = svg.replace(\"<svg\", `<svg class=\"${classes}\"`);\n    result = result.replace(slot.fullMatch, svgWithClasses);\n  }\n\n  return result;\n}\n"],"mappings":"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","names":["createAnthropic","openaiKey","anthropicKey","createAnthropic"]}

package/dist/{chunk-7MGKYJTI.js → chunk-XDJMUIKY.js}

@@ -70,9 +70,9 @@ function getIframeScript() {
 
   function emitElementSelected(el) {
     var rect = el.getBoundingClientRect();
-    var attrs = {};
-    if (el.tagName === 'IMG') attrs = { src: el.getAttribute('src') || '', alt: el.getAttribute('alt') || '' };
-    if (el.tagName === 'A') attrs = { href: el.getAttribute('href') || '', target: el.getAttribute('target') || '' };
+    var attrs = { style: el.getAttribute('style') || '' };
+    if (el.tagName === 'IMG') { attrs.src = el.getAttribute('src') || ''; attrs.alt = el.getAttribute('alt') || ''; }
+    if (el.tagName === 'A') { attrs.href = el.getAttribute('href') || ''; attrs.target = el.getAttribute('target') || ''; }
     var ot = el.outerHTML.split('>')[0] + '>';
     if (ot.length > 200) ot = ot.substring(0, 200);
     window.parent.postMessage({
@@ -149,15 +149,18 @@ function getIframeScript() {
     el.style.boxShadow = SHADOW_SELECTED;
 
     var rect = el.getBoundingClientRect();
-    var attrs = {};
+    var attrs = { style: el.getAttribute('style') || '' };
     if (el.tagName === 'IMG') {
-      attrs = { src: el.getAttribute('src') || '', alt: el.getAttribute('alt') || '' };
+      attrs.src = el.getAttribute('src') || '';
+      attrs.alt = el.getAttribute('alt') || '';
     }
     if (el.tagName === 'A') {
-      attrs = { href: el.getAttribute('href') || '', target: el.getAttribute('target') || '' };
+      attrs.href = el.getAttribute('href') || '';
+      attrs.target = el.getAttribute('target') || '';
     }
 
-    window.parent.postMessage({
+    var clickClassName = (typeof el.className === 'string' ? el.className : '') || '';
+    var clickPayload = {
       type: 'element-selected',
       sectionId: getSectionId(el),
       tagName: el.tagName,
@@ -167,8 +170,10 @@ function getIframeScript() {
       elementPath: getElementPath(el),
       isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,
       attrs: attrs,
-      className: el.className || '',
-    }, '*');
+      className: clickClassName,
+    };
+    console.log('[share/iframe] selected', { tag: el.tagName, className: clickClassName, path: clickPayload.elementPath });
+    window.parent.postMessage(clickPayload, '*');
   }, true);
 
   // Double-click \u2014 contentEditable for text
@@ -288,9 +293,13 @@ function getIframeScript() {
             }
           }
         }
+        console.log('[share/iframe] update-attribute', { sectionId: msg.sectionId, attr: msg.attr, value: msg.value, found: !!target });
         if (target) {
-          if (msg.attr === 'style' && msg.value.indexOf(':') !== -1) {
-            // Merge style property instead of replacing entire style
+          // For style: single-property values ("color: #abc") merge via setProperty so other
+          // inline styles survive (FloatingToolbar relies on this). Multi-prop or empty values
+          // replace the whole style attribute atomically (used by ShareInspector after stripInlineProps).
+          if (msg.attr === 'style' && typeof msg.value === 'string'
+              && msg.value.indexOf(':') !== -1 && msg.value.indexOf(';') === -1) {
             var parts = msg.value.split(':');
             var prop = parts[0].trim();
             var val = parts.slice(1).join(':').trim();
@@ -633,4 +642,4 @@ export {
   buildPreviewHtml,
   buildDeployHtml
 };
-//# sourceMappingURL=chunk-7MGKYJTI.js.map
+//# sourceMappingURL=chunk-XDJMUIKY.js.map

package/dist/chunk-XDJMUIKY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/iframeScript.ts","../src/buildHtml.ts"],"sourcesContent":["/**\n * JavaScript injected into the landing v3 iframe.\n * Handles hover highlights, click selection, contentEditable text editing,\n * postMessage communication with the parent editor,\n * and incremental section injection from parent.\n */\nexport function getIframeScript(): string {\n  return `\n(function() {\n  let hoveredEl = null;\n  let selectedEl = null;\n  const SHADOW_HOVER = 'inset 0 0 0 2px #3B82F6';\n  const SHADOW_SELECTED = 'inset 0 0 0 2px #8B5CF6';\n\n  function getSectionId(el) {\n    let node = el;\n    while (node && node !== document.body) {\n      if (node.dataset && node.dataset.sectionId) {\n        return node.dataset.sectionId;\n      }\n      node = node.parentElement;\n    }\n    return null;\n  }\n\n  function getSectionElement(sectionId) {\n    return document.querySelector('[data-section-id=\"' + sectionId + '\"]');\n  }\n\n  function getElementPath(el) {\n    const parts = [];\n    let node = el;\n    while (node && node !== document.body) {\n      let tag = node.tagName.toLowerCase();\n      if (node.id) { tag += '#' + node.id; }\n      const siblings = node.parentElement ? Array.from(node.parentElement.children).filter(function(c) { return c.tagName === node.tagName; }) : [];\n      if (siblings.length > 1) { tag += ':nth(' + siblings.indexOf(node) + ')'; }\n      parts.unshift(tag);\n      node = node.parentElement;\n    }\n    return parts.join(' > ');\n  }\n\n  function getCleanSectionHtml(sectionEl) {\n    var els = sectionEl.querySelectorAll('*');\n    var saved = [];\n    for (var i = 0; i < els.length; i++) {\n      var s = els[i].style;\n      saved.push({ boxShadow: s.boxShadow, ce: els[i].contentEditable });\n      s.boxShadow = '';\n      if (els[i].contentEditable === 'true') els[i].removeAttribute('contenteditable');\n    }\n    // Also clean the section root\n    var rootShadow = sectionEl.style.boxShadow;\n    sectionEl.style.boxShadow = '';\n    var html = sectionEl.innerHTML;\n    sectionEl.style.boxShadow = rootShadow;\n    for (var i = 0; i < els.length; i++) {\n      els[i].style.boxShadow = saved[i].boxShadow;\n      if (saved[i].ce === 'true') els[i].contentEditable = 'true';\n    }\n    return html;\n  }\n\n  function isTextElement(el) {\n    var textTags = ['H1','H2','H3','H4','H5','H6','P','DIV','SPAN','LI','A','BLOCKQUOTE','LABEL','TD','TH','FIGCAPTION','BUTTON'];\n    return textTags.indexOf(el.tagName) !== -1;\n  }\n\n  function emitElementSelected(el) {\n    var rect = el.getBoundingClientRect();\n    var attrs = { style: el.getAttribute('style') || '' };\n    if (el.tagName === 'IMG') { attrs.src = el.getAttribute('src') || ''; attrs.alt = el.getAttribute('alt') || ''; }\n    if (el.tagName === 'A') { attrs.href = el.getAttribute('href') || ''; attrs.target = el.getAttribute('target') || ''; }\n    var ot = el.outerHTML.split('>')[0] + '>';\n    if (ot.length > 200) ot = ot.substring(0, 200);\n    window.parent.postMessage({\n      type: 'element-selected',\n      sectionId: getSectionId(el),\n      tagName: el.tagName,\n      rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n      text: (el.textContent || '').substring(0, 200),\n      openTag: ot,\n      elementPath: getElementPath(el),\n      isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,\n      attrs: attrs,\n      className: (typeof el.className === 'string' ? el.className : '') || '',\n    }, '*');\n  }\n\n  // Hover\n  document.addEventListener('mouseover', function(e) {\n    var el = e.target;\n    while (el && el !== document.body && (el instanceof SVGElement) && el.tagName !== 'svg') {\n      el = el.parentElement;\n    }\n    if (el && el.tagName === 'svg' && el.parentElement) el = el.parentElement;\n    if (el === document.body || el === document.documentElement) return;\n    if (el === selectedEl) return;\n    if (hoveredEl && hoveredEl !== selectedEl) {\n      hoveredEl.style.boxShadow = '';\n    }\n    hoveredEl = el;\n    if (el !== selectedEl) {\n      el.style.boxShadow = SHADOW_HOVER;\n    }\n  });\n\n  document.addEventListener('mouseout', function(e) {\n    if (hoveredEl && hoveredEl !== selectedEl) {\n      hoveredEl.style.boxShadow = '';\n    }\n    hoveredEl = null;\n  });\n\n  // Click — select element\n  document.addEventListener('click', function(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    var el = e.target;\n\n    // Bubble up from SVG internals to the nearest HTML element\n    while (el && el !== document.body && (el instanceof SVGElement) && el.tagName !== 'svg') {\n      el = el.parentElement;\n    }\n    // If we landed on an <svg>, bubble up to its HTML parent\n    if (el && el.tagName === 'svg' && el.parentElement) {\n      el = el.parentElement;\n    }\n\n    // Deselect previous\n    if (selectedEl) {\n      selectedEl.style.boxShadow = '';\n    }\n\n    if (selectedEl === el) {\n      selectedEl = null;\n      window.parent.postMessage({ type: 'element-deselected' }, '*');\n      return;\n    }\n\n    selectedEl = el;\n\n    // Clear hover styles BEFORE capturing openTag (so it matches source HTML)\n    el.style.boxShadow = '';\n    var openTag = el.outerHTML.substring(0, el.outerHTML.indexOf('>') + 1).substring(0, 120);\n\n    el.style.boxShadow = SHADOW_SELECTED;\n\n    var rect = el.getBoundingClientRect();\n    var attrs = { style: el.getAttribute('style') || '' };\n    if (el.tagName === 'IMG') {\n      attrs.src = el.getAttribute('src') || '';\n      attrs.alt = el.getAttribute('alt') || '';\n    }\n    if (el.tagName === 'A') {\n      attrs.href = el.getAttribute('href') || '';\n      attrs.target = el.getAttribute('target') || '';\n    }\n\n    var clickClassName = (typeof el.className === 'string' ? el.className : '') || '';\n    var clickPayload = {\n      type: 'element-selected',\n      sectionId: getSectionId(el),\n      tagName: el.tagName,\n      rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n      text: (el.textContent || '').substring(0, 200),\n      openTag: openTag,\n      elementPath: getElementPath(el),\n      isSectionRoot: el.dataset && el.dataset.sectionId ? true : false,\n      attrs: attrs,\n      className: clickClassName,\n    };\n    console.log('[share/iframe] selected', { tag: el.tagName, className: clickClassName, path: clickPayload.elementPath });\n    window.parent.postMessage(clickPayload, '*');\n  }, true);\n\n  // Double-click — contentEditable for text\n  document.addEventListener('dblclick', function(e) {\n    e.preventDefault();\n    e.stopPropagation();\n    var el = e.target;\n    if (!isTextElement(el)) return;\n\n    el.contentEditable = 'true';\n    el.focus();\n    el.style.boxShadow = 'inset 0 0 0 2px #F59E0B';\n\n    function onBlur() {\n      el.contentEditable = 'false';\n      el.style.boxShadow = '';\n      el.removeEventListener('blur', onBlur);\n      el.removeEventListener('keydown', onKeydown);\n\n      var sid = getSectionId(el);\n      var sectionEl = sid ? getSectionElement(sid) : null;\n      window.parent.postMessage({\n        type: 'text-edited',\n        sectionId: sid,\n        elementPath: getElementPath(el),\n        newText: el.innerHTML,\n        sectionHtml: sectionEl ? getCleanSectionHtml(sectionEl) : null,\n      }, '*');\n\n      selectedEl = null;\n    }\n\n    function onKeydown(ev) {\n      if (ev.key === 'Escape') {\n        el.blur();\n      }\n    }\n\n    el.addEventListener('blur', onBlur);\n    el.addEventListener('keydown', onKeydown);\n  }, true);\n\n  // Listen for messages FROM parent (incremental section injection)\n  window.addEventListener('message', function(e) {\n    var msg = e.data;\n    if (!msg || !msg.action) return;\n\n    if (msg.action === 'add-section') {\n      var wrapper = document.createElement('div');\n      wrapper.setAttribute('data-section-id', msg.id);\n      wrapper.innerHTML = msg.html;\n      wrapper.style.animation = 'fadeInUp 0.4s ease-out';\n      document.body.appendChild(wrapper);\n      if (msg.scroll) {\n        wrapper.scrollIntoView({ behavior: 'smooth', block: 'end' });\n      }\n    }\n\n    if (msg.action === 'update-section') {\n      var el = getSectionElement(msg.id);\n      if (el && typeof window.morphdom === 'function') {\n        var tmp = document.createElement('div');\n        tmp.innerHTML = msg.html;\n        window.morphdom(el, tmp, {\n          childrenOnly: true,\n          onBeforeElUpdated: function(fromEl, toEl) {\n            if (fromEl.isEqualNode(toEl)) return false;\n            return true;\n          }\n        });\n      } else if (el) {\n        el.innerHTML = msg.html;\n      }\n    }\n\n    if (msg.action === 'rename-section') {\n      var el = getSectionElement(msg.oldId);\n      if (el) {\n        el.setAttribute('data-section-id', msg.newId);\n        if (msg.html) {\n          if (typeof window.morphdom === 'function') {\n            var tmp = document.createElement('div');\n            tmp.innerHTML = msg.html;\n            window.morphdom(el, tmp, { childrenOnly: true, onBeforeElUpdated: function(f,t){ return !f.isEqualNode(t); } });\n          } else {\n            el.innerHTML = msg.html;\n          }\n        }\n      }\n    }\n\n    if (msg.action === 'remove-section') {\n      var el = getSectionElement(msg.id);\n      if (el) { el.remove(); }\n    }\n\n    if (msg.action === 'reorder-sections') {\n      // msg.order = [id1, id2, id3, ...]\n      var order = msg.order;\n      for (var i = 0; i < order.length; i++) {\n        var el = getSectionElement(order[i]);\n        if (el) { document.body.appendChild(el); }\n      }\n    }\n\n    if (msg.action === 'update-attribute') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl) {\n        var target = null;\n        if (msg.elementPath) {\n          // Find element by matching path\n          var allEls = sectionEl.querySelectorAll(msg.tagName || '*');\n          for (var i = 0; i < allEls.length; i++) {\n            if (getElementPath(allEls[i]) === msg.elementPath) {\n              target = allEls[i];\n              break;\n            }\n          }\n        }\n        console.log('[share/iframe] update-attribute', { sectionId: msg.sectionId, attr: msg.attr, value: msg.value, found: !!target });\n        if (target) {\n          // For style: single-property values (\"color: #abc\") merge via setProperty so other\n          // inline styles survive (FloatingToolbar relies on this). Multi-prop or empty values\n          // replace the whole style attribute atomically (used by ShareInspector after stripInlineProps).\n          if (msg.attr === 'style' && typeof msg.value === 'string'\n              && msg.value.indexOf(':') !== -1 && msg.value.indexOf(';') === -1) {\n            var parts = msg.value.split(':');\n            var prop = parts[0].trim();\n            var val = parts.slice(1).join(':').trim();\n            target.style.setProperty(prop, val);\n          } else {\n            target.setAttribute(msg.attr, msg.value);\n          }\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(target);\n        }\n      }\n    }\n\n    if (msg.action === 'replace-class') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target) {\n          // Remove classes matching prefixes (supports responsive variants like md:p-4)\n          var prefixes = msg.removePrefixes || [];\n          var toRemove = [];\n          for (var ci = 0; ci < target.classList.length; ci++) {\n            var cls = target.classList[ci];\n            var bare = cls.indexOf(':') !== -1 ? cls.substring(cls.lastIndexOf(':') + 1) : cls;\n            for (var pi = 0; pi < prefixes.length; pi++) {\n              if (bare === prefixes[pi] || bare.indexOf(prefixes[pi]) === 0) {\n                toRemove.push(cls);\n                break;\n              }\n            }\n          }\n          for (var ri = 0; ri < toRemove.length; ri++) {\n            target.classList.remove(toRemove[ri]);\n          }\n          // Add new class\n          if (msg.addClass && !target.classList.contains(msg.addClass)) {\n            target.classList.add(msg.addClass);\n          }\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(target);\n        }\n      }\n    }\n\n    if (msg.action === 'delete-element') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target && target.parentNode) {\n          target.parentNode.removeChild(target);\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          window.parent.postMessage({ type: 'element-deselected' }, '*');\n        }\n      }\n    }\n\n    if (msg.action === 'change-tag') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath && msg.newTag) {\n        var target = null;\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            target = allEls[i];\n            break;\n          }\n        }\n        if (target && target.parentNode) {\n          var newEl = document.createElement(msg.newTag);\n          for (var a = 0; a < target.attributes.length; a++) {\n            newEl.setAttribute(target.attributes[a].name, target.attributes[a].value);\n          }\n          while (target.firstChild) newEl.appendChild(target.firstChild);\n          target.parentNode.replaceChild(newEl, target);\n          window.parent.postMessage({\n            type: 'section-html-updated',\n            sectionId: msg.sectionId,\n            sectionHtml: getCleanSectionHtml(sectionEl),\n          }, '*');\n          emitElementSelected(newEl);\n        }\n      }\n    }\n\n    if (msg.action === 'set-theme') {\n      if (msg.theme && msg.theme !== 'default') {\n        document.documentElement.setAttribute('data-theme', msg.theme);\n      } else {\n        document.documentElement.removeAttribute('data-theme');\n      }\n    }\n\n    if (msg.action === 'set-custom-css') {\n      var customStyle = document.getElementById('custom-theme-css');\n      if (!customStyle) {\n        customStyle = document.createElement('style');\n        customStyle.id = 'custom-theme-css';\n        document.head.appendChild(customStyle);\n      }\n      customStyle.textContent = msg.css || '';\n    }\n\n    if (msg.action === 'scroll-to-section') {\n      var el = getSectionElement(msg.id);\n      if (el) { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n    }\n\n    if (msg.action === 'get-scroll') {\n      window.parent.postMessage({ type: 'scroll-position', y: window.scrollY }, '*');\n    }\n\n    if (msg.action === 'restore-scroll') {\n      window.scrollTo(0, msg.y);\n    }\n\n    if (msg.action === 'element-loading') {\n      var sectionEl = getSectionElement(msg.sectionId);\n      if (sectionEl && msg.elementPath) {\n        var allEls = sectionEl.querySelectorAll('*');\n        for (var i = 0; i < allEls.length; i++) {\n          if (getElementPath(allEls[i]) === msg.elementPath) {\n            var el = allEls[i];\n            el.style.position = 'relative';\n            el.style.overflow = 'hidden';\n            var overlay = document.createElement('div');\n            overlay.setAttribute('data-loading-overlay', 'true');\n            overlay.style.cssText = 'position:absolute;inset:0;z-index:999;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;pointer-events:none;';\n            el.appendChild(overlay);\n            break;\n          }\n        }\n      }\n    }\n\n    if (msg.action === 'element-loading-clear') {\n      var overlays = document.querySelectorAll('[data-loading-overlay]');\n      for (var i = 0; i < overlays.length; i++) {\n        overlays[i].remove();\n      }\n    }\n\n    if (msg.action === 'preview-version') {\n      var el = getSectionElement(msg.sectionId);\n      if (el) {\n        // Store original html if not already stored\n        if (!el.dataset.originalHtml) {\n          el.dataset.originalHtml = el.innerHTML;\n        }\n        el.innerHTML = msg.html;\n        el.style.outline = '2px dashed #8B5CF6';\n        el.style.outlineOffset = '-2px';\n        el.style.opacity = '0.85';\n      }\n    }\n\n    if (msg.action === 'exit-preview') {\n      var el = getSectionElement(msg.sectionId);\n      if (el && el.dataset.originalHtml) {\n        el.innerHTML = el.dataset.originalHtml;\n        delete el.dataset.originalHtml;\n        el.style.outline = '';\n        el.style.outlineOffset = '';\n        el.style.opacity = '';\n      }\n    }\n\n    if (msg.action === 'full-rewrite') {\n      // Fallback: rewrite everything\n      document.body.innerHTML = msg.html;\n    }\n  });\n\n  // Forward Cmd/Ctrl+Z undo/redo to parent (iframe captures keyboard focus)\n  document.addEventListener('keydown', function(e) {\n    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'z') {\n      e.preventDefault();\n      window.parent.postMessage({ type: e.shiftKey ? 'redo' : 'undo' }, '*');\n    }\n    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'y') {\n      e.preventDefault();\n      window.parent.postMessage({ type: 'redo' }, '*');\n    }\n  });\n\n  // Image loading placeholders\n  function setupImagePlaceholder(img) {\n    if (img.complete && img.naturalWidth > 0) return;\n    img.style.background = 'linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)';\n    img.style.backgroundSize = '200% 100%';\n    img.style.animation = 'shimmer 1.5s infinite';\n    if (!img.style.minHeight && !img.getAttribute('height')) img.style.minHeight = '120px';\n    function onDone() {\n      img.style.background = '';\n      img.style.backgroundSize = '';\n      img.style.animation = '';\n      if (img.style.minHeight === '120px') img.style.minHeight = '';\n      img.removeEventListener('load', onDone);\n      img.removeEventListener('error', onDone);\n    }\n    img.addEventListener('load', onDone);\n    img.addEventListener('error', onDone);\n  }\n  // Observe new/changed images\n  var imgObserver = new MutationObserver(function(mutations) {\n    for (var m = 0; m < mutations.length; m++) {\n      // New nodes\n      for (var n = 0; n < mutations[m].addedNodes.length; n++) {\n        var node = mutations[m].addedNodes[n];\n        if (node.tagName === 'IMG') setupImagePlaceholder(node);\n        if (node.querySelectorAll) {\n          var imgs = node.querySelectorAll('img');\n          for (var i = 0; i < imgs.length; i++) setupImagePlaceholder(imgs[i]);\n        }\n      }\n      // src attribute changed\n      if (mutations[m].type === 'attributes' && mutations[m].attributeName === 'src' && mutations[m].target.tagName === 'IMG') {\n        setupImagePlaceholder(mutations[m].target);\n      }\n    }\n  });\n  imgObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['src'] });\n  // Initial images\n  var existingImgs = document.querySelectorAll('img');\n  for (var ii = 0; ii < existingImgs.length; ii++) setupImagePlaceholder(existingImgs[ii]);\n\n  // Inject animation keyframes\n  var style = document.createElement('style');\n  style.textContent = '@keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }';\n  document.head.appendChild(style);\n\n  // Notify parent we're ready\n  window.parent.postMessage({ type: 'ready' }, '*');\n})();\n`;\n}\n","import type { Section3 } from \"./types\";\nimport { getIframeScript } from \"./iframeScript\";\nimport { buildThemeCss, buildSingleThemeCss, buildCustomTheme, type CustomColors } from \"./themes\";\n\n/**\n * Build the full HTML for the iframe preview (with editing script).\n */\nexport function buildPreviewHtml(sections: Section3[], theme?: string): string {\n  const sorted = [...sections].sort((a, b) => a.order - b.order);\n  const body = sorted\n    .map((s) => `<div data-section-id=\"${s.id}\">${s.html}</div>`)\n    .join(\"\\n\");\n\n  const dataTheme = theme && theme !== \"default\" ? ` data-theme=\"${theme}\"` : \"\";\n  const { css, tailwindConfig } = buildThemeCss();\n\n  return `<!DOCTYPE html>\n<html lang=\"es\"${dataTheme}>\n<head>\n<meta charset=\"UTF-8\"/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script src=\"https://unpkg.com/morphdom@2.7.4/dist/morphdom-umd.min.js\"></script>\n<script>tailwind.config = ${tailwindConfig}</script>\n<style>\n${css}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}\nimg{max-width:100%}\nsection{width:100%}\nsection>*{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}\n[contenteditable=\"true\"]{cursor:text}\n</style>\n</head>\n<body class=\"bg-surface text-on-surface\">\n${body}\n<script>${getIframeScript()}</script>\n</body>\n</html>`;\n}\n\n/**\n * Build the deploy HTML (no editing script, clean output).\n */\n/**\n * Remove editor artifacts (outline, outlineOffset, contenteditable) from HTML before deploy.\n */\nfunction stripEditorArtifacts(html: string): string {\n  return html\n    .replace(/\\s*outline:\\s*[^;\"]+;?/gi, \"\")\n    .replace(/\\s*outline-offset:\\s*[^;\"]+;?/gi, \"\")\n    .replace(/\\s*style=\"\\s*\"/gi, \"\")\n    .replace(/\\s+contenteditable=\"[^\"]*\"/gi, \"\")\n    .replace(/\\s+data-section-id=\"[^\"]*\"/gi, \"\")\n}\n\nexport function buildDeployHtml(sections: Section3[], theme?: string, customColors?: CustomColors, showBranding = true): string {\n  const sorted = [...sections].sort((a, b) => a.order - b.order);\n  const body = sorted.map((s) => stripEditorArtifacts(s.html)).join(\"\\n\");\n\n  const isCustom = theme === \"custom\" && customColors;\n  const dataTheme = theme && theme !== \"default\" && !isCustom ? ` data-theme=\"${theme}\"` : \"\";\n\n  // For custom theme, build CSS from the custom colors directly (no data-theme needed, inject as :root)\n  const { css: baseCss, tailwindConfig } = isCustom\n    ? (() => {\n        const ct = buildCustomTheme(customColors);\n        const vars = Object.entries(ct.colors).map(([k, v]) => `  --color-${k}: ${v};`).join(\"\\n\");\n        return { css: `:root {\\n${vars}\\n}`, tailwindConfig: buildSingleThemeCss(\"default\").tailwindConfig };\n      })()\n    : buildSingleThemeCss(theme || \"default\");\n\n  return `<!DOCTYPE html>\n<html lang=\"es\"${dataTheme}>\n<head>\n<meta charset=\"UTF-8\"/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n<title>Landing Page</title>\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script>tailwind.config = ${tailwindConfig}</script>\n<style>\n${baseCss}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}\nsection{width:100%}\nsection>*{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}\n</style>\n</head>\n<body class=\"bg-surface text-on-surface\">\n${body}\n${showBranding ? `<div style=\"text-align:center;padding:16px 0 12px;font-size:12px\">\n  <a href=\"https://www.easybits.cloud\" target=\"_blank\" rel=\"noopener\"\n     style=\"color:#9ca3af;text-decoration:none\">\n    Powered by easybits.cloud\n  </a>\n</div>` : \"\"}\n</body>\n</html>`;\n}\n"],"mappings":";;;;;;;AAMO,SAAS,kBAA0B;AACxC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0iBT;;;AC1iBO,SAAS,iBAAiB,UAAsB,OAAwB;AAC7E,QAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7D,QAAM,OAAO,OACV,IAAI,CAAC,MAAM,yBAAyB,EAAE,EAAE,KAAK,EAAE,IAAI,QAAQ,EAC3D,KAAK,IAAI;AAEZ,QAAM,YAAY,SAAS,UAAU,YAAY,gBAAgB,KAAK,MAAM;AAC5E,QAAM,EAAE,KAAK,eAAe,IAAI,cAAc;AAE9C,SAAO;AAAA,iBACQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAME,cAAc;AAAA;AAAA,EAExC,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWH,IAAI;AAAA,UACI,gBAAgB,CAAC;AAAA;AAAA;AAG3B;AAQA,SAAS,qBAAqB,MAAsB;AAClD,SAAO,KACJ,QAAQ,4BAA4B,EAAE,EACtC,QAAQ,mCAAmC,EAAE,EAC7C,QAAQ,oBAAoB,EAAE,EAC9B,QAAQ,gCAAgC,EAAE,EAC1C,QAAQ,gCAAgC,EAAE;AAC/C;AAEO,SAAS,gBAAgB,UAAsB,OAAgB,cAA6B,eAAe,MAAc;AAC9H,QAAM,SAAS,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC7D,QAAM,OAAO,OAAO,IAAI,CAAC,MAAM,qBAAqB,EAAE,IAAI,CAAC,EAAE,KAAK,IAAI;AAEtE,QAAM,WAAW,UAAU,YAAY;AACvC,QAAM,YAAY,SAAS,UAAU,aAAa,CAAC,WAAW,gBAAgB,KAAK,MAAM;AAGzF,QAAM,EAAE,KAAK,SAAS,eAAe,IAAI,YACpC,MAAM;AACL,UAAM,KAAK,iBAAiB,YAAY;AACxC,UAAM,OAAO,OAAO,QAAQ,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,IAAI;AACzF,WAAO,EAAE,KAAK;AAAA,EAAY,IAAI;AAAA,IAAO,gBAAgB,oBAAoB,SAAS,EAAE,eAAe;AAAA,EACrG,GAAG,IACH,oBAAoB,SAAS,SAAS;AAE1C,SAAO;AAAA,iBACQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAME,cAAc;AAAA;AAAA,EAExC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASP,IAAI;AAAA,EACJ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKP,EAAE;AAAA;AAAA;AAGZ;","names":[]}

package/dist/{chunk-JNSVHTFN.js → chunk-XH22BH4A.js}

@@ -1,7 +1,7 @@
 import {
   currentDateLine,
   resolveModel
-} from "./chunk-DCLDOBYZ.js";
+} from "./chunk-QJZQ56GM.js";
 
 // src/directions.ts
 import { generateObject, streamText } from "ai";
@@ -222,4 +222,4 @@ export {
   generateDirections,
   generateHeroPreview
 };
-//# sourceMappingURL=chunk-JNSVHTFN.js.map
+//# sourceMappingURL=chunk-XH22BH4A.js.map

package/dist/components.js

@@ -5,8 +5,8 @@ import {
   SectionList,
   ViewportToggle,
   useUndoStack
-} from "./chunk-EP65R6DE.js";
-import "./chunk-7MGKYJTI.js";
+} from "./chunk-CZSPAIBQ.js";
+import "./chunk-XDJMUIKY.js";
 import "./chunk-DCAQAHSU.js";
 export {
   Canvas,

package/dist/components4.d.ts

@@ -31,6 +31,8 @@ interface GrapesEditorHandle {
     setZoom: (value: number) => void;
     /** Get current canvas zoom level */
     getZoom: () => number;
+    /** Container element wrapping the GrapesJS canvas — useful to measure available width for fit-zoom calculations. */
+    getCanvasContainer: () => HTMLElement | null;
 }
 interface BrandKitItem {
     id: string;
@@ -73,6 +75,8 @@ interface Props$2 {
     }[];
     /** Called when the most visible section changes due to canvas scroll */
     onVisibleSectionChange?: (sectionId: string) => void;
+    /** Called once the canvas iframe has loaded — useful to apply auto-fit zoom based on document format. */
+    onCanvasReady?: () => void;
     /**
      * Editor UI variant. Default `"classic"` preserves the original EasyBits look
      * (dark sidebar `w-80`, hierarchical block grid, black canvas). Set to

package/dist/components4.js

@@ -1490,7 +1490,7 @@ function getPanelTabs(variant) {
   ];
 }
 var GrapesEditor = forwardRef(
-  ({ initialHtml, theme = "minimal", customColors: rawCustomColors, brandKits, onChange, onAiAction, onThemeChange, onBrandKitChange, initialBrandKitId, hiddenTabs = [], canvasStyles, devices, panelSide = "left", blocks: customBlocks, onVisibleSectionChange, editorVariant = "classic" }, ref) => {
+  ({ initialHtml, theme = "minimal", customColors: rawCustomColors, brandKits, onChange, onAiAction, onThemeChange, onBrandKitChange, initialBrandKitId, hiddenTabs = [], canvasStyles, devices, panelSide = "left", blocks: customBlocks, onVisibleSectionChange, onCanvasReady, editorVariant = "classic" }, ref) => {
     useEffect3(() => {
       injectDarkCss(editorVariant);
     }, [editorVariant]);
@@ -1505,6 +1505,8 @@ var GrapesEditor = forwardRef(
     onAiActionRef.current = onAiAction;
     const onVisibleSectionChangeRef = useRef3(onVisibleSectionChange);
     onVisibleSectionChangeRef.current = onVisibleSectionChange;
+    const onCanvasReadyRef = useRef3(onCanvasReady);
+    onCanvasReadyRef.current = onCanvasReady;
     const onThemeChangeRef = useRef3(onThemeChange);
     onThemeChangeRef.current = onThemeChange;
     const onBrandKitChangeRef = useRef3(onBrandKitChange);
@@ -1624,7 +1626,8 @@ ${html}` : html;
       },
       getZoom: () => {
         return editorRef.current?.Canvas.getZoom() ?? 100;
-      }
+      },
+      getCanvasContainer: () => editorContainerRef.current
     }));
     function getThemeCss() {
       try {
@@ -1823,6 +1826,7 @@ ${vars}
             extraStyle.textContent = canvasStyles;
             doc.head.appendChild(extraStyle);
           }
+          requestAnimationFrame(() => onCanvasReadyRef.current?.());
           doc.addEventListener("keydown", (e) => {
             if (e.key !== " ") return;
             const el = e.target;