@brunoalz/smartgesti-site-editor 1.2.0 → 1.3.0

package/dist/engine/preview/Preview.js

@@ -1,90 +1,90 @@
 import { jsx as C, jsxs as W } from "react/jsx-runtime";
-import { useRef as y, useState as j, useEffect as k, useMemo as F } from "react";
+import { useRef as y, useState as j, useEffect as x, useMemo as F } from "react";
 import { componentRegistry as X } from "../registry/registry.js";
 import { exportPageToHtml as Y, exportBlockToHtml as K } from "../export/exportHtml.js";
 import { detectChangedBlocks as Q } from "../../utils/changeDetector.js";
 import { hashDocument as P } from "../../utils/documentHash.js";
 import { logger as D } from "../../utils/logger.js";
-function U(a, v) {
-  const s = (E) => {
-    for (const c of E) {
-      if (c.id === v) return c;
-      const i = c.props;
-      if (i?.children && Array.isArray(i.children)) {
-        const r = s(i.children);
+function U(o, v) {
+  const u = (w) => {
+    for (const d of w) {
+      if (d.id === v) return d;
+      const n = d.props;
+      if (n?.children && Array.isArray(n.children)) {
+        const r = u(n.children);
         if (r) return r;
       }
-      if (c.type === "card") {
-        if (i.header && Array.isArray(i.header)) {
-          const r = s(i.header);
+      if (d.type === "card") {
+        if (n.header && Array.isArray(n.header)) {
+          const r = u(n.header);
           if (r) return r;
         }
-        if (i.content && Array.isArray(i.content)) {
-          const r = s(i.content);
+        if (n.content && Array.isArray(n.content)) {
+          const r = u(n.content);
           if (r) return r;
         }
-        if (i.footer && Array.isArray(i.footer)) {
-          const r = s(i.footer);
+        if (n.footer && Array.isArray(n.footer)) {
+          const r = u(n.footer);
           if (r) return r;
         }
       }
     }
     return null;
   };
-  return s(a.structure);
+  return u(o.structure);
 }
-function V(a) {
-  const v = {}, s = (E) => {
-    for (const c of E) {
-      const i = X.get(c.type);
-      v[c.id] = i?.name || c.type;
-      const r = c.props;
-      r?.children && Array.isArray(r.children) && s(r.children), c.type === "card" && (Array.isArray(r?.header) && s(r.header), Array.isArray(r?.content) && s(r.content), Array.isArray(r?.footer) && s(r.footer));
+function V(o) {
+  const v = {}, u = (w) => {
+    for (const d of w) {
+      const n = X.get(d.type);
+      v[d.id] = n?.name || d.type;
+      const r = d.props;
+      r?.children && Array.isArray(r.children) && u(r.children), d.type === "card" && (Array.isArray(r?.header) && u(r.header), Array.isArray(r?.content) && u(r.content), Array.isArray(r?.footer) && u(r.footer));
     }
   };
-  return a?.structure && s(a.structure), v;
+  return o?.structure && u(o.structure), v;
 }
-function le({
-  document: a,
+function ae({
+  document: o,
   pageId: v,
-  className: s,
-  style: E,
-  onBlockClick: c,
-  selectedBlockId: i,
+  className: u,
+  style: w,
+  onBlockClick: d,
+  selectedBlockId: n,
   showSelectionOverlay: r = !1,
   focusedGroup: H = null
 }) {
-  const l = y(null), _ = y(null), A = y(null), R = y(null), B = y(!1), [G, N] = j(!0), I = y(i), z = y(r), $ = y(H);
-  k(() => {
-    I.current = i;
-  }, [i]), k(() => {
-    z.current = r;
-  }, [r]), k(() => {
-    $.current = H;
+  const s = y(null), E = y(null), _ = y(null), J = y(null), B = y(!1), [$, A] = j(!0), I = y(n), R = y(r), M = y(H);
+  x(() => {
+    I.current = n;
+  }, [n]), x(() => {
+    R.current = r;
+  }, [r]), x(() => {
+    M.current = H;
   }, [H]);
-  const u = F(() => v ? a.pages.find((t) => t.id === v) : a.pages[0], [a, v]), M = y({});
-  k(() => {
-    M.current = V(u);
-  }, [u]);
+  const f = F(() => v ? o.pages.find((t) => t.id === v) : o.pages[0], [o, v]), z = y({});
+  x(() => {
+    z.current = V(f);
+  }, [f]);
   const L = (t) => {
-    if (!l.current) return;
-    const e = l.current.contentDocument || l.current.contentWindow?.document;
+    if (!s.current) return;
+    const e = s.current.contentDocument || s.current.contentWindow?.document;
     if (!e) return;
-    const o = z.current, n = $.current;
+    const i = R.current, l = M.current;
     requestAnimationFrame(() => {
-      const p = e.getElementById("block-highlight");
-      p && p.remove(), e.querySelectorAll("[data-block-id]").forEach((w) => {
-        const f = w;
-        f.style.outline = "", f.style.outlineOffset = "";
+      const c = e.getElementById("block-highlight");
+      c && c.remove(), e.querySelectorAll("[data-block-id]").forEach((T) => {
+        const g = T;
+        g.style.outline = "", g.style.outlineOffset = "";
       });
-      const d = e.getElementById("sg-block-label");
-      d && d.remove();
-      const T = e.getElementById("sg-group-highlight");
-      T && T.remove();
-      const x = e.getElementById("sg-group-label");
-      if (x && x.remove(), t) {
-        const w = e.createElement("style");
-        if (w.id = "block-highlight", w.textContent = `
+      const b = e.getElementById("sg-block-label");
+      b && b.remove();
+      const N = e.getElementById("sg-group-highlight");
+      N && N.remove();
+      const p = e.getElementById("sg-group-label");
+      if (p && p.remove(), t) {
+        const T = e.createElement("style");
+        if (T.id = "block-highlight", T.textContent = `
           [data-block-id="${t}"] {
             outline: 2px solid #3b82f6 !important;
             outline-offset: 2px !important;
@@ -101,47 +101,47 @@ function le({
             pointer-events: none;
             z-index: -1;
           }
-        `, e.head.appendChild(w), o) {
-          const f = e.querySelector(`[data-block-id="${t}"]`);
-          if (f) {
-            const h = M.current[t] || t, b = e.createElement("div");
-            b.id = "sg-block-label", b.textContent = h, b.style.cssText = "position:absolute;top:-22px;left:0;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10000;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;", getComputedStyle(f).position === "static" && (f.style.position = "relative"), f.appendChild(b);
+        `, e.head.appendChild(T), i) {
+          const g = e.querySelector(`[data-block-id="${t}"]`);
+          if (g) {
+            const m = z.current[t] || t, k = e.createElement("div");
+            k.id = "sg-block-label", k.textContent = m, k.style.cssText = "position:absolute;top:-22px;left:0;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10000;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;", getComputedStyle(g).position === "static" && (g.style.position = "relative"), g.appendChild(k);
           }
         }
-        if (n) {
-          const h = e.querySelector(`[data-block-id="${t}"]`)?.querySelector(`[data-block-group="${n}"]`);
-          if (h) {
-            const b = e.createElement("style");
-            b.id = "sg-group-highlight", b.textContent = `
-              [data-block-id="${t}"] [data-block-group="${n}"] {
+        if (l) {
+          const m = e.querySelector(`[data-block-id="${t}"]`)?.querySelector(`[data-block-group="${l}"]`);
+          if (m) {
+            const k = e.createElement("style");
+            k.id = "sg-group-highlight", k.textContent = `
+              [data-block-id="${t}"] [data-block-group="${l}"] {
                 outline: 2px solid #8b5cf6 !important;
                 outline-offset: 2px !important;
                 position: relative;
               }
-            `, e.head.appendChild(b);
+            `, e.head.appendChild(k);
             const S = e.createElement("div");
-            S.id = "sg-group-label", S.textContent = n, S.style.cssText = "position:absolute;top:-20px;right:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10001;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:14px;", getComputedStyle(h).position === "static" && (h.style.position = "relative"), h.appendChild(S);
+            S.id = "sg-group-label", S.textContent = l, S.style.cssText = "position:absolute;top:-20px;right:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10001;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:14px;", getComputedStyle(m).position === "static" && (m.style.position = "relative"), m.appendChild(S);
           }
         }
       }
     });
-  }, J = () => {
-    l.current?.contentWindow && l.current.contentWindow.postMessage({
+  }, q = () => {
+    s.current?.contentWindow && s.current.contentWindow.postMessage({
       type: "sg-set-block-names",
-      names: M.current
+      names: z.current
     }, "*");
-  }, q = (t) => {
-    if (!l.current) return;
-    const e = l.current.contentDocument || l.current.contentWindow?.document;
+  }, O = (t) => {
+    if (!s.current) return;
+    const e = s.current.contentDocument || s.current.contentWindow?.document;
     if (!e) return;
-    const o = e.getElementById("sg-hover-overlay");
-    if (o && o.remove(), !t) {
-      const n = e.getElementById("sg-hover-tooltip");
-      n && (n.style.opacity = "0");
+    const i = e.getElementById("sg-hover-overlay");
+    if (i && i.remove(), !t) {
+      const l = e.getElementById("sg-hover-tooltip");
+      l && (l.style.opacity = "0");
     }
     if (t) {
-      const n = e.createElement("style");
-      n.id = "sg-hover-overlay", n.textContent = `
+      const l = e.createElement("style");
+      l.id = "sg-hover-overlay", l.textContent = `
         [data-block-id] {
           cursor: pointer;
           transition: outline 0.15s ease, outline-offset 0.15s ease;
@@ -159,15 +159,15 @@ function le({
           outline-offset: 1px !important;
           background: rgba(139, 92, 246, 0.04);
         }
-      `, e.head.appendChild(n), J();
+      `, e.head.appendChild(l), q();
     }
     L(I.current || null);
-  }, m = (t, e) => {
-    if (!(!l.current || !u))
+  }, h = (t, e) => {
+    if (!(!s.current || !f))
       try {
-        e && N(!0);
-        let o = Y(u, t, !0);
-        const n = `
+        e && A(!0);
+        let i = Y(f, t, !0);
+        const l = `
           <script>
             (function() {
               // Click handler
@@ -271,115 +271,120 @@ function le({
             })();
           <\/script>
         `;
-        o = o.replace("</body>", `${n}</body>`), o.includes("</body>") || (o = o + n);
-        const p = l.current, g = () => {
-          L(I.current || null), z.current && q(!0);
+        i = i.replace("</body>", `${l}</body>`), i.includes("</body>") || (i = i + l);
+        const c = s.current, a = () => {
+          L(I.current || null), R.current && O(!0);
         };
-        e ? (p.onload = () => {
-          N(!1), _.current = JSON.parse(JSON.stringify(t)), A.current = P(t), g();
+        e ? (c.onload = () => {
+          A(!1), E.current = JSON.parse(JSON.stringify(t)), _.current = P(t), a();
         }, setTimeout(() => {
-          N(!1), _.current = JSON.parse(JSON.stringify(t)), A.current = P(t), g();
-        }, 1e3)) : (_.current = JSON.parse(JSON.stringify(t)), A.current = P(t), p.onload = () => {
-          g();
-        }), p.srcdoc = o;
-      } catch (o) {
-        D.error("[Preview] Error:", o), e && N(!1);
+          A(!1), E.current = JSON.parse(JSON.stringify(t)), _.current = P(t), a();
+        }, 1e3)) : (E.current = JSON.parse(JSON.stringify(t)), _.current = P(t), c.onload = () => {
+          a();
+        }), c.srcdoc = i;
+      } catch (i) {
+        D.error("[Preview] Error:", i), e && A(!1);
       }
-  }, O = (t, e) => {
-    if (!(!l.current || !u))
+  }, G = (t, e) => {
+    if (!(!s.current || !f))
       try {
-        const o = U(u, t);
-        if (!o) {
-          m(e, !1);
+        const i = U(f, t);
+        if (!i) {
+          h(e, !1);
           return;
         }
-        const n = K(o, void 0, e.theme);
+        const l = K(i, void 0, e.theme);
         requestAnimationFrame(() => {
-          const p = l.current;
-          if (!p) return;
-          const g = p.contentDocument || p.contentWindow?.document;
-          if (!g) return;
-          const d = g.querySelector(`[data-block-id="${t}"]`);
-          if (d)
+          const c = s.current;
+          if (!c) return;
+          const a = c.contentDocument || c.contentWindow?.document;
+          if (!a) return;
+          const b = a.querySelector(`[data-block-id="${t}"]`);
+          if (b)
             try {
-              g.querySelectorAll(`style[data-block-style="${t}"]`).forEach((h) => h.remove());
-              const x = g.createElement("div");
-              x.innerHTML = n, x.querySelectorAll("style").forEach((h) => {
-                h.setAttribute("data-block-style", t);
+              a.querySelectorAll(`style[data-block-style="${t}"]`).forEach((m) => m.remove());
+              const p = a.createElement("div");
+              p.innerHTML = l, p.querySelectorAll("style").forEach((m) => {
+                m.setAttribute("data-block-style", t);
               });
-              const f = g.createDocumentFragment();
-              for (; x.firstChild; )
-                f.appendChild(x.firstChild);
-              f.childNodes.length > 0 ? d.parentNode?.replaceChild(f, d) : d.outerHTML = n, _.current = JSON.parse(JSON.stringify(e)), A.current = P(e), L(I.current || null);
-            } catch (T) {
-              D.error("[Preview] Erro ao atualizar:", T), m(e, !1);
+              const g = a.createDocumentFragment();
+              for (; p.firstChild; )
+                g.appendChild(p.firstChild);
+              g.childNodes.length > 0 ? b.parentNode?.replaceChild(g, b) : b.outerHTML = l, E.current = JSON.parse(JSON.stringify(e)), _.current = P(e), L(I.current || null);
+            } catch (N) {
+              D.error("[Preview] Erro ao atualizar:", N), h(e, !1);
             }
           else
-            m(e, !1);
+            h(e, !1);
         });
-      } catch (o) {
-        D.error("[Preview] Erro:", o), m(e, !1);
+      } catch (i) {
+        D.error("[Preview] Erro:", i), h(e, !1);
       }
   };
-  return k(() => {
-    if (!u) {
-      N(!1);
+  return x(() => {
+    if (!f) {
+      A(!1);
       return;
     }
-    const t = P(a);
+    const t = P(o);
     if (!B.current) {
-      l.current && (B.current = !0, R.current = u?.id ?? null, m(a, !0));
+      s.current && (B.current = !0, J.current = f?.id ?? null, h(o, !0));
       return;
     }
-    if (!l.current) return;
-    const e = u?.id ?? null;
-    if (R.current !== e) {
-      R.current = e, m(a, !1);
+    if (!s.current) return;
+    const e = f?.id ?? null;
+    if (J.current !== e) {
+      J.current = e, h(o, !1);
       return;
     }
-    if (A.current === t)
+    if (_.current === t)
       return;
-    const o = Q(
-      _.current || a,
-      a,
-      u?.id
+    const i = E.current ? JSON.stringify(E.current.theme) : null, l = JSON.stringify(o.theme);
+    if (i !== l) {
+      h(o, !1);
+      return;
+    }
+    const c = Q(
+      E.current || o,
+      o,
+      f?.id
     );
-    if (o.length === 0) {
+    if (c.length === 0) {
       D.debug(
         "[Preview] Hash changed but no changes detected, forcing reload"
-      ), m(a, !1);
+      ), h(o, !1);
       return;
     }
-    if (o.some(
-      (n) => n.blockId === "__structural__" || n.changedProps?.includes("children")
+    if (c.some(
+      (a) => a.blockId === "__structural__" || a.changedProps?.includes("children")
     )) {
-      m(a, !1);
+      h(o, !1);
       return;
     }
-    if (o.length === 1) {
-      const n = o[0];
-      if (!(n.changedProps || []).some(
-        (d) => d === "children" || d === "header" || d === "content" || d === "footer"
+    if (c.length === 1) {
+      const a = c[0];
+      if (!(a.changedProps || []).some(
+        (p) => p === "children" || p === "header" || p === "content" || p === "footer"
       )) {
-        O(n.blockId, a);
+        G(a.blockId, o);
         return;
       }
     }
-    m(a, !1);
-  }, [a, u]), k(() => {
-    B.current && L(i || null);
-  }, [i, H]), k(() => {
-    B.current && q(r);
-  }, [r]), k(() => {
-    if (!c) return;
+    h(o, !1);
+  }, [o, f]), x(() => {
+    B.current && L(n || null);
+  }, [n, H]), x(() => {
+    B.current && O(r);
+  }, [r]), x(() => {
+    if (!d) return;
     const t = (e) => {
-      e.data?.type === "block-click" && e.data?.blockId && c(e.data.blockId, e.data.group || void 0);
+      e.data?.type === "block-click" && e.data?.blockId && d(e.data.blockId, e.data.group || void 0);
     };
     return window.addEventListener("message", t), () => {
       window.removeEventListener("message", t);
     };
-  }, [c]), u ? /* @__PURE__ */ W("div", { className: s, style: { position: "relative", ...E }, children: [
-    G && /* @__PURE__ */ C(
+  }, [d]), f ? /* @__PURE__ */ W("div", { className: u, style: { position: "relative", ...w }, children: [
+    $ && /* @__PURE__ */ C(
       "div",
       {
         style: {
@@ -400,7 +405,7 @@ function le({
     /* @__PURE__ */ C(
       "iframe",
       {
-        ref: l,
+        ref: s,
         style: {
           width: "100%",
           height: "100%",
@@ -410,9 +415,9 @@ function le({
         title: "Preview do site"
       }
     )
-  ] }) : /* @__PURE__ */ C("div", { className: s, style: E, children: /* @__PURE__ */ C("div", { style: { padding: "2rem", textAlign: "center", color: "#6b7280" }, children: "Página não encontrada" }) });
+  ] }) : /* @__PURE__ */ C("div", { className: u, style: w, children: /* @__PURE__ */ C("div", { style: { padding: "2rem", textAlign: "center", color: "#6b7280" }, children: "Página não encontrada" }) });
 }
 export {
-  le as Preview
+  ae as Preview
 };
 //# sourceMappingURL=Preview.js.map

package/dist/engine/preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../src/engine/preview/Preview.tsx"],"sourcesContent":["/**\n * Preview\n * Sem dependências circulares, sem reloads desnecessários\n */\n\nimport React, { useEffect, useRef, useState, useMemo } from \"react\";\nimport { SiteDocument, Block } from \"../schema/siteDocument\";\nimport { componentRegistry } from \"../registry/registry\";\nimport { exportPageToHtml, exportBlockToHtml } from \"../export/exportHtml\";\nimport { detectChangedBlocks } from \"../../utils/changeDetector\";\nimport { hashDocument } from \"../../utils/documentHash\";\nimport { logger } from \"../../utils/logger\";\n\nexport interface PreviewProps {\n  document: SiteDocument;\n  pageId?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onBlockClick?: (blockId: string, group?: string) => void;\n  selectedBlockId?: string | null;\n  /** Exibe hover e label de seleção nos blocos do preview */\n  showSelectionOverlay?: boolean;\n  /** Grupo focado para indicador visual no preview */\n  focusedGroup?: string | null;\n}\n\n/**\n * Encontra um bloco na estrutura recursivamente\n */\nfunction findBlockInPage(page: any, blockId: string): Block | null {\n  const findInBlocks = (blocks: Block[]): Block | null => {\n    for (const block of blocks) {\n      if (block.id === blockId) return block;\n      const props = block.props as Record<string, any>;\n      if (props?.children && Array.isArray(props.children)) {\n        const found = findInBlocks(props.children);\n        if (found) return found;\n      }\n      if (block.type === \"card\") {\n        if (props.header && Array.isArray(props.header)) {\n          const found = findInBlocks(props.header);\n          if (found) return found;\n        }\n        if (props.content && Array.isArray(props.content)) {\n          const found = findInBlocks(props.content);\n          if (found) return found;\n        }\n        if (props.footer && Array.isArray(props.footer)) {\n          const found = findInBlocks(props.footer);\n          if (found) return found;\n        }\n      }\n    }\n    return null;\n  };\n  return findInBlocks(page.structure);\n}\n\n/**\n * Monta mapa blockId → nome legível (da registry)\n */\nfunction buildBlockNameMap(page: any): Record<string, string> {\n  const map: Record<string, string> = {};\n  const walk = (blocks: Block[]) => {\n    for (const block of blocks) {\n      const def = componentRegistry.get(block.type);\n      map[block.id] = def?.name || block.type;\n      const props = block.props as Record<string, any>;\n      if (props?.children && Array.isArray(props.children)) walk(props.children);\n      if (block.type === \"card\") {\n        if (Array.isArray(props?.header)) walk(props.header);\n        if (Array.isArray(props?.content)) walk(props.content);\n        if (Array.isArray(props?.footer)) walk(props.footer);\n      }\n    }\n  };\n  if (page?.structure) walk(page.structure);\n  return map;\n}\n\n/**\n * Componente de preview usando iframe isolado\n */\nexport function Preview({\n  document,\n  pageId,\n  className,\n  style,\n  onBlockClick,\n  selectedBlockId,\n  showSelectionOverlay = false,\n  focusedGroup = null,\n}: PreviewProps) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const previousDocRef = useRef<SiteDocument | null>(null);\n  const previousDocHashRef = useRef<string | null>(null);\n  const previousPageIdRef = useRef<string | null>(null);\n  const isInitializedRef = useRef<boolean>(false);\n  const [isLoading, setIsLoading] = useState(true);\n\n  // Usar ref para selectedBlockId (necessário para highlight assíncrono)\n  const selectedBlockIdRef = useRef(selectedBlockId);\n  const showSelectionOverlayRef = useRef(showSelectionOverlay);\n  const focusedGroupRef = useRef(focusedGroup);\n\n  // Atualizar refs quando props mudam\n  useEffect(() => {\n    selectedBlockIdRef.current = selectedBlockId;\n  }, [selectedBlockId]);\n\n  useEffect(() => {\n    showSelectionOverlayRef.current = showSelectionOverlay;\n  }, [showSelectionOverlay]);\n\n  useEffect(() => {\n    focusedGroupRef.current = focusedGroup;\n  }, [focusedGroup]);\n\n  const page = useMemo(() => {\n    return pageId\n      ? document.pages.find((p) => p.id === pageId)\n      : document.pages[0];\n  }, [document, pageId]);\n\n  // Mapa blockId → nome legível para labels\n  const blockNameMapRef = useRef<Record<string, string>>({});\n  useEffect(() => {\n    blockNameMapRef.current = buildBlockNameMap(page);\n  }, [page]);\n\n  // Atualizar highlight + selection overlay diretamente no iframe (sem reload)\n  const updateHighlight = (blockId: string | null) => {\n    if (!iframeRef.current) return;\n\n    const iframeDoc =\n      iframeRef.current.contentDocument ||\n      iframeRef.current.contentWindow?.document;\n    if (!iframeDoc) return;\n\n    const overlayEnabled = showSelectionOverlayRef.current;\n    const group = focusedGroupRef.current;\n\n    requestAnimationFrame(() => {\n      // Remover highlight anterior\n      const oldStyle = iframeDoc.getElementById(\"block-highlight\");\n      if (oldStyle) oldStyle.remove();\n\n      const allBlocks = iframeDoc.querySelectorAll(\"[data-block-id]\");\n      allBlocks.forEach((el) => {\n        const htmlEl = el as HTMLElement;\n        htmlEl.style.outline = \"\";\n        htmlEl.style.outlineOffset = \"\";\n      });\n\n      // Remover labels anteriores\n      const oldLabel = iframeDoc.getElementById(\"sg-block-label\");\n      if (oldLabel) oldLabel.remove();\n      const oldGroupStyle = iframeDoc.getElementById(\"sg-group-highlight\");\n      if (oldGroupStyle) oldGroupStyle.remove();\n      const oldGroupLabel = iframeDoc.getElementById(\"sg-group-label\");\n      if (oldGroupLabel) oldGroupLabel.remove();\n\n      // Adicionar novo highlight\n      if (blockId) {\n        const highlightStyle = iframeDoc.createElement(\"style\");\n        highlightStyle.id = \"block-highlight\";\n        highlightStyle.textContent = `\n          [data-block-id=\"${blockId}\"] {\n            outline: 2px solid #3b82f6 !important;\n            outline-offset: 2px !important;\n            position: relative;\n          }\n          [data-block-id=\"${blockId}\"]::before {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            background: rgba(59, 130, 246, 0.1);\n            pointer-events: none;\n            z-index: -1;\n          }\n        `;\n        iframeDoc.head.appendChild(highlightStyle);\n\n        // Selection label (only when overlay is enabled)\n        if (overlayEnabled) {\n          const selectedEl = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`) as HTMLElement;\n          if (selectedEl) {\n            const blockName = blockNameMapRef.current[blockId] || blockId;\n            const label = iframeDoc.createElement(\"div\");\n            label.id = \"sg-block-label\";\n            label.textContent = blockName;\n            label.style.cssText = \"position:absolute;top:-22px;left:0;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10000;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;\";\n            const pos = getComputedStyle(selectedEl).position;\n            if (pos === \"static\") selectedEl.style.position = \"relative\";\n            selectedEl.appendChild(label);\n          }\n        }\n\n        // Indicador de grupo — mostra qual sub-seção foi clicada (purple)\n        if (group) {\n          const blockEl = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`);\n          const groupEl = blockEl?.querySelector(`[data-block-group=\"${group}\"]`) as HTMLElement;\n          if (groupEl) {\n            const ghStyle = iframeDoc.createElement(\"style\");\n            ghStyle.id = \"sg-group-highlight\";\n            ghStyle.textContent = `\n              [data-block-id=\"${blockId}\"] [data-block-group=\"${group}\"] {\n                outline: 2px solid #8b5cf6 !important;\n                outline-offset: 2px !important;\n                position: relative;\n              }\n            `;\n            iframeDoc.head.appendChild(ghStyle);\n\n            const gLabel = iframeDoc.createElement(\"div\");\n            gLabel.id = \"sg-group-label\";\n            gLabel.textContent = group;\n            gLabel.style.cssText = \"position:absolute;top:-20px;right:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10001;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:14px;\";\n            const gPos = getComputedStyle(groupEl).position;\n            if (gPos === \"static\") groupEl.style.position = \"relative\";\n            groupEl.appendChild(gLabel);\n          }\n        }\n      }\n    });\n  };\n\n  // Enviar mapa de nomes para o iframe\n  const sendBlockNamesToIframe = () => {\n    if (!iframeRef.current?.contentWindow) return;\n    iframeRef.current.contentWindow.postMessage({\n      type: \"sg-set-block-names\",\n      names: blockNameMapRef.current,\n    }, \"*\");\n  };\n\n  // Atualizar hover overlay (injetar/remover CSS de hover nos blocos)\n  const updateSelectionOverlay = (enabled: boolean) => {\n    if (!iframeRef.current) return;\n\n    const iframeDoc =\n      iframeRef.current.contentDocument ||\n      iframeRef.current.contentWindow?.document;\n    if (!iframeDoc) return;\n\n    const existingStyle = iframeDoc.getElementById(\"sg-hover-overlay\");\n    if (existingStyle) existingStyle.remove();\n\n    // Remove tooltip when disabling\n    if (!enabled) {\n      const tooltip = iframeDoc.getElementById(\"sg-hover-tooltip\");\n      if (tooltip) tooltip.style.opacity = \"0\";\n    }\n\n    if (enabled) {\n      const hoverStyle = iframeDoc.createElement(\"style\");\n      hoverStyle.id = \"sg-hover-overlay\";\n      hoverStyle.textContent = `\n        [data-block-id] {\n          cursor: pointer;\n          transition: outline 0.15s ease, outline-offset 0.15s ease;\n        }\n        [data-block-id]:hover {\n          outline: 2px dashed #94a3b8 !important;\n          outline-offset: 2px !important;\n        }\n        [data-block-group] {\n          cursor: pointer;\n          transition: outline 0.15s ease, background 0.15s ease;\n        }\n        [data-block-group]:hover {\n          outline: 1.5px dashed #a78bfa !important;\n          outline-offset: 1px !important;\n          background: rgba(139, 92, 246, 0.04);\n        }\n      `;\n      iframeDoc.head.appendChild(hoverStyle);\n      sendBlockNamesToIframe();\n    }\n\n    // Re-apply highlight (recalcula label)\n    updateHighlight(selectedBlockIdRef.current || null);\n  };\n\n  // Atualizar preview completo (com srcdoc - causa reload)\n  const updateFullPreview = (doc: SiteDocument, showLoading: boolean) => {\n    if (!iframeRef.current || !page) return;\n\n    try {\n      if (showLoading) {\n        setIsLoading(true);\n      }\n\n      let html = exportPageToHtml(page, doc, true);\n\n      // Adicionar click handler + hover handler: links não navegam, enviam editor-navigate; outros cliques enviam block-click\n      const clickHandler = `\n          <script>\n            (function() {\n              // Click handler\n              document.addEventListener('click', function(e) {\n                var target = e.target;\n                var anchor = target;\n                while (anchor && anchor.tagName !== 'A') {\n                  anchor = anchor.parentElement;\n                }\n                if (anchor && anchor.tagName === 'A' && anchor.href) {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  window.parent.postMessage({\n                    type: 'editor-navigate',\n                    href: anchor.getAttribute('href') || anchor.href\n                  }, '*');\n                  return;\n                }\n                var element = target;\n                var group = null;\n                while (element && !element.dataset.blockId) {\n                  if (element.dataset && element.dataset.blockGroup && !group) {\n                    group = element.dataset.blockGroup;\n                  }\n                  element = element.parentElement;\n                }\n                if (element && element.dataset.blockId) {\n                  window.parent.postMessage({\n                    type: 'block-click',\n                    blockId: element.dataset.blockId,\n                    group: group\n                  }, '*');\n                }\n              }, true);\n\n              // Hover tooltip — block name map injected from parent via postMessage\n              var _blockNames = {};\n              var _hoverTooltip = null;\n\n              window.addEventListener('message', function(e) {\n                if (e.data && e.data.type === 'sg-set-block-names') {\n                  _blockNames = e.data.names || {};\n                }\n              });\n\n              function getTooltip() {\n                if (_hoverTooltip) return _hoverTooltip;\n                _hoverTooltip = document.createElement('div');\n                _hoverTooltip.id = 'sg-hover-tooltip';\n                _hoverTooltip.style.cssText = 'position:fixed;top:0;left:0;background:#334155;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;z-index:99999;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;opacity:0;transition:opacity 0.12s ease;box-shadow:0 2px 6px rgba(0,0,0,0.2);';\n                document.body.appendChild(_hoverTooltip);\n                return _hoverTooltip;\n              }\n\n              var _currentHoveredBlock = null;\n              var _currentHoveredGroup = null;\n\n              document.addEventListener('mouseover', function(e) {\n                // Check if hover overlay is active\n                if (!document.getElementById('sg-hover-overlay')) return;\n                var el = e.target;\n                var groupName = null;\n                while (el && !el.dataset.blockId) {\n                  if (el.dataset && el.dataset.blockGroup && !groupName) {\n                    groupName = el.dataset.blockGroup;\n                  }\n                  el = el.parentElement;\n                }\n                if (el && el.dataset.blockId) {\n                  if (el !== _currentHoveredBlock || groupName !== _currentHoveredGroup) {\n                    _currentHoveredBlock = el;\n                    _currentHoveredGroup = groupName;\n                    var tt = getTooltip();\n                    var blockName = _blockNames[el.dataset.blockId] || el.dataset.blockId;\n                    tt.textContent = groupName ? (blockName + ' \\\\u203A ' + groupName) : blockName;\n                    tt.style.opacity = '1';\n                  }\n                }\n              }, true);\n\n              document.addEventListener('mousemove', function(e) {\n                if (_hoverTooltip && _hoverTooltip.style.opacity === '1') {\n                  _hoverTooltip.style.left = (e.clientX + 12) + 'px';\n                  _hoverTooltip.style.top = (e.clientY - 28) + 'px';\n                }\n              }, true);\n\n              document.addEventListener('mouseout', function(e) {\n                var el = e.target;\n                while (el && !el.dataset.blockId) el = el.parentElement;\n                if (el === _currentHoveredBlock) {\n                  var related = e.relatedTarget;\n                  while (related && related !== el) related = related.parentElement;\n                  if (!related) {\n                    _currentHoveredBlock = null;\n                    _currentHoveredGroup = null;\n                    if (_hoverTooltip) _hoverTooltip.style.opacity = '0';\n                  }\n                }\n              }, true);\n            })();\n          </script>\n        `;\n      html = html.replace(\"</body>\", `${clickHandler}</body>`);\n      if (!html.includes(\"</body>\")) {\n        html = html + clickHandler;\n      }\n\n      const iframe = iframeRef.current;\n\n      const applyOverlayAfterLoad = () => {\n        updateHighlight(selectedBlockIdRef.current || null);\n        if (showSelectionOverlayRef.current) {\n          updateSelectionOverlay(true);\n        }\n      };\n\n      if (showLoading) {\n        iframe.onload = () => {\n          setIsLoading(false);\n          previousDocRef.current = JSON.parse(JSON.stringify(doc));\n          previousDocHashRef.current = hashDocument(doc);\n          applyOverlayAfterLoad();\n        };\n        setTimeout(() => {\n          setIsLoading(false);\n          previousDocRef.current = JSON.parse(JSON.stringify(doc));\n          previousDocHashRef.current = hashDocument(doc);\n          applyOverlayAfterLoad();\n        }, 1000);\n      } else {\n        previousDocRef.current = JSON.parse(JSON.stringify(doc));\n        previousDocHashRef.current = hashDocument(doc);\n        iframe.onload = () => {\n          applyOverlayAfterLoad();\n        };\n      }\n\n      iframe.srcdoc = html;\n    } catch (error) {\n      logger.error(\"[Preview] Error:\", error);\n      if (showLoading) {\n        setIsLoading(false);\n      }\n    }\n  };\n\n  // Atualizar apenas um bloco (sem reload)\n  const updatePartialPreview = (blockId: string, doc: SiteDocument) => {\n    if (!iframeRef.current || !page) return;\n\n    try {\n      const block = findBlockInPage(page, blockId);\n      if (!block) {\n        updateFullPreview(doc, false);\n        return;\n      }\n\n      const blockHtml = exportBlockToHtml(block, undefined, doc.theme);\n\n      requestAnimationFrame(() => {\n        const iframe = iframeRef.current;\n        if (!iframe) return;\n\n        const iframeDoc =\n          iframe.contentDocument || iframe.contentWindow?.document;\n        if (!iframeDoc) return;\n\n        const element = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`);\n        if (element) {\n          try {\n            // Remover <style> tags antigas associadas a este bloco\n            const oldStyles = iframeDoc.querySelectorAll(`style[data-block-style=\"${blockId}\"]`);\n            oldStyles.forEach(s => s.remove());\n\n            const temp = iframeDoc.createElement(\"div\");\n            temp.innerHTML = blockHtml;\n\n            // Marcar e extrair <style> tags para inserção separada\n            const styleTags = temp.querySelectorAll(\"style\");\n            styleTags.forEach(style => {\n              style.setAttribute(\"data-block-style\", blockId);\n            });\n\n            // Usar DocumentFragment para substituir com múltiplos elementos irmãos\n            // (ex: <style>hover CSS</style><button>text</button>)\n            const fragment = iframeDoc.createDocumentFragment();\n            while (temp.firstChild) {\n              fragment.appendChild(temp.firstChild);\n            }\n\n            if (fragment.childNodes.length > 0) {\n              element.parentNode?.replaceChild(fragment, element);\n            } else {\n              element.outerHTML = blockHtml;\n            }\n\n            // Atualizar refs\n            previousDocRef.current = JSON.parse(JSON.stringify(doc));\n            previousDocHashRef.current = hashDocument(doc);\n\n            // Reaplicar highlight\n            updateHighlight(selectedBlockIdRef.current || null);\n          } catch (error) {\n            logger.error(\"[Preview] Erro ao atualizar:\", error);\n            updateFullPreview(doc, false);\n          }\n        } else {\n          updateFullPreview(doc, false);\n        }\n      });\n    } catch (error) {\n      logger.error(\"[Preview] Erro:\", error);\n      updateFullPreview(doc, false);\n    }\n  };\n\n  // Efeito para mudanças no DOCUMENTO (não no selectedBlockId)\n  useEffect(() => {\n    if (!page) {\n      setIsLoading(false);\n      return;\n    }\n\n    const currentDocHash = hashDocument(document);\n\n    // Primeira renderização\n    if (!isInitializedRef.current) {\n      if (iframeRef.current) {\n        isInitializedRef.current = true;\n        previousPageIdRef.current = page?.id ?? null;\n        updateFullPreview(document, true);\n      }\n      return;\n    }\n\n    if (!iframeRef.current) return;\n\n    // Detectar troca de página (pageId mudou)\n    const currentPageId = page?.id ?? null;\n    if (previousPageIdRef.current !== currentPageId) {\n      previousPageIdRef.current = currentPageId;\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Se hash não mudou, não há mudanças no documento\n    if (previousDocHashRef.current === currentDocHash) {\n      return;\n    }\n\n    // Detectar mudanças na página atual\n    const changedBlocks = detectChangedBlocks(\n      previousDocRef.current || document,\n      document,\n      page?.id,\n    );\n\n    // Se não há mudanças detectadas mas o hash mudou, forçar reload\n    if (changedBlocks.length === 0) {\n      logger.debug(\n        \"[Preview] Hash changed but no changes detected, forcing reload\",\n      );\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Mudança estrutural (bloco adicionado/removido) = reload completo\n    if (\n      changedBlocks.some(\n        (c) =>\n          c.blockId === \"__structural__\" ||\n          c.changedProps?.includes(\"children\"),\n      )\n    ) {\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Mudança de 1 bloco (não estrutural) = atualização parcial\n    if (changedBlocks.length === 1) {\n      const change = changedBlocks[0];\n      const changedProps = change.changedProps || [];\n\n      const isStructural = changedProps.some(\n        (prop) =>\n          prop === \"children\" ||\n          prop === \"header\" ||\n          prop === \"content\" ||\n          prop === \"footer\",\n      );\n\n      if (!isStructural) {\n        updatePartialPreview(change.blockId, document);\n        return;\n      }\n    }\n\n    // Fallback: reload completo SEM loader\n    updateFullPreview(document, false);\n  }, [document, page]); // APENAS document e page - sem funções\n\n  // Efeito SEPARADO para highlight (não recarrega o preview)\n  useEffect(() => {\n    if (!isInitializedRef.current) return;\n    updateHighlight(selectedBlockId || null);\n  }, [selectedBlockId, focusedGroup]); // eslint-disable-line react-hooks/exhaustive-deps -- updateHighlight reads focusedGroupRef\n\n  // Efeito para toggle do selection overlay\n  useEffect(() => {\n    if (!isInitializedRef.current) return;\n    updateSelectionOverlay(showSelectionOverlay);\n  }, [showSelectionOverlay]); // eslint-disable-line react-hooks/exhaustive-deps -- same pattern as updateFullPreview\n\n  // Listener para cliques\n  useEffect(() => {\n    if (!onBlockClick) return;\n\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type === \"block-click\" && event.data?.blockId) {\n        onBlockClick(event.data.blockId, event.data.group || undefined);\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n    };\n  }, [onBlockClick]);\n\n  if (!page) {\n    return (\n      <div className={className} style={style}>\n        <div style={{ padding: \"2rem\", textAlign: \"center\", color: \"#6b7280\" }}>\n          Página não encontrada\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={{ position: \"relative\", ...style }}>\n      {isLoading && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            backgroundColor: \"rgba(255, 255, 255, 0.8)\",\n            zIndex: 10,\n          }}\n        >\n          <div style={{ color: \"#6b7280\" }}>Carregando preview...</div>\n        </div>\n      )}\n      <iframe\n        ref={iframeRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          border: \"none\",\n          backgroundColor: \"#ffffff\",\n        }}\n        title=\"Preview do site\"\n      />\n    </div>\n  );\n}\n"],"names":["findBlockInPage","page","blockId","findInBlocks","blocks","block","props","found","buildBlockNameMap","map","walk","def","componentRegistry","Preview","document","pageId","className","style","onBlockClick","selectedBlockId","showSelectionOverlay","focusedGroup","iframeRef","useRef","previousDocRef","previousDocHashRef","previousPageIdRef","isInitializedRef","isLoading","setIsLoading","useState","selectedBlockIdRef","showSelectionOverlayRef","focusedGroupRef","useEffect","useMemo","p","blockNameMapRef","updateHighlight","iframeDoc","overlayEnabled","group","oldStyle","el","htmlEl","oldLabel","oldGroupStyle","oldGroupLabel","highlightStyle","selectedEl","blockName","label","groupEl","ghStyle","gLabel","sendBlockNamesToIframe","updateSelectionOverlay","enabled","existingStyle","tooltip","hoverStyle","updateFullPreview","doc","showLoading","html","exportPageToHtml","clickHandler","iframe","applyOverlayAfterLoad","hashDocument","error","logger","updatePartialPreview","blockHtml","exportBlockToHtml","element","s","temp","fragment","currentDocHash","currentPageId","changedBlocks","detectChangedBlocks","c","change","prop","handleMessage","event","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Preview.js","sources":["../../../src/engine/preview/Preview.tsx"],"sourcesContent":["/**\n * Preview\n * Sem dependências circulares, sem reloads desnecessários\n */\n\nimport React, { useEffect, useRef, useState, useMemo } from \"react\";\nimport { SiteDocument, Block } from \"../schema/siteDocument\";\nimport { componentRegistry } from \"../registry/registry\";\nimport { exportPageToHtml, exportBlockToHtml } from \"../export/exportHtml\";\nimport { detectChangedBlocks } from \"../../utils/changeDetector\";\nimport { hashDocument } from \"../../utils/documentHash\";\nimport { logger } from \"../../utils/logger\";\n\nexport interface PreviewProps {\n  document: SiteDocument;\n  pageId?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onBlockClick?: (blockId: string, group?: string) => void;\n  selectedBlockId?: string | null;\n  /** Exibe hover e label de seleção nos blocos do preview */\n  showSelectionOverlay?: boolean;\n  /** Grupo focado para indicador visual no preview */\n  focusedGroup?: string | null;\n}\n\n/**\n * Encontra um bloco na estrutura recursivamente\n */\nfunction findBlockInPage(page: any, blockId: string): Block | null {\n  const findInBlocks = (blocks: Block[]): Block | null => {\n    for (const block of blocks) {\n      if (block.id === blockId) return block;\n      const props = block.props as Record<string, any>;\n      if (props?.children && Array.isArray(props.children)) {\n        const found = findInBlocks(props.children);\n        if (found) return found;\n      }\n      if (block.type === \"card\") {\n        if (props.header && Array.isArray(props.header)) {\n          const found = findInBlocks(props.header);\n          if (found) return found;\n        }\n        if (props.content && Array.isArray(props.content)) {\n          const found = findInBlocks(props.content);\n          if (found) return found;\n        }\n        if (props.footer && Array.isArray(props.footer)) {\n          const found = findInBlocks(props.footer);\n          if (found) return found;\n        }\n      }\n    }\n    return null;\n  };\n  return findInBlocks(page.structure);\n}\n\n/**\n * Monta mapa blockId → nome legível (da registry)\n */\nfunction buildBlockNameMap(page: any): Record<string, string> {\n  const map: Record<string, string> = {};\n  const walk = (blocks: Block[]) => {\n    for (const block of blocks) {\n      const def = componentRegistry.get(block.type);\n      map[block.id] = def?.name || block.type;\n      const props = block.props as Record<string, any>;\n      if (props?.children && Array.isArray(props.children)) walk(props.children);\n      if (block.type === \"card\") {\n        if (Array.isArray(props?.header)) walk(props.header);\n        if (Array.isArray(props?.content)) walk(props.content);\n        if (Array.isArray(props?.footer)) walk(props.footer);\n      }\n    }\n  };\n  if (page?.structure) walk(page.structure);\n  return map;\n}\n\n/**\n * Componente de preview usando iframe isolado\n */\nexport function Preview({\n  document,\n  pageId,\n  className,\n  style,\n  onBlockClick,\n  selectedBlockId,\n  showSelectionOverlay = false,\n  focusedGroup = null,\n}: PreviewProps) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const previousDocRef = useRef<SiteDocument | null>(null);\n  const previousDocHashRef = useRef<string | null>(null);\n  const previousPageIdRef = useRef<string | null>(null);\n  const isInitializedRef = useRef<boolean>(false);\n  const [isLoading, setIsLoading] = useState(true);\n\n  // Usar ref para selectedBlockId (necessário para highlight assíncrono)\n  const selectedBlockIdRef = useRef(selectedBlockId);\n  const showSelectionOverlayRef = useRef(showSelectionOverlay);\n  const focusedGroupRef = useRef(focusedGroup);\n\n  // Atualizar refs quando props mudam\n  useEffect(() => {\n    selectedBlockIdRef.current = selectedBlockId;\n  }, [selectedBlockId]);\n\n  useEffect(() => {\n    showSelectionOverlayRef.current = showSelectionOverlay;\n  }, [showSelectionOverlay]);\n\n  useEffect(() => {\n    focusedGroupRef.current = focusedGroup;\n  }, [focusedGroup]);\n\n  const page = useMemo(() => {\n    return pageId\n      ? document.pages.find((p) => p.id === pageId)\n      : document.pages[0];\n  }, [document, pageId]);\n\n  // Mapa blockId → nome legível para labels\n  const blockNameMapRef = useRef<Record<string, string>>({});\n  useEffect(() => {\n    blockNameMapRef.current = buildBlockNameMap(page);\n  }, [page]);\n\n  // Atualizar highlight + selection overlay diretamente no iframe (sem reload)\n  const updateHighlight = (blockId: string | null) => {\n    if (!iframeRef.current) return;\n\n    const iframeDoc =\n      iframeRef.current.contentDocument ||\n      iframeRef.current.contentWindow?.document;\n    if (!iframeDoc) return;\n\n    const overlayEnabled = showSelectionOverlayRef.current;\n    const group = focusedGroupRef.current;\n\n    requestAnimationFrame(() => {\n      // Remover highlight anterior\n      const oldStyle = iframeDoc.getElementById(\"block-highlight\");\n      if (oldStyle) oldStyle.remove();\n\n      const allBlocks = iframeDoc.querySelectorAll(\"[data-block-id]\");\n      allBlocks.forEach((el) => {\n        const htmlEl = el as HTMLElement;\n        htmlEl.style.outline = \"\";\n        htmlEl.style.outlineOffset = \"\";\n      });\n\n      // Remover labels anteriores\n      const oldLabel = iframeDoc.getElementById(\"sg-block-label\");\n      if (oldLabel) oldLabel.remove();\n      const oldGroupStyle = iframeDoc.getElementById(\"sg-group-highlight\");\n      if (oldGroupStyle) oldGroupStyle.remove();\n      const oldGroupLabel = iframeDoc.getElementById(\"sg-group-label\");\n      if (oldGroupLabel) oldGroupLabel.remove();\n\n      // Adicionar novo highlight\n      if (blockId) {\n        const highlightStyle = iframeDoc.createElement(\"style\");\n        highlightStyle.id = \"block-highlight\";\n        highlightStyle.textContent = `\n          [data-block-id=\"${blockId}\"] {\n            outline: 2px solid #3b82f6 !important;\n            outline-offset: 2px !important;\n            position: relative;\n          }\n          [data-block-id=\"${blockId}\"]::before {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            background: rgba(59, 130, 246, 0.1);\n            pointer-events: none;\n            z-index: -1;\n          }\n        `;\n        iframeDoc.head.appendChild(highlightStyle);\n\n        // Selection label (only when overlay is enabled)\n        if (overlayEnabled) {\n          const selectedEl = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`) as HTMLElement;\n          if (selectedEl) {\n            const blockName = blockNameMapRef.current[blockId] || blockId;\n            const label = iframeDoc.createElement(\"div\");\n            label.id = \"sg-block-label\";\n            label.textContent = blockName;\n            label.style.cssText = \"position:absolute;top:-22px;left:0;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10000;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;\";\n            const pos = getComputedStyle(selectedEl).position;\n            if (pos === \"static\") selectedEl.style.position = \"relative\";\n            selectedEl.appendChild(label);\n          }\n        }\n\n        // Indicador de grupo — mostra qual sub-seção foi clicada (purple)\n        if (group) {\n          const blockEl = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`);\n          const groupEl = blockEl?.querySelector(`[data-block-group=\"${group}\"]`) as HTMLElement;\n          if (groupEl) {\n            const ghStyle = iframeDoc.createElement(\"style\");\n            ghStyle.id = \"sg-group-highlight\";\n            ghStyle.textContent = `\n              [data-block-id=\"${blockId}\"] [data-block-group=\"${group}\"] {\n                outline: 2px solid #8b5cf6 !important;\n                outline-offset: 2px !important;\n                position: relative;\n              }\n            `;\n            iframeDoc.head.appendChild(ghStyle);\n\n            const gLabel = iframeDoc.createElement(\"div\");\n            gLabel.id = \"sg-group-label\";\n            gLabel.textContent = group;\n            gLabel.style.cssText = \"position:absolute;top:-20px;right:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px 4px 0 0;z-index:10001;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:14px;\";\n            const gPos = getComputedStyle(groupEl).position;\n            if (gPos === \"static\") groupEl.style.position = \"relative\";\n            groupEl.appendChild(gLabel);\n          }\n        }\n      }\n    });\n  };\n\n  // Enviar mapa de nomes para o iframe\n  const sendBlockNamesToIframe = () => {\n    if (!iframeRef.current?.contentWindow) return;\n    iframeRef.current.contentWindow.postMessage({\n      type: \"sg-set-block-names\",\n      names: blockNameMapRef.current,\n    }, \"*\");\n  };\n\n  // Atualizar hover overlay (injetar/remover CSS de hover nos blocos)\n  const updateSelectionOverlay = (enabled: boolean) => {\n    if (!iframeRef.current) return;\n\n    const iframeDoc =\n      iframeRef.current.contentDocument ||\n      iframeRef.current.contentWindow?.document;\n    if (!iframeDoc) return;\n\n    const existingStyle = iframeDoc.getElementById(\"sg-hover-overlay\");\n    if (existingStyle) existingStyle.remove();\n\n    // Remove tooltip when disabling\n    if (!enabled) {\n      const tooltip = iframeDoc.getElementById(\"sg-hover-tooltip\");\n      if (tooltip) tooltip.style.opacity = \"0\";\n    }\n\n    if (enabled) {\n      const hoverStyle = iframeDoc.createElement(\"style\");\n      hoverStyle.id = \"sg-hover-overlay\";\n      hoverStyle.textContent = `\n        [data-block-id] {\n          cursor: pointer;\n          transition: outline 0.15s ease, outline-offset 0.15s ease;\n        }\n        [data-block-id]:hover {\n          outline: 2px dashed #94a3b8 !important;\n          outline-offset: 2px !important;\n        }\n        [data-block-group] {\n          cursor: pointer;\n          transition: outline 0.15s ease, background 0.15s ease;\n        }\n        [data-block-group]:hover {\n          outline: 1.5px dashed #a78bfa !important;\n          outline-offset: 1px !important;\n          background: rgba(139, 92, 246, 0.04);\n        }\n      `;\n      iframeDoc.head.appendChild(hoverStyle);\n      sendBlockNamesToIframe();\n    }\n\n    // Re-apply highlight (recalcula label)\n    updateHighlight(selectedBlockIdRef.current || null);\n  };\n\n  // Atualizar preview completo (com srcdoc - causa reload)\n  const updateFullPreview = (doc: SiteDocument, showLoading: boolean) => {\n    if (!iframeRef.current || !page) return;\n\n    try {\n      if (showLoading) {\n        setIsLoading(true);\n      }\n\n      let html = exportPageToHtml(page, doc, true);\n\n      // Adicionar click handler + hover handler: links não navegam, enviam editor-navigate; outros cliques enviam block-click\n      const clickHandler = `\n          <script>\n            (function() {\n              // Click handler\n              document.addEventListener('click', function(e) {\n                var target = e.target;\n                var anchor = target;\n                while (anchor && anchor.tagName !== 'A') {\n                  anchor = anchor.parentElement;\n                }\n                if (anchor && anchor.tagName === 'A' && anchor.href) {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  window.parent.postMessage({\n                    type: 'editor-navigate',\n                    href: anchor.getAttribute('href') || anchor.href\n                  }, '*');\n                  return;\n                }\n                var element = target;\n                var group = null;\n                while (element && !element.dataset.blockId) {\n                  if (element.dataset && element.dataset.blockGroup && !group) {\n                    group = element.dataset.blockGroup;\n                  }\n                  element = element.parentElement;\n                }\n                if (element && element.dataset.blockId) {\n                  window.parent.postMessage({\n                    type: 'block-click',\n                    blockId: element.dataset.blockId,\n                    group: group\n                  }, '*');\n                }\n              }, true);\n\n              // Hover tooltip — block name map injected from parent via postMessage\n              var _blockNames = {};\n              var _hoverTooltip = null;\n\n              window.addEventListener('message', function(e) {\n                if (e.data && e.data.type === 'sg-set-block-names') {\n                  _blockNames = e.data.names || {};\n                }\n              });\n\n              function getTooltip() {\n                if (_hoverTooltip) return _hoverTooltip;\n                _hoverTooltip = document.createElement('div');\n                _hoverTooltip.id = 'sg-hover-tooltip';\n                _hoverTooltip.style.cssText = 'position:fixed;top:0;left:0;background:#334155;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;z-index:99999;pointer-events:none;font-family:system-ui,sans-serif;white-space:nowrap;line-height:16px;opacity:0;transition:opacity 0.12s ease;box-shadow:0 2px 6px rgba(0,0,0,0.2);';\n                document.body.appendChild(_hoverTooltip);\n                return _hoverTooltip;\n              }\n\n              var _currentHoveredBlock = null;\n              var _currentHoveredGroup = null;\n\n              document.addEventListener('mouseover', function(e) {\n                // Check if hover overlay is active\n                if (!document.getElementById('sg-hover-overlay')) return;\n                var el = e.target;\n                var groupName = null;\n                while (el && !el.dataset.blockId) {\n                  if (el.dataset && el.dataset.blockGroup && !groupName) {\n                    groupName = el.dataset.blockGroup;\n                  }\n                  el = el.parentElement;\n                }\n                if (el && el.dataset.blockId) {\n                  if (el !== _currentHoveredBlock || groupName !== _currentHoveredGroup) {\n                    _currentHoveredBlock = el;\n                    _currentHoveredGroup = groupName;\n                    var tt = getTooltip();\n                    var blockName = _blockNames[el.dataset.blockId] || el.dataset.blockId;\n                    tt.textContent = groupName ? (blockName + ' \\\\u203A ' + groupName) : blockName;\n                    tt.style.opacity = '1';\n                  }\n                }\n              }, true);\n\n              document.addEventListener('mousemove', function(e) {\n                if (_hoverTooltip && _hoverTooltip.style.opacity === '1') {\n                  _hoverTooltip.style.left = (e.clientX + 12) + 'px';\n                  _hoverTooltip.style.top = (e.clientY - 28) + 'px';\n                }\n              }, true);\n\n              document.addEventListener('mouseout', function(e) {\n                var el = e.target;\n                while (el && !el.dataset.blockId) el = el.parentElement;\n                if (el === _currentHoveredBlock) {\n                  var related = e.relatedTarget;\n                  while (related && related !== el) related = related.parentElement;\n                  if (!related) {\n                    _currentHoveredBlock = null;\n                    _currentHoveredGroup = null;\n                    if (_hoverTooltip) _hoverTooltip.style.opacity = '0';\n                  }\n                }\n              }, true);\n            })();\n          </script>\n        `;\n      html = html.replace(\"</body>\", `${clickHandler}</body>`);\n      if (!html.includes(\"</body>\")) {\n        html = html + clickHandler;\n      }\n\n      const iframe = iframeRef.current;\n\n      const applyOverlayAfterLoad = () => {\n        updateHighlight(selectedBlockIdRef.current || null);\n        if (showSelectionOverlayRef.current) {\n          updateSelectionOverlay(true);\n        }\n      };\n\n      if (showLoading) {\n        iframe.onload = () => {\n          setIsLoading(false);\n          previousDocRef.current = JSON.parse(JSON.stringify(doc));\n          previousDocHashRef.current = hashDocument(doc);\n          applyOverlayAfterLoad();\n        };\n        setTimeout(() => {\n          setIsLoading(false);\n          previousDocRef.current = JSON.parse(JSON.stringify(doc));\n          previousDocHashRef.current = hashDocument(doc);\n          applyOverlayAfterLoad();\n        }, 1000);\n      } else {\n        previousDocRef.current = JSON.parse(JSON.stringify(doc));\n        previousDocHashRef.current = hashDocument(doc);\n        iframe.onload = () => {\n          applyOverlayAfterLoad();\n        };\n      }\n\n      iframe.srcdoc = html;\n    } catch (error) {\n      logger.error(\"[Preview] Error:\", error);\n      if (showLoading) {\n        setIsLoading(false);\n      }\n    }\n  };\n\n  // Atualizar apenas um bloco (sem reload)\n  const updatePartialPreview = (blockId: string, doc: SiteDocument) => {\n    if (!iframeRef.current || !page) return;\n\n    try {\n      const block = findBlockInPage(page, blockId);\n      if (!block) {\n        updateFullPreview(doc, false);\n        return;\n      }\n\n      const blockHtml = exportBlockToHtml(block, undefined, doc.theme);\n\n      requestAnimationFrame(() => {\n        const iframe = iframeRef.current;\n        if (!iframe) return;\n\n        const iframeDoc =\n          iframe.contentDocument || iframe.contentWindow?.document;\n        if (!iframeDoc) return;\n\n        const element = iframeDoc.querySelector(`[data-block-id=\"${blockId}\"]`);\n        if (element) {\n          try {\n            // Remover <style> tags antigas associadas a este bloco\n            const oldStyles = iframeDoc.querySelectorAll(`style[data-block-style=\"${blockId}\"]`);\n            oldStyles.forEach(s => s.remove());\n\n            const temp = iframeDoc.createElement(\"div\");\n            temp.innerHTML = blockHtml;\n\n            // Marcar e extrair <style> tags para inserção separada\n            const styleTags = temp.querySelectorAll(\"style\");\n            styleTags.forEach(style => {\n              style.setAttribute(\"data-block-style\", blockId);\n            });\n\n            // Usar DocumentFragment para substituir com múltiplos elementos irmãos\n            // (ex: <style>hover CSS</style><button>text</button>)\n            const fragment = iframeDoc.createDocumentFragment();\n            while (temp.firstChild) {\n              fragment.appendChild(temp.firstChild);\n            }\n\n            if (fragment.childNodes.length > 0) {\n              element.parentNode?.replaceChild(fragment, element);\n            } else {\n              element.outerHTML = blockHtml;\n            }\n\n            // Atualizar refs\n            previousDocRef.current = JSON.parse(JSON.stringify(doc));\n            previousDocHashRef.current = hashDocument(doc);\n\n            // Reaplicar highlight\n            updateHighlight(selectedBlockIdRef.current || null);\n          } catch (error) {\n            logger.error(\"[Preview] Erro ao atualizar:\", error);\n            updateFullPreview(doc, false);\n          }\n        } else {\n          updateFullPreview(doc, false);\n        }\n      });\n    } catch (error) {\n      logger.error(\"[Preview] Erro:\", error);\n      updateFullPreview(doc, false);\n    }\n  };\n\n  // Efeito para mudanças no DOCUMENTO (não no selectedBlockId)\n  useEffect(() => {\n    if (!page) {\n      setIsLoading(false);\n      return;\n    }\n\n    const currentDocHash = hashDocument(document);\n\n    // Primeira renderização\n    if (!isInitializedRef.current) {\n      if (iframeRef.current) {\n        isInitializedRef.current = true;\n        previousPageIdRef.current = page?.id ?? null;\n        updateFullPreview(document, true);\n      }\n      return;\n    }\n\n    if (!iframeRef.current) return;\n\n    // Detectar troca de página (pageId mudou)\n    const currentPageId = page?.id ?? null;\n    if (previousPageIdRef.current !== currentPageId) {\n      previousPageIdRef.current = currentPageId;\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Se hash não mudou, não há mudanças no documento\n    if (previousDocHashRef.current === currentDocHash) {\n      return;\n    }\n\n    // Se o theme mudou, forçar reload completo (CSS variables precisam ser regeneradas)\n    const prevThemeJson = previousDocRef.current ? JSON.stringify(previousDocRef.current.theme) : null;\n    const currThemeJson = JSON.stringify(document.theme);\n    if (prevThemeJson !== currThemeJson) {\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Detectar mudanças na página atual\n    const changedBlocks = detectChangedBlocks(\n      previousDocRef.current || document,\n      document,\n      page?.id,\n    );\n\n    // Se não há mudanças detectadas mas o hash mudou, forçar reload\n    if (changedBlocks.length === 0) {\n      logger.debug(\n        \"[Preview] Hash changed but no changes detected, forcing reload\",\n      );\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Mudança estrutural (bloco adicionado/removido) = reload completo\n    if (\n      changedBlocks.some(\n        (c) =>\n          c.blockId === \"__structural__\" ||\n          c.changedProps?.includes(\"children\"),\n      )\n    ) {\n      updateFullPreview(document, false);\n      return;\n    }\n\n    // Mudança de 1 bloco (não estrutural) = atualização parcial\n    if (changedBlocks.length === 1) {\n      const change = changedBlocks[0];\n      const changedProps = change.changedProps || [];\n\n      const isStructural = changedProps.some(\n        (prop) =>\n          prop === \"children\" ||\n          prop === \"header\" ||\n          prop === \"content\" ||\n          prop === \"footer\",\n      );\n\n      if (!isStructural) {\n        updatePartialPreview(change.blockId, document);\n        return;\n      }\n    }\n\n    // Fallback: reload completo SEM loader\n    updateFullPreview(document, false);\n  }, [document, page]); // APENAS document e page - sem funções\n\n  // Efeito SEPARADO para highlight (não recarrega o preview)\n  useEffect(() => {\n    if (!isInitializedRef.current) return;\n    updateHighlight(selectedBlockId || null);\n  }, [selectedBlockId, focusedGroup]); // eslint-disable-line react-hooks/exhaustive-deps -- updateHighlight reads focusedGroupRef\n\n  // Efeito para toggle do selection overlay\n  useEffect(() => {\n    if (!isInitializedRef.current) return;\n    updateSelectionOverlay(showSelectionOverlay);\n  }, [showSelectionOverlay]); // eslint-disable-line react-hooks/exhaustive-deps -- same pattern as updateFullPreview\n\n  // Listener para cliques\n  useEffect(() => {\n    if (!onBlockClick) return;\n\n    const handleMessage = (event: MessageEvent) => {\n      if (event.data?.type === \"block-click\" && event.data?.blockId) {\n        onBlockClick(event.data.blockId, event.data.group || undefined);\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n    };\n  }, [onBlockClick]);\n\n  if (!page) {\n    return (\n      <div className={className} style={style}>\n        <div style={{ padding: \"2rem\", textAlign: \"center\", color: \"#6b7280\" }}>\n          Página não encontrada\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={{ position: \"relative\", ...style }}>\n      {isLoading && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            backgroundColor: \"rgba(255, 255, 255, 0.8)\",\n            zIndex: 10,\n          }}\n        >\n          <div style={{ color: \"#6b7280\" }}>Carregando preview...</div>\n        </div>\n      )}\n      <iframe\n        ref={iframeRef}\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          border: \"none\",\n          backgroundColor: \"#ffffff\",\n        }}\n        title=\"Preview do site\"\n      />\n    </div>\n  );\n}\n"],"names":["findBlockInPage","page","blockId","findInBlocks","blocks","block","props","found","buildBlockNameMap","map","walk","def","componentRegistry","Preview","document","pageId","className","style","onBlockClick","selectedBlockId","showSelectionOverlay","focusedGroup","iframeRef","useRef","previousDocRef","previousDocHashRef","previousPageIdRef","isInitializedRef","isLoading","setIsLoading","useState","selectedBlockIdRef","showSelectionOverlayRef","focusedGroupRef","useEffect","useMemo","p","blockNameMapRef","updateHighlight","iframeDoc","overlayEnabled","group","oldStyle","el","htmlEl","oldLabel","oldGroupStyle","oldGroupLabel","highlightStyle","selectedEl","blockName","label","groupEl","ghStyle","gLabel","sendBlockNamesToIframe","updateSelectionOverlay","enabled","existingStyle","tooltip","hoverStyle","updateFullPreview","doc","showLoading","html","exportPageToHtml","clickHandler","iframe","applyOverlayAfterLoad","hashDocument","error","logger","updatePartialPreview","blockHtml","exportBlockToHtml","element","s","temp","fragment","currentDocHash","currentPageId","prevThemeJson","currThemeJson","changedBlocks","detectChangedBlocks","c","change","prop","handleMessage","event","jsxs","jsx"],"mappings":";;;;;;;AA6BA,SAASA,EAAgBC,GAAWC,GAA+B;AACjE,QAAMC,IAAe,CAACC,MAAkC;AACtD,eAAWC,KAASD,GAAQ;AAC1B,UAAIC,EAAM,OAAOH,EAAS,QAAOG;AACjC,YAAMC,IAAQD,EAAM;AACpB,UAAIC,GAAO,YAAY,MAAM,QAAQA,EAAM,QAAQ,GAAG;AACpD,cAAMC,IAAQJ,EAAaG,EAAM,QAAQ;AACzC,YAAIC,EAAO,QAAOA;AAAA,MACpB;AACA,UAAIF,EAAM,SAAS,QAAQ;AACzB,YAAIC,EAAM,UAAU,MAAM,QAAQA,EAAM,MAAM,GAAG;AAC/C,gBAAMC,IAAQJ,EAAaG,EAAM,MAAM;AACvC,cAAIC,EAAO,QAAOA;AAAA,QACpB;AACA,YAAID,EAAM,WAAW,MAAM,QAAQA,EAAM,OAAO,GAAG;AACjD,gBAAMC,IAAQJ,EAAaG,EAAM,OAAO;AACxC,cAAIC,EAAO,QAAOA;AAAA,QACpB;AACA,YAAID,EAAM,UAAU,MAAM,QAAQA,EAAM,MAAM,GAAG;AAC/C,gBAAMC,IAAQJ,EAAaG,EAAM,MAAM;AACvC,cAAIC,EAAO,QAAOA;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,SAAOJ,EAAaF,EAAK,SAAS;AACpC;AAKA,SAASO,EAAkBP,GAAmC;AAC5D,QAAMQ,IAA8B,CAAA,GAC9BC,IAAO,CAACN,MAAoB;AAChC,eAAWC,KAASD,GAAQ;AAC1B,YAAMO,IAAMC,EAAkB,IAAIP,EAAM,IAAI;AAC5C,MAAAI,EAAIJ,EAAM,EAAE,IAAIM,GAAK,QAAQN,EAAM;AACnC,YAAMC,IAAQD,EAAM;AACpB,MAAIC,GAAO,YAAY,MAAM,QAAQA,EAAM,QAAQ,KAAGI,EAAKJ,EAAM,QAAQ,GACrED,EAAM,SAAS,WACb,MAAM,QAAQC,GAAO,MAAM,KAAGI,EAAKJ,EAAM,MAAM,GAC/C,MAAM,QAAQA,GAAO,OAAO,KAAGI,EAAKJ,EAAM,OAAO,GACjD,MAAM,QAAQA,GAAO,MAAM,KAAGI,EAAKJ,EAAM,MAAM;AAAA,IAEvD;AAAA,EACF;AACA,SAAIL,GAAM,aAAWS,EAAKT,EAAK,SAAS,GACjCQ;AACT;AAKO,SAASI,GAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,cAAAC,IAAe;AACjB,GAAiB;AACf,QAAMC,IAAYC,EAA0B,IAAI,GAC1CC,IAAiBD,EAA4B,IAAI,GACjDE,IAAqBF,EAAsB,IAAI,GAC/CG,IAAoBH,EAAsB,IAAI,GAC9CI,IAAmBJ,EAAgB,EAAK,GACxC,CAACK,GAAWC,CAAY,IAAIC,EAAS,EAAI,GAGzCC,IAAqBR,EAAOJ,CAAe,GAC3Ca,IAA0BT,EAAOH,CAAoB,GACrDa,IAAkBV,EAAOF,CAAY;AAG3C,EAAAa,EAAU,MAAM;AACd,IAAAH,EAAmB,UAAUZ;AAAA,EAC/B,GAAG,CAACA,CAAe,CAAC,GAEpBe,EAAU,MAAM;AACd,IAAAF,EAAwB,UAAUZ;AAAA,EACpC,GAAG,CAACA,CAAoB,CAAC,GAEzBc,EAAU,MAAM;AACd,IAAAD,EAAgB,UAAUZ;AAAA,EAC5B,GAAG,CAACA,CAAY,CAAC;AAEjB,QAAMpB,IAAOkC,EAAQ,MACZpB,IACHD,EAAS,MAAM,KAAK,CAACsB,MAAMA,EAAE,OAAOrB,CAAM,IAC1CD,EAAS,MAAM,CAAC,GACnB,CAACA,GAAUC,CAAM,CAAC,GAGfsB,IAAkBd,EAA+B,EAAE;AACzD,EAAAW,EAAU,MAAM;AACd,IAAAG,EAAgB,UAAU7B,EAAkBP,CAAI;AAAA,EAClD,GAAG,CAACA,CAAI,CAAC;AAGT,QAAMqC,IAAkB,CAACpC,MAA2B;AAClD,QAAI,CAACoB,EAAU,QAAS;AAExB,UAAMiB,IACJjB,EAAU,QAAQ,mBAClBA,EAAU,QAAQ,eAAe;AACnC,QAAI,CAACiB,EAAW;AAEhB,UAAMC,IAAiBR,EAAwB,SACzCS,IAAQR,EAAgB;AAE9B,0BAAsB,MAAM;AAE1B,YAAMS,IAAWH,EAAU,eAAe,iBAAiB;AAC3D,MAAIG,OAAmB,OAAA,GAELH,EAAU,iBAAiB,iBAAiB,EACpD,QAAQ,CAACI,MAAO;AACxB,cAAMC,IAASD;AACf,QAAAC,EAAO,MAAM,UAAU,IACvBA,EAAO,MAAM,gBAAgB;AAAA,MAC/B,CAAC;AAGD,YAAMC,IAAWN,EAAU,eAAe,gBAAgB;AAC1D,MAAIM,OAAmB,OAAA;AACvB,YAAMC,IAAgBP,EAAU,eAAe,oBAAoB;AACnE,MAAIO,OAA6B,OAAA;AACjC,YAAMC,IAAgBR,EAAU,eAAe,gBAAgB;AAI/D,UAHIQ,OAA6B,OAAA,GAG7B7C,GAAS;AACX,cAAM8C,IAAiBT,EAAU,cAAc,OAAO;AAuBtD,YAtBAS,EAAe,KAAK,mBACpBA,EAAe,cAAc;AAAA,4BACT9C,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKPA,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAY3BqC,EAAU,KAAK,YAAYS,CAAc,GAGrCR,GAAgB;AAClB,gBAAMS,IAAaV,EAAU,cAAc,mBAAmBrC,CAAO,IAAI;AACzE,cAAI+C,GAAY;AACd,kBAAMC,IAAYb,EAAgB,QAAQnC,CAAO,KAAKA,GAChDiD,IAAQZ,EAAU,cAAc,KAAK;AAC3C,YAAAY,EAAM,KAAK,kBACXA,EAAM,cAAcD,GACpBC,EAAM,MAAM,UAAU,qPACV,iBAAiBF,CAAU,EAAE,aAC7B,aAAUA,EAAW,MAAM,WAAW,aAClDA,EAAW,YAAYE,CAAK;AAAA,UAC9B;AAAA,QACF;AAGA,YAAIV,GAAO;AAET,gBAAMW,IADUb,EAAU,cAAc,mBAAmBrC,CAAO,IAAI,GAC7C,cAAc,sBAAsBuC,CAAK,IAAI;AACtE,cAAIW,GAAS;AACX,kBAAMC,IAAUd,EAAU,cAAc,OAAO;AAC/C,YAAAc,EAAQ,KAAK,sBACbA,EAAQ,cAAc;AAAA,gCACFnD,CAAO,yBAAyBuC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA,eAMzDF,EAAU,KAAK,YAAYc,CAAO;AAElC,kBAAMC,IAASf,EAAU,cAAc,KAAK;AAC5C,YAAAe,EAAO,KAAK,kBACZA,EAAO,cAAcb,GACrBa,EAAO,MAAM,UAAU,sPACV,iBAAiBF,CAAO,EAAE,aAC1B,aAAUA,EAAQ,MAAM,WAAW,aAChDA,EAAQ,YAAYE,CAAM;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,GAGMC,IAAyB,MAAM;AACnC,IAAKjC,EAAU,SAAS,iBACxBA,EAAU,QAAQ,cAAc,YAAY;AAAA,MAC1C,MAAM;AAAA,MACN,OAAOe,EAAgB;AAAA,IAAA,GACtB,GAAG;AAAA,EACR,GAGMmB,IAAyB,CAACC,MAAqB;AACnD,QAAI,CAACnC,EAAU,QAAS;AAExB,UAAMiB,IACJjB,EAAU,QAAQ,mBAClBA,EAAU,QAAQ,eAAe;AACnC,QAAI,CAACiB,EAAW;AAEhB,UAAMmB,IAAgBnB,EAAU,eAAe,kBAAkB;AAIjE,QAHImB,OAA6B,OAAA,GAG7B,CAACD,GAAS;AACZ,YAAME,IAAUpB,EAAU,eAAe,kBAAkB;AAC3D,MAAIoB,MAASA,EAAQ,MAAM,UAAU;AAAA,IACvC;AAEA,QAAIF,GAAS;AACX,YAAMG,IAAarB,EAAU,cAAc,OAAO;AAClD,MAAAqB,EAAW,KAAK,oBAChBA,EAAW,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAmBzBrB,EAAU,KAAK,YAAYqB,CAAU,GACrCL,EAAA;AAAA,IACF;AAGA,IAAAjB,EAAgBP,EAAmB,WAAW,IAAI;AAAA,EACpD,GAGM8B,IAAoB,CAACC,GAAmBC,MAAyB;AACrE,QAAI,GAACzC,EAAU,WAAW,CAACrB;AAE3B,UAAI;AACF,QAAI8D,KACFlC,EAAa,EAAI;AAGnB,YAAImC,IAAOC,EAAiBhE,GAAM6D,GAAK,EAAI;AAG3C,cAAMI,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwGrB,QAAAF,IAAOA,EAAK,QAAQ,WAAW,GAAGE,CAAY,SAAS,GAClDF,EAAK,SAAS,SAAS,MAC1BA,IAAOA,IAAOE;AAGhB,cAAMC,IAAS7C,EAAU,SAEnB8C,IAAwB,MAAM;AAClC,UAAA9B,EAAgBP,EAAmB,WAAW,IAAI,GAC9CC,EAAwB,WAC1BwB,EAAuB,EAAI;AAAA,QAE/B;AAEA,QAAIO,KACFI,EAAO,SAAS,MAAM;AACpB,UAAAtC,EAAa,EAAK,GAClBL,EAAe,UAAU,KAAK,MAAM,KAAK,UAAUsC,CAAG,CAAC,GACvDrC,EAAmB,UAAU4C,EAAaP,CAAG,GAC7CM,EAAA;AAAA,QACF,GACA,WAAW,MAAM;AACf,UAAAvC,EAAa,EAAK,GAClBL,EAAe,UAAU,KAAK,MAAM,KAAK,UAAUsC,CAAG,CAAC,GACvDrC,EAAmB,UAAU4C,EAAaP,CAAG,GAC7CM,EAAA;AAAA,QACF,GAAG,GAAI,MAEP5C,EAAe,UAAU,KAAK,MAAM,KAAK,UAAUsC,CAAG,CAAC,GACvDrC,EAAmB,UAAU4C,EAAaP,CAAG,GAC7CK,EAAO,SAAS,MAAM;AACpB,UAAAC,EAAA;AAAA,QACF,IAGFD,EAAO,SAASH;AAAA,MAClB,SAASM,GAAO;AACd,QAAAC,EAAO,MAAM,oBAAoBD,CAAK,GAClCP,KACFlC,EAAa,EAAK;AAAA,MAEtB;AAAA,EACF,GAGM2C,IAAuB,CAACtE,GAAiB4D,MAAsB;AACnE,QAAI,GAACxC,EAAU,WAAW,CAACrB;AAE3B,UAAI;AACF,cAAMI,IAAQL,EAAgBC,GAAMC,CAAO;AAC3C,YAAI,CAACG,GAAO;AACV,UAAAwD,EAAkBC,GAAK,EAAK;AAC5B;AAAA,QACF;AAEA,cAAMW,IAAYC,EAAkBrE,GAAO,QAAWyD,EAAI,KAAK;AAE/D,8BAAsB,MAAM;AAC1B,gBAAMK,IAAS7C,EAAU;AACzB,cAAI,CAAC6C,EAAQ;AAEb,gBAAM5B,IACJ4B,EAAO,mBAAmBA,EAAO,eAAe;AAClD,cAAI,CAAC5B,EAAW;AAEhB,gBAAMoC,IAAUpC,EAAU,cAAc,mBAAmBrC,CAAO,IAAI;AACtE,cAAIyE;AACF,gBAAI;AAGF,cADkBpC,EAAU,iBAAiB,2BAA2BrC,CAAO,IAAI,EACzE,QAAQ,CAAA0E,MAAKA,EAAE,OAAA,CAAQ;AAEjC,oBAAMC,IAAOtC,EAAU,cAAc,KAAK;AAC1C,cAAAsC,EAAK,YAAYJ,GAGCI,EAAK,iBAAiB,OAAO,EACrC,QAAQ,CAAA5D,MAAS;AACzBA,gBAAAA,EAAM,aAAa,oBAAoBf,CAAO;AAAA,cAChD,CAAC;AAID,oBAAM4E,IAAWvC,EAAU,uBAAA;AAC3B,qBAAOsC,EAAK;AACV,gBAAAC,EAAS,YAAYD,EAAK,UAAU;AAGtC,cAAIC,EAAS,WAAW,SAAS,IAC/BH,EAAQ,YAAY,aAAaG,GAAUH,CAAO,IAElDA,EAAQ,YAAYF,GAItBjD,EAAe,UAAU,KAAK,MAAM,KAAK,UAAUsC,CAAG,CAAC,GACvDrC,EAAmB,UAAU4C,EAAaP,CAAG,GAG7CxB,EAAgBP,EAAmB,WAAW,IAAI;AAAA,YACpD,SAASuC,GAAO;AACd,cAAAC,EAAO,MAAM,gCAAgCD,CAAK,GAClDT,EAAkBC,GAAK,EAAK;AAAA,YAC9B;AAAA;AAEA,YAAAD,EAAkBC,GAAK,EAAK;AAAA,QAEhC,CAAC;AAAA,MACH,SAASQ,GAAO;AACd,QAAAC,EAAO,MAAM,mBAAmBD,CAAK,GACrCT,EAAkBC,GAAK,EAAK;AAAA,MAC9B;AAAA,EACF;AA2HA,SAxHA5B,EAAU,MAAM;AACd,QAAI,CAACjC,GAAM;AACT,MAAA4B,EAAa,EAAK;AAClB;AAAA,IACF;AAEA,UAAMkD,IAAiBV,EAAavD,CAAQ;AAG5C,QAAI,CAACa,EAAiB,SAAS;AAC7B,MAAIL,EAAU,YACZK,EAAiB,UAAU,IAC3BD,EAAkB,UAAUzB,GAAM,MAAM,MACxC4D,EAAkB/C,GAAU,EAAI;AAElC;AAAA,IACF;AAEA,QAAI,CAACQ,EAAU,QAAS;AAGxB,UAAM0D,IAAgB/E,GAAM,MAAM;AAClC,QAAIyB,EAAkB,YAAYsD,GAAe;AAC/C,MAAAtD,EAAkB,UAAUsD,GAC5BnB,EAAkB/C,GAAU,EAAK;AACjC;AAAA,IACF;AAGA,QAAIW,EAAmB,YAAYsD;AACjC;AAIF,UAAME,IAAgBzD,EAAe,UAAU,KAAK,UAAUA,EAAe,QAAQ,KAAK,IAAI,MACxF0D,IAAgB,KAAK,UAAUpE,EAAS,KAAK;AACnD,QAAImE,MAAkBC,GAAe;AACnC,MAAArB,EAAkB/C,GAAU,EAAK;AACjC;AAAA,IACF;AAGA,UAAMqE,IAAgBC;AAAA,MACpB5D,EAAe,WAAWV;AAAA,MAC1BA;AAAA,MACAb,GAAM;AAAA,IAAA;AAIR,QAAIkF,EAAc,WAAW,GAAG;AAC9B,MAAAZ,EAAO;AAAA,QACL;AAAA,MAAA,GAEFV,EAAkB/C,GAAU,EAAK;AACjC;AAAA,IACF;AAGA,QACEqE,EAAc;AAAA,MACZ,CAACE,MACCA,EAAE,YAAY,oBACdA,EAAE,cAAc,SAAS,UAAU;AAAA,IAAA,GAEvC;AACA,MAAAxB,EAAkB/C,GAAU,EAAK;AACjC;AAAA,IACF;AAGA,QAAIqE,EAAc,WAAW,GAAG;AAC9B,YAAMG,IAASH,EAAc,CAAC;AAW9B,UAAI,EAViBG,EAAO,gBAAgB,CAAA,GAEV;AAAA,QAChC,CAACC,MACCA,MAAS,cACTA,MAAS,YACTA,MAAS,aACTA,MAAS;AAAA,MAAA,GAGM;AACjB,QAAAf,EAAqBc,EAAO,SAASxE,CAAQ;AAC7C;AAAA,MACF;AAAA,IACF;AAGA,IAAA+C,EAAkB/C,GAAU,EAAK;AAAA,EACnC,GAAG,CAACA,GAAUb,CAAI,CAAC,GAGnBiC,EAAU,MAAM;AACd,IAAKP,EAAiB,WACtBW,EAAgBnB,KAAmB,IAAI;AAAA,EACzC,GAAG,CAACA,GAAiBE,CAAY,CAAC,GAGlCa,EAAU,MAAM;AACd,IAAKP,EAAiB,WACtB6B,EAAuBpC,CAAoB;AAAA,EAC7C,GAAG,CAACA,CAAoB,CAAC,GAGzBc,EAAU,MAAM;AACd,QAAI,CAAChB,EAAc;AAEnB,UAAMsE,IAAgB,CAACC,MAAwB;AAC7C,MAAIA,EAAM,MAAM,SAAS,iBAAiBA,EAAM,MAAM,WACpDvE,EAAauE,EAAM,KAAK,SAASA,EAAM,KAAK,SAAS,MAAS;AAAA,IAElE;AAEA,kBAAO,iBAAiB,WAAWD,CAAa,GACzC,MAAM;AACX,aAAO,oBAAoB,WAAWA,CAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAACtE,CAAY,CAAC,GAEZjB,IAWH,gBAAAyF,EAAC,SAAI,WAAA1E,GAAsB,OAAO,EAAE,UAAU,YAAY,GAAGC,EAAA,GAC1D,UAAA;AAAA,IAAAW,KACC,gBAAA+D;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,iBAAiB;AAAA,UACjB,QAAQ;AAAA,QAAA;AAAA,QAGV,4BAAC,OAAA,EAAI,OAAO,EAAE,OAAO,UAAA,GAAa,UAAA,wBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3D,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKrE;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,iBAAiB;AAAA,QAAA;AAAA,QAEnB,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF,sBAtCG,OAAA,EAAI,WAAAN,GAAsB,OAAAC,GACzB,UAAA,gBAAA0E,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,WAAW,UAAU,OAAO,UAAA,GAAa,mCAExE,GACF;AAoCN;"}