@templatical/editor 0.0.1 → 0.0.3

package/dist/CloudEditor-Wdfv_9xn.js

@@ -1,1132 +0,0 @@
-import { ref as p, defineComponent as Ht, defineAsyncComponent as D, provide as i, computed as y, watch as X, shallowRef as At, nextTick as Ut, onMounted as jt, onUnmounted as Pt, openBlock as c, createElementBlock as g, normalizeStyle as Ke, createVNode as d, Transition as re, withCtx as ie, unref as t, createElementVNode as n, Fragment as Ge, renderList as Nt, createCommentVNode as f, toDisplayString as k, createBlock as U, createTextVNode as Y, withModifiers as Vt, normalizeClass as Qe, withDirectives as Xe, vShow as Ye } from "vue";
-import { createSectionBlock as Wt, createTextBlock as qt, createImageBlock as Jt, createButtonBlock as Kt, createDividerBlock as Gt, createVideoBlock as Qt, createSocialIconsBlock as Xt, createMenuBlock as Yt, createTableBlock as Zt, createSpacerBlock as el, createHtmlBlock as tl, resolveSyntax as ll, cloneBlock as ol, isCustomBlock as al } from "@templatical/types";
-import { useConditionPreview as sl, useBlockActions as nl, useHistory as rl, useAutoSave as il } from "@templatical/core";
-import { AuthManager as pl, usePlanConfig as cl, useEditor as dl, useWebSocket as ul, useMcpListener as vl, useCollaboration as ml, useExport as fl, useTestEmail as gl, useAiConfig as bl, useComments as hl, useCommentListener as yl, useSavedModules as kl, performHealthCheck as wl, useSnapshotHistory as xl, resolveWebSocketConfig as Bl } from "@templatical/core/cloud";
-import { c as xe, u as Cl, a as _l, _ as Sl, b as Ml, d as El, e as Il, f as Dl, g as Tl, h as zl, i as Fl, T as $l, j as Ol, k as Ll, o as Rl, l as Hl, C as Al, m as Ul, D as jl, P as Pl, M as Nl, S as Vl, n as Wl, R as ql, p as Jl, q as Kl, r as Gl, s as Ql, t as Xl } from "./index-D-iD-7lO.js";
-import { L as Ze } from "./loader-circle-tM9j2mRh.js";
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Yl = xe("ClockIcon", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Zl = xe("SaveIcon", [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-]);
-/**
- * @license lucide-vue-next v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const eo = xe("SendIcon", [
-  [
-    "path",
-    {
-      d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
-      key: "1ffxy3"
-    }
-  ],
-  ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-]);
-function to(Z) {
-  const { onBlockMove: F, onBlockAdd: j } = Z, T = p(!1), E = p(null), P = p(null);
-  function ee($) {
-    T.value = !0, E.value = $;
-  }
-  function N() {
-    T.value = !1, E.value = null, P.value = null;
-  }
-  function te($) {
-    P.value = $;
-  }
-  function ve($, K, V, a) {
-    if (!E.value) return;
-    $.findIndex(
-      (u) => u.id === E.value.id
-    ) === -1 ? j(E.value, V, a) : F(
-      E.value.id,
-      K,
-      V,
-      a
-    ), N();
-  }
-  function me($, K, V) {
-    return {
-      group: $,
-      animation: 150,
-      ghostClass: "tpl-ghost",
-      dragClass: "tpl-drag",
-      handle: ".tpl-drag-handle",
-      onStart: (a) => {
-        a.item.dataset.blockId && (T.value = !0);
-      },
-      onEnd: () => {
-        N();
-      },
-      onAdd: (a) => {
-        const O = a.item.dataset.blockId;
-        O && F(O, a.newIndex, K, V);
-      },
-      onUpdate: (a) => {
-        const O = a.item.dataset.blockId;
-        O && F(O, a.newIndex, K, V);
-      }
-    };
-  }
-  return {
-    isDragging: T,
-    draggedBlock: E,
-    dropTargetId: P,
-    startDrag: ee,
-    endDrag: N,
-    setDropTarget: te,
-    handleDrop: ve,
-    getSortableOptions: me
-  };
-}
-function lo(Z) {
-  const F = p(!1), j = p(null), T = p(!1);
-  function E(te) {
-    j.value = te ?? null, F.value = !0;
-  }
-  function P() {
-    F.value = !1, j.value = null;
-  }
-  function ee() {
-    T.value = !0;
-  }
-  function N() {
-    T.value = !1;
-  }
-  return {
-    headless: Z,
-    showSaveDialog: F,
-    preSelectedBlockId: j,
-    openSaveDialog: E,
-    closeSaveDialog: P,
-    showBrowserModal: T,
-    openBrowserModal: ee,
-    closeBrowserModal: N
-  };
-}
-const oo = {
-  key: 0,
-  class: "tpl-loading tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col",
-  style: { "background-color": "var(--tpl-bg)" }
-}, ao = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, so = {
-  class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5",
-  style: { "border-right": "1px solid var(--tpl-border)" }
-}, no = {
-  key: 0,
-  role: "alert",
-  class: "tpl-error tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8",
-  style: { "background-color": "var(--tpl-bg)" }
-}, ro = {
-  class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full",
-  style: { "background-color": "var(--tpl-danger-light)" }
-}, io = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, po = {
-  class: "tpl:text-lg tpl:font-semibold",
-  style: { color: "var(--tpl-text)" }
-}, co = {
-  class: "tpl:max-w-md tpl:text-sm",
-  style: { color: "var(--tpl-text-muted)" }
-}, uo = {
-  class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:flex tpl:h-14 tpl:items-center tpl:justify-between tpl:px-4",
-  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)", "backdrop-filter": "blur(12px)", "-webkit-backdrop-filter": "blur(12px)", "box-shadow": "var(--tpl-shadow-md)" }
-}, vo = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-3" }, mo = {
-  key: 0,
-  class: "tpl-logo tpl:flex tpl:items-center tpl:gap-2.5 tpl:text-sm tpl:font-semibold",
-  style: { color: "var(--tpl-text)" }
-}, fo = ["src"], go = { style: { "letter-spacing": "-0.01em" } }, bo = {
-  key: 1,
-  class: "tpl:text-xs tpl:opacity-60",
-  style: { color: "var(--tpl-text-muted)" }
-}, ho = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, yo = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, ko = {
-  key: 0,
-  "aria-live": "polite",
-  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs",
-  style: { color: "var(--tpl-text-muted)" }
-}, wo = ["aria-label", "aria-expanded"], xo = {
-  key: 0,
-  class: "tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold",
-  style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" }
-}, Bo = ["aria-expanded"], Co = {
-  key: 0,
-  class: "tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right"
-}, _o = ["disabled"], So = ["disabled"], Mo = {
-  key: 0,
-  class: "tpl-preview-banner tpl:absolute tpl:top-14 tpl:right-0 tpl:left-0 tpl:z-40 tpl:flex tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-4 tpl:py-3",
-  style: { "background-color": "var(--tpl-primary-light)", "border-bottom": "1px solid var(--tpl-primary)" }
-}, Eo = {
-  class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm",
-  style: { color: "var(--tpl-text)" }
-}, Io = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Do = {
-  key: 0,
-  role: "status",
-  "aria-live": "polite",
-  class: "tpl:absolute tpl:top-16 tpl:left-1/2 tpl:z-[60] tpl:-translate-x-1/2 tpl:rounded-[var(--tpl-radius)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:shadow-lg",
-  style: { "background-color": "var(--tpl-warning-light)", color: "var(--tpl-text)", border: "1px solid var(--tpl-warning)" }
-}, To = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, zo = { class: "tpl-main tpl:flex tpl:min-h-full tpl:justify-center tpl:p-8" }, Fo = /* @__PURE__ */ Ht({
-  __name: "CloudEditor",
-  props: {
-    config: {},
-    translations: {},
-    fontsManager: {}
-  },
-  emits: ["ready"],
-  setup(Z, { expose: F, emit: j }) {
-    var Ae, Ue, je, Pe, Ne, Ve, We, qe;
-    const T = D(
-      () => import("./AiChatSidebar-0vx9TP5B.js")
-    ), E = D(
-      () => import("./CommentsSidebar-PVUlloyB.js")
-    ), P = D(
-      () => import("./DesignReferenceSidebar-DAlAWrxU.js")
-    ), ee = D(
-      () => import("./TemplateScoringPanel-DSZPo15C.js")
-    ), N = D(
-      () => import("./TestEmailModal-Cwre5elw.js")
-    ), te = D(
-      () => import("./SaveModuleDialog-eNyr3XKn.js")
-    ), ve = D(
-      () => import("./ModuleBrowserModal-1JEcChd8.js")
-    ), me = D(
-      () => import("./SnapshotHistory-D-ZiIj1v.js")
-    ), $ = D(
-      () => import("./CollaboratorBar-B3uV4Wtw.js")
-    ), K = D(
-      () => import("./AiFeatureMenu-CI-v74ND.js")
-    ), V = D(async () => (await import("@templatical/media-library")).MediaLibraryModal), a = Z, O = j;
-    i("translations", a.translations);
-    const { t: u, format: et } = Cl(a.translations), fe = p({}), tt = {
-      bg: "--tpl-bg",
-      bgElevated: "--tpl-bg-elevated",
-      bgHover: "--tpl-bg-hover",
-      bgActive: "--tpl-bg-active",
-      border: "--tpl-border",
-      borderLight: "--tpl-border-light",
-      text: "--tpl-text",
-      textMuted: "--tpl-text-muted",
-      textDim: "--tpl-text-dim",
-      primary: "--tpl-primary",
-      primaryHover: "--tpl-primary-hover",
-      primaryLight: "--tpl-primary-light",
-      secondary: "--tpl-secondary",
-      secondaryHover: "--tpl-secondary-hover",
-      secondaryLight: "--tpl-secondary-light",
-      success: "--tpl-success",
-      successLight: "--tpl-success-light",
-      warning: "--tpl-warning",
-      warningLight: "--tpl-warning-light",
-      danger: "--tpl-danger",
-      dangerLight: "--tpl-danger-light",
-      canvasBg: "--tpl-canvas-bg"
-    }, Be = y(() => {
-      const e = {};
-      for (const [o, r] of Object.entries(tt)) {
-        const s = fe.value[o];
-        s && (e[r] = s);
-      }
-      return e["--tpl-drop-text"] = `"${a.translations.canvas.dropHere}"`, e;
-    });
-    function lt(e) {
-      v.hasFeature("theme_customization") && (fe.value = e);
-    }
-    const le = p(!0), pe = p(!1), oe = p(null), x = new pl({
-      ...a.config.auth,
-      onError: a.config.onError
-    }), v = cl({
-      authManager: x,
-      onError: a.config.onError
-    }), Ce = p(/* @__PURE__ */ new Map()), l = dl({
-      authManager: x,
-      defaultFontFamily: (Ae = a.config.fonts) == null ? void 0 : Ae.defaultFont,
-      templateDefaults: a.config.templateDefaults,
-      onError: a.config.onError,
-      lockedBlocks: Ce
-    });
-    let w = null;
-    const H = ul({
-      authManager: x,
-      onError: a.config.onError
-    });
-    if ((Ue = a.config.mcp) != null && Ue.enabled && vl({
-      editor: l,
-      channel: H.channel,
-      onOperation: a.config.mcp.onOperation
-    }), (je = a.config.collaboration) != null && je.enabled) {
-      w = ml({
-        authManager: x,
-        editor: l,
-        channel: H.channel,
-        onError: a.config.onError,
-        onCollaboratorJoined: a.config.collaboration.onCollaboratorJoined,
-        onCollaboratorLeft: a.config.collaboration.onCollaboratorLeft,
-        onBlockLocked: a.config.collaboration.onBlockLocked,
-        onBlockUnlocked: a.config.collaboration.onBlockUnlocked
-      }), X(
-        () => w.lockedBlocks.value,
-        (m) => {
-          Ce.value = m;
-        },
-        { immediate: !0 }
-      );
-      const e = l.addBlock, o = l.updateBlock, r = l.removeBlock, s = l.moveBlock, h = l.updateSettings, we = l.setContent;
-      l.addBlock = (m, z, ne) => {
-        e(m, z, ne), w._broadcastOperation({
-          operation: "add_block",
-          data: {
-            block: m,
-            section_id: z,
-            column_index: ne
-          },
-          timestamp: Date.now()
-        });
-      }, l.updateBlock = (m, z) => {
-        o(m, z), w._broadcastOperation({
-          operation: "update_block",
-          data: { block_id: m, updates: z },
-          timestamp: Date.now()
-        });
-      }, l.removeBlock = (m) => {
-        r(m), w._broadcastOperation({
-          operation: "delete_block",
-          data: { block_id: m },
-          timestamp: Date.now()
-        });
-      }, l.moveBlock = (m, z, ne, Je) => {
-        s(m, z, ne, Je), w._broadcastOperation({
-          operation: "move_block",
-          data: {
-            block_id: m,
-            index: z,
-            section_id: ne,
-            column_index: Je
-          },
-          timestamp: Date.now()
-        });
-      }, l.updateSettings = (m) => {
-        h(m), w._broadcastOperation({
-          operation: "update_settings",
-          data: { updates: m },
-          timestamp: Date.now()
-        });
-      }, l.setContent = (m, z) => {
-        we(m, z), w._broadcastOperation({
-          operation: "set_content",
-          data: { content: m },
-          timestamp: Date.now()
-        });
-      };
-    }
-    const _e = y(
-      () => {
-        var e;
-        return !!((e = a.config.collaboration) != null && e.enabled) && v.hasFeature("collaboration");
-      }
-    ), G = sl(l), ge = nl({
-      addBlock: l.addBlock,
-      removeBlock: l.removeBlock,
-      updateBlock: l.updateBlock,
-      selectBlock: l.selectBlock,
-      blockDefaults: a.config.blockDefaults
-    }), ot = to({
-      onBlockMove: l.moveBlock,
-      onBlockAdd: l.addBlock
-    }), Se = fl({
-      authManager: x,
-      getFontsConfig: () => a.config.fonts,
-      canUseCustomFonts: () => v.hasFeature("custom_fonts")
-    }), A = gl({
-      authManager: x,
-      getTemplateId: () => {
-        var e;
-        return ((e = l.state.template) == null ? void 0 : e.id) ?? null;
-      },
-      save: () => l.save(),
-      exportHtml: (e) => Se.exportHtml(e),
-      onError: a.config.onError,
-      isAuthReady: pe,
-      onBeforeTestEmail: a.config.onBeforeTestEmail
-    }), B = rl({
-      content: l.content,
-      setContent: (e, o) => l.setContent(e, o),
-      isRemoteOperation: w ? () => w._isProcessingRemoteOperation() : void 0
-    }), at = l.addBlock, st = l.removeBlock, nt = l.moveBlock, rt = l.updateBlock, it = l.updateSettings;
-    l.addBlock = (e, o, r, s) => {
-      B.record(), at(e, o, r, s);
-    }, l.removeBlock = (e) => {
-      B.record(), st(e);
-    }, l.moveBlock = (e, o, r, s) => {
-      B.record(), nt(e, o, r, s);
-    }, l.updateBlock = (e, o) => {
-      B.recordDebounced(e), rt(e, o);
-    }, l.updateSettings = (e) => {
-      B.record(), it(e);
-    };
-    let Me = !1;
-    const be = p(!1);
-    function pt() {
-      Me || !w || !_e.value || w.collaborators.value.length === 0 || !B.canUndo.value || (Me = !0, be.value = !0, Ql(() => {
-        be.value = !1;
-      }, 4e3));
-    }
-    const Q = il({
-      content: l.content,
-      isDirty: () => l.state.isDirty,
-      onChange: async () => {
-        l.hasTemplate() && (await l.createSnapshot(), b.value && b.value.loadSnapshots());
-      },
-      debounce: a.config.autoSaveDebounce ?? 5e3,
-      enabled: () => a.config.autoSave !== !1 && v.hasFeature("auto_save")
-    });
-    X(B.isNavigating, (e) => {
-      e ? Q.pause() : Q.resume();
-    });
-    const Ee = bl(a.config.ai), W = hl({
-      authManager: x,
-      getTemplateId: () => {
-        var e;
-        return ((e = l.state.template) == null ? void 0 : e.id) ?? null;
-      },
-      getSocketId: () => H.getSocketId(),
-      onComment: a.config.onComment,
-      onError: a.config.onError,
-      isAuthReady: pe,
-      hasCommentingFeature: () => a.config.commenting !== !1 && v.hasFeature("commenting")
-    });
-    yl({
-      comments: W,
-      channel: H.channel
-    });
-    const ce = kl({
-      authManager: x,
-      onError: a.config.onError
-    }), q = lo(ce), C = _l();
-    C.registerBuiltIn("section", {
-      component: Sl,
-      createBlock: () => Wt(),
-      sidebarItem: { type: "section", label: "Section", isCustom: !1 }
-    }), C.registerBuiltIn("text", {
-      component: Ml,
-      createBlock: () => qt(),
-      sidebarItem: { type: "text", label: "Text", isCustom: !1 }
-    }), C.registerBuiltIn("image", {
-      component: El,
-      createBlock: () => Jt(),
-      sidebarItem: { type: "image", label: "Image", isCustom: !1 }
-    }), C.registerBuiltIn("button", {
-      component: Il,
-      createBlock: () => Kt(),
-      sidebarItem: { type: "button", label: "Button", isCustom: !1 }
-    }), C.registerBuiltIn("divider", {
-      component: Dl,
-      createBlock: () => Gt(),
-      sidebarItem: { type: "divider", label: "Divider", isCustom: !1 }
-    }), C.registerBuiltIn("video", {
-      component: Tl,
-      createBlock: () => Qt(),
-      sidebarItem: { type: "video", label: "Video", isCustom: !1 }
-    }), C.registerBuiltIn("social", {
-      component: zl,
-      createBlock: () => Xt(),
-      sidebarItem: { type: "social", label: "Social", isCustom: !1 }
-    }), C.registerBuiltIn("menu", {
-      component: Fl,
-      createBlock: () => Yt(),
-      sidebarItem: { type: "menu", label: "Menu", isCustom: !1 }
-    }), C.registerBuiltIn("table", {
-      component: $l,
-      createBlock: () => Zt(),
-      sidebarItem: { type: "table", label: "Table", isCustom: !1 }
-    }), C.registerBuiltIn("spacer", {
-      component: Ol,
-      createBlock: () => el(),
-      sidebarItem: { type: "spacer", label: "Spacer", isCustom: !1 }
-    }), C.registerBuiltIn("html", {
-      component: Ll,
-      createBlock: () => tl(),
-      sidebarItem: { type: "html", label: "HTML", isCustom: !1 }
-    }), i("editor", l), i("history", B), i("blockActions", ge), i("dragDrop", ot), i("conditionPreview", G), i("fontsManager", a.fontsManager), i("themeStyles", Be), i("blockDefaults", a.config.blockDefaults), i("blockRegistry", C), i("customBlockDefinitions", a.config.customBlocks ?? []);
-    const ct = ll((Pe = a.config.mergeTags) == null ? void 0 : Pe.syntax);
-    i("mergeTags", ((Ne = a.config.mergeTags) == null ? void 0 : Ne.tags) ?? []), i("mergeTagSyntax", ct), i("onRequestMergeTag", ((Ve = a.config.mergeTags) == null ? void 0 : Ve.onRequest) ?? null), i("displayConditions", ((We = a.config.displayConditions) == null ? void 0 : We.conditions) ?? []), i(
-      "allowCustomConditions",
-      ((qe = a.config.displayConditions) == null ? void 0 : qe.allowCustom) ?? !1
-    ), i("onRequestMedia", Le), i("config", { onRequestMedia: Le }), i("authManager", x), i(
-      "projectId",
-      y(() => x.projectId)
-    ), i("planConfig", v), i("aiConfig", Ee), i("comments", W), i("openCommentsForBlock", It), i("savedModules", q), i("savedModulesHeadless", ce);
-    const b = At(
-      null
-    ), L = p(null), ae = p(null), Ie = y(() => L.value !== null), dt = y(
-      () => {
-        var e;
-        return ((e = b.value) == null ? void 0 : e.snapshots.value) ?? [];
-      }
-    ), ut = y(
-      () => {
-        var e;
-        return ((e = b.value) == null ? void 0 : e.isLoading.value) ?? !1;
-      }
-    ), vt = y(
-      () => {
-        var e;
-        return ((e = b.value) == null ? void 0 : e.isRestoring.value) ?? !1;
-      }
-    );
-    function he() {
-      var e;
-      (e = l.state.template) != null && e.id && !b.value && (b.value = xl({
-        authManager: x,
-        templateId: l.state.template.id,
-        onRestore: mt,
-        onError: a.config.onError
-      }), b.value.loadSnapshots());
-    }
-    function mt(e) {
-      l.setContent(e.content, !1), B.clear(), G.reset();
-    }
-    async function ft(e) {
-      if (L.value) {
-        L.value = e, l.setContent(e.content, !1);
-        return;
-      }
-      l.state.isDirty && l.hasTemplate() && await l.createSnapshot(), ae.value = JSON.parse(JSON.stringify(l.content.value)), Q.pause(), L.value = e, l.setContent(e.content, !1);
-    }
-    async function gt() {
-      !L.value || !b.value || (await b.value.restoreSnapshot(
-        L.value.id
-      ), await b.value.loadSnapshots(), L.value = null, ae.value = null, Q.resume());
-    }
-    function bt() {
-      !L.value || !ae.value || (l.setContent(ae.value, !1), L.value = null, ae.value = null, Q.resume());
-    }
-    async function ht() {
-      b.value && await b.value.loadSnapshots();
-    }
-    const yt = y(
-      () => v.hasFeature("ai_generation") && Ee.hasAnyMenuFeature.value
-    ), kt = y(
-      () => v.hasFeature("test_email")
-    ), ye = y(() => {
-      var e;
-      return !!((e = l.state.template) != null && e.id);
-    }), wt = y(
-      () => v.hasFeature("white_label")
-    ), De = y(
-      () => {
-        var e;
-        return ((e = v.config.value) == null ? void 0 : e.limits.max_templates) ?? null;
-      }
-    ), xt = y(
-      () => {
-        var e;
-        return ((e = v.config.value) == null ? void 0 : e.template_count) ?? 0;
-      }
-    ), se = p(!1), S = p(!1), I = p(!1), M = p(!1), _ = p(!1), de = p(!1), ue = p(!1), Te = p(void 0), J = p(!1), ze = p(null), Fe = y(
-      () => S.value || I.value || M.value || _.value
-    );
-    X(I, (e) => {
-      e && (S.value = !1, M.value = !1, _.value = !1);
-    }), X(S, (e) => {
-      e && (I.value = !1, M.value = !1, _.value = !1);
-    }), X(M, (e) => {
-      e && (S.value = !1, I.value = !1, _.value = !1);
-    }), X(_, (e) => {
-      e && (S.value = !1, I.value = !1, M.value = !1);
-    });
-    const Bt = y(() => S.value ? "ai-chat" : M.value ? "design-reference" : I.value ? "scoring" : null), Ct = y(
-      () => J.value || S.value || M.value || I.value
-    );
-    function _t() {
-      J.value = !J.value;
-    }
-    function St(e) {
-      J.value = !1, e === "ai-chat" ? S.value = !S.value : e === "design-reference" ? M.value = !M.value : e === "scoring" && (I.value = !I.value);
-    }
-    Rl(ze, () => {
-      J.value = !1;
-    });
-    async function Mt(e) {
-      try {
-        await A.sendTestEmail(e), de.value = !1;
-      } catch {
-      }
-    }
-    function Et(e, o) {
-      for (let r = 0; r < e.content.length; r++) {
-        const s = ol(e.content[r]), h = o !== void 0 ? o + r : void 0;
-        l.addBlock(s, void 0, void 0, h);
-      }
-      q.closeBrowserModal();
-    }
-    const $e = p(
-      null
-    );
-    function It(e) {
-      _.value = !0, Ut(() => {
-        var o;
-        (o = $e.value) == null || o.filterByBlock(e);
-      });
-    }
-    const Oe = p(!1);
-    function Dt(e) {
-      if (Oe.value ? e.metaKey : e.ctrlKey) {
-        if (e.key === "s") {
-          e.preventDefault(), ke().catch((r) => {
-            var s, h;
-            return (h = (s = a.config).onError) == null ? void 0 : h.call(s, r);
-          });
-          return;
-        }
-        if (e.key.toLowerCase() === "z") {
-          if (e.target.closest(".tpl-text-editable"))
-            return;
-          e.preventDefault(), e.shiftKey ? B.redo() : (pt(), B.undo());
-        }
-      }
-    }
-    let R = null;
-    async function Le() {
-      if (a.config.onRequestMedia) {
-        const e = await a.config.onRequestMedia({ accept: ["images"] });
-        return e ? { url: e.url, alt: e.alt_text || void 0 } : null;
-      }
-      return Te.value = ["images"], ue.value = !0, new Promise((e) => {
-        R = (o) => {
-          e(o);
-        };
-      });
-    }
-    function Tt(e) {
-      ue.value = !1, R == null || R({ url: e.url, alt: e.alt_text || void 0 }), R = null;
-    }
-    function zt() {
-      ue.value = !1, R == null || R(null), R = null;
-    }
-    async function Re() {
-      var e, o, r;
-      le.value = !0, oe.value = null;
-      try {
-        await x.initialize(), pe.value = !0;
-        const s = await wl({ authManager: x });
-        if (!s.api.ok)
-          throw new Error("Health check failed: API is not reachable");
-        if (!s.auth.ok)
-          throw new Error(
-            `Health check failed: authentication error${s.auth.error ? ` - ${s.auth.error}` : ""}`
-          );
-        if (s.websocket.ok || console.warn(
-          "[Templatical] WebSocket health check failed:",
-          s.websocket.error ?? "unknown error",
-          "— real-time features will be disabled."
-        ), await v.fetchConfig(), a.fontsManager.setCustomFontsEnabled(
-          v.hasFeature("custom_fonts")
-        ), (e = a.config.customBlocks) != null && e.length && v.hasFeature("custom_blocks"))
-          for (const h of a.config.customBlocks)
-            C.registerCustom(h, Gl);
-        a.config.theme && v.hasFeature("theme_customization") && (fe.value = a.config.theme), a.config.modules !== !1 && v.hasFeature("saved_modules") && ce.loadModules(), O("ready");
-      } catch (s) {
-        const h = s instanceof Error ? s : new Error("Initialization failed");
-        oe.value = h, (r = (o = a.config).onError) == null || r.call(o, h);
-      } finally {
-        le.value = !1;
-      }
-    }
-    function Ft(e) {
-      return "isUnauthorized" in e && e.isUnauthorized ? u.error.authFailed : "isNotFound" in e && e.isNotFound ? u.error.templateNotFound : u.error.defaultMessage;
-    }
-    function $t(e) {
-      return "isNotFound" in e && !!e.isNotFound;
-    }
-    function He() {
-      return Bl(v.config.value.websocket);
-    }
-    async function Ot(e) {
-      var r, s;
-      const o = await l.create(e);
-      return (s = (r = a.config).onCreate) == null || s.call(r, o), he(), H.connect(o.id, He()), o;
-    }
-    async function Lt(e) {
-      var r, s;
-      const o = await l.load(e);
-      return (s = (r = a.config).onLoad) == null || s.call(r, o), he(), H.connect(o.id, He()), o;
-    }
-    async function Rt(e) {
-      const o = async (r) => {
-        if (al(r)) {
-          const s = r;
-          try {
-            s.renderedHtml = await C.renderCustomBlock(s);
-          } catch {
-            s.renderedHtml = `<!-- Custom block render error: ${s.customType} -->`;
-          }
-        }
-        if (r.type === "section" && "children" in r) {
-          const s = r;
-          for (const h of s.children)
-            for (const we of h)
-              await o(we);
-        }
-      };
-      for (const r of e.blocks)
-        await o(r);
-    }
-    async function ke() {
-      var e, o;
-      se.value = !0;
-      try {
-        await Rt(l.content.value);
-        const r = await l.save();
-        he(), b.value && b.value.loadSnapshots();
-        const s = await Se.exportHtml(r.id), h = {
-          templateId: r.id,
-          html: s.html,
-          mjml: s.mjml,
-          content: r.content
-        };
-        return (o = (e = a.config).onSave) == null || o.call(e, h), h;
-      } finally {
-        se.value = !1;
-      }
-    }
-    return Hl(document, "keydown", Dt), jt(() => {
-      Oe.value = navigator.platform.toUpperCase().includes("MAC"), Re();
-    }), Pt(() => {
-      var e, o;
-      H.disconnect(), B.destroy(), Q.destroy(), (o = (e = a.config).onUnmount) == null || o.call(e);
-    }), F({
-      getContent: () => l.content.value,
-      setContent: (e) => l.setContent(e),
-      setTheme: lt,
-      create: Ot,
-      load: Lt,
-      save: ke,
-      sendTestEmail: A.sendTestEmail
-    }), (e, o) => {
-      var r;
-      return c(), g("div", {
-        class: "tpl tpl:relative tpl:h-full tpl:overflow-hidden",
-        style: Ke(Be.value)
-      }, [
-        d(re, {
-          "enter-active-class": "tpl:transition-opacity tpl:duration-200",
-          "enter-from-class": "tpl:opacity-100",
-          "enter-to-class": "tpl:opacity-100",
-          "leave-active-class": "tpl:transition-opacity tpl:duration-300",
-          "leave-from-class": "tpl:opacity-100",
-          "leave-to-class": "tpl:opacity-0"
-        }, {
-          default: ie(() => [
-            le.value || t(l).state.isLoading ? (c(), g("div", oo, [
-              o[20] || (o[20] = n("div", {
-                class: "tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4",
-                style: { "border-bottom": "1px solid var(--tpl-border)" }
-              }, [
-                n("div", { class: "tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]" }),
-                n("div", { class: "tpl:flex tpl:gap-3" }, [
-                  n("div", { class: "tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]" }),
-                  n("div", { class: "tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]" })
-                ])
-              ], -1)),
-              n("div", ao, [
-                n("div", so, [
-                  (c(), g(Ge, null, Nt(5, (s) => n("div", {
-                    key: s,
-                    class: "tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]"
-                  })), 64))
-                ]),
-                o[18] || (o[18] = n("div", {
-                  class: "tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8",
-                  style: { "background-color": "var(--tpl-canvas-bg)" }
-                }, [
-                  n("div", {
-                    class: "tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6",
-                    style: { "background-color": "var(--tpl-bg)", "box-shadow": "var(--tpl-shadow-sm)" }
-                  }, [
-                    n("div", { class: "tpl:space-y-2 tpl:py-4" }, [
-                      n("div", { class: "tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded" }),
-                      n("div", { class: "tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded" }),
-                      n("div", { class: "tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded" })
-                    ]),
-                    n("div", { class: "tpl:py-4" }, [
-                      n("div", { class: "tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]" })
-                    ]),
-                    n("div", { class: "tpl:space-y-2 tpl:py-4" }, [
-                      n("div", { class: "tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded" }),
-                      n("div", { class: "tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded" })
-                    ]),
-                    n("div", { class: "tpl:flex tpl:justify-center tpl:py-4" }, [
-                      n("div", { class: "tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]" })
-                    ]),
-                    n("div", { class: "tpl:space-y-2 tpl:py-4" }, [
-                      n("div", { class: "tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded" }),
-                      n("div", { class: "tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded" })
-                    ])
-                  ])
-                ], -1)),
-                o[19] || (o[19] = n("div", {
-                  class: "tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4",
-                  style: { "border-left": "1px solid var(--tpl-border)" }
-                }, [
-                  n("div", { class: "tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]" }),
-                  n("div", { class: "tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]" }),
-                  n("div", { class: "tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]" })
-                ], -1))
-              ])
-            ])) : f("", !0)
-          ]),
-          _: 1
-        }),
-        d(re, {
-          "enter-active-class": "tpl:transition-opacity tpl:duration-200",
-          "enter-from-class": "tpl:opacity-0",
-          "enter-to-class": "tpl:opacity-100",
-          "leave-active-class": "tpl:transition-opacity tpl:duration-300",
-          "leave-from-class": "tpl:opacity-100",
-          "leave-to-class": "tpl:opacity-0"
-        }, {
-          default: ie(() => [
-            oe.value && !le.value ? (c(), g("div", no, [
-              n("div", ro, [
-                d(t(Al), {
-                  size: 32,
-                  "stroke-width": 1.5,
-                  style: { color: "var(--tpl-danger)" }
-                })
-              ]),
-              n("div", io, [
-                n("h2", po, k(t(u).error.title), 1),
-                n("p", co, k(Ft(oe.value)), 1)
-              ]),
-              $t(oe.value) ? f("", !0) : (c(), g("button", {
-                key: 0,
-                class: "tpl-btn tpl-btn-primary tpl:inline-flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90",
-                style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-                onClick: Re
-              }, k(t(u).error.retry), 1))
-            ])) : f("", !0)
-          ]),
-          _: 1
-        }),
-        n("header", uo, [
-          n("div", vo, [
-            wt.value ? f("", !0) : (c(), g("div", mo, [
-              n("img", {
-                src: t(x).resolveUrl("/logo.svg"),
-                alt: "Templatical",
-                width: "24",
-                height: "24",
-                class: "tpl:shrink-0"
-              }, null, 8, fo),
-              n("span", go, k(t(u).header.title), 1)
-            ])),
-            De.value !== null ? (c(), g("span", bo, k(t(et)(t(u).header.templatesUsed, {
-              used: xt.value,
-              max: De.value
-            })), 1)) : f("", !0)
-          ]),
-          n("div", ho, [
-            d(Ul, {
-              viewport: t(l).state.viewport,
-              onChange: t(l).setViewport
-            }, null, 8, ["viewport", "onChange"]),
-            d(jl, {
-              "dark-mode": t(l).state.darkMode,
-              onChange: t(l).setDarkMode
-            }, null, 8, ["dark-mode", "onChange"]),
-            d(Pl, {
-              "preview-mode": t(l).state.previewMode,
-              onChange: t(l).setPreviewMode
-            }, null, 8, ["preview-mode", "onChange"]),
-            t(w) && _e.value ? (c(), U(t($), {
-              key: 0,
-              collaborators: t(w).collaborators.value,
-              "is-connected": t(H).isConnected.value
-            }, null, 8, ["collaborators", "is-connected"])) : f("", !0),
-            b.value ? (c(), U(t(me), {
-              key: 1,
-              snapshots: dt.value,
-              "is-loading": ut.value,
-              "is-restoring": vt.value,
-              onLoad: ht,
-              onNavigate: ft
-            }, null, 8, ["snapshots", "is-loading", "is-restoring"])) : f("", !0)
-          ]),
-          n("div", yo, [
-            t(l).state.isDirty ? (c(), g("div", ko, [
-              o[21] || (o[21] = n("span", {
-                class: "tpl-pulse tpl:size-1.5 tpl:rounded-full",
-                style: { "background-color": "var(--tpl-primary)" }
-              }, null, -1)),
-              Y(" " + k(t(u).header.unsaved), 1)
-            ])) : f("", !0),
-            t(W).isEnabled.value && ye.value ? (c(), g("button", {
-              key: 1,
-              "aria-label": t(W).unresolvedCount.value > 0 ? `${t(u).comments.button} (${t(W).unresolvedCount.value})` : t(u).comments.button,
-              "aria-expanded": _.value,
-              class: "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-white tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
-              style: Ke({
-                backgroundColor: _.value ? "var(--tpl-primary)" : "transparent",
-                color: _.value ? "var(--tpl-bg)" : "var(--tpl-primary)",
-                borderColor: "var(--tpl-primary)"
-              }),
-              onClick: o[0] || (o[0] = (s) => _.value = !_.value)
-            }, [
-              d(t(Nl), {
-                size: 16,
-                "stroke-width": 2
-              }),
-              Y(" " + k(t(u).comments.button) + " ", 1),
-              t(W).unresolvedCount.value > 0 && !_.value ? (c(), g("span", xo, k(t(W).unresolvedCount.value), 1)) : f("", !0)
-            ], 12, wo)) : f("", !0),
-            yt.value && ye.value ? (c(), g("div", {
-              key: 2,
-              ref_key: "aiMenuRef",
-              ref: ze,
-              class: "tpl:relative"
-            }, [
-              n("button", {
-                "aria-expanded": J.value,
-                class: Qe(["tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200", Ct.value ? "tpl-ai-btn--active" : "tpl-ai-btn--idle"]),
-                onClick: Vt(_t, ["stop"])
-              }, [
-                d(t(Vl), {
-                  size: 16,
-                  "stroke-width": 2,
-                  class: "tpl-ai-btn-icon"
-                }),
-                Y(" " + k(t(u).aiChat.button), 1)
-              ], 10, Bo),
-              d(re, {
-                "enter-active-class": "tpl:transition-all tpl:duration-150 tpl:ease-out",
-                "enter-from-class": "tpl:scale-95 tpl:opacity-0",
-                "enter-to-class": "tpl:scale-100 tpl:opacity-100",
-                "leave-active-class": "tpl:transition-all tpl:duration-100 tpl:ease-in",
-                "leave-from-class": "tpl:scale-100 tpl:opacity-100",
-                "leave-to-class": "tpl:scale-95 tpl:opacity-0"
-              }, {
-                default: ie(() => [
-                  J.value ? (c(), g("div", Co, [
-                    d(t(K), {
-                      "active-feature": Bt.value,
-                      onSelect: St
-                    }, null, 8, ["active-feature"])
-                  ])) : f("", !0)
-                ]),
-                _: 1
-              })
-            ], 512)) : f("", !0),
-            t(A).isEnabled.value && kt.value ? (c(), g("button", {
-              key: 3,
-              class: "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-white tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
-              style: { "background-color": "transparent", color: "var(--tpl-primary)", "border-color": "var(--tpl-primary)" },
-              disabled: t(A).isSending.value || !ye.value,
-              onClick: o[1] || (o[1] = (s) => de.value = !0)
-            }, [
-              t(A).isSending.value ? (c(), U(t(Ze), {
-                key: 1,
-                class: "tpl-spinner",
-                size: 16,
-                "stroke-width": 2
-              })) : (c(), U(t(eo), {
-                key: 0,
-                size: 16,
-                "stroke-width": 2
-              })),
-              Y(" " + k(t(u).testEmail.button), 1)
-            ], 8, _o)) : f("", !0),
-            n("button", {
-              class: "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-white tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
-              style: { "background-color": "transparent", color: "var(--tpl-primary)", "border-color": "var(--tpl-primary)" },
-              disabled: t(l).state.isSaving || se.value || !t(l).state.isDirty,
-              onClick: o[2] || (o[2] = (s) => ke())
-            }, [
-              !t(l).state.isSaving && !se.value ? (c(), U(t(Zl), {
-                key: 0,
-                size: 16,
-                "stroke-width": 2
-              })) : (c(), U(t(Ze), {
-                key: 1,
-                class: "tpl-spinner",
-                size: 16,
-                "stroke-width": 2
-              })),
-              Y(" " + k(t(l).state.isSaving || se.value ? t(u).header.saving : t(u).header.save), 1)
-            ], 8, So)
-          ])
-        ]),
-        Ie.value ? (c(), g("div", Mo, [
-          n("div", Eo, [
-            d(t(Yl), {
-              size: 18,
-              "stroke-width": 2,
-              style: { color: "var(--tpl-primary)" }
-            }),
-            n("span", null, k(t(u).snapshotPreview.message), 1)
-          ]),
-          n("div", Io, [
-            n("button", {
-              class: "tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150",
-              style: { "background-color": "transparent", color: "var(--tpl-text-muted)", border: "1px solid var(--tpl-border)" },
-              onClick: bt
-            }, k(t(u).snapshotPreview.cancel), 1),
-            n("button", {
-              class: "tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90",
-              style: { "background-color": "var(--tpl-primary)", color: "var(--tpl-bg)" },
-              onClick: gt
-            }, k(t(u).snapshotPreview.restore), 1)
-          ])
-        ])) : f("", !0),
-        d(re, {
-          "enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
-          "enter-from-class": "tpl:translate-y-[-8px] tpl:opacity-0",
-          "enter-to-class": "tpl:translate-y-0 tpl:opacity-100",
-          "leave-active-class": "tpl:transition-all tpl:duration-300 tpl:ease-in",
-          "leave-from-class": "tpl:translate-y-0 tpl:opacity-100",
-          "leave-to-class": "tpl:translate-y-[-8px] tpl:opacity-0"
-        }, {
-          default: ie(() => [
-            be.value ? (c(), g("div", Do, k(t(u).history.collabWarning), 1)) : f("", !0)
-          ]),
-          _: 1
-        }),
-        Xe(d(Wl, null, null, 512), [
-          [Ye, !t(l).state.previewMode]
-        ]),
-        n("div", {
-          class: Qe(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:transition-all tpl:duration-300", [
-            t(l).state.previewMode ? "tpl:left-0 tpl:right-0" : Fe.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]",
-            Ie.value ? "tpl:top-[104px]" : "tpl:top-14"
-          ]]),
-          style: { "transition-timing-function": "cubic-bezier(0.34, 1.56, 0.64, 1)", "background-color": "var(--tpl-canvas-bg)" }
-        }, [
-          n("div", To, [
-            d(re, { name: "tpl-restore-btn" }, {
-              default: ie(() => [
-                t(G).hasHiddenBlocks.value ? (c(), g("button", {
-                  key: 0,
-                  class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-md tpl:hover:opacity-80",
-                  style: { "background-color": "var(--tpl-warning-light)", color: "var(--tpl-warning)", "border-color": "var(--tpl-warning)", "backdrop-filter": "blur(8px)" },
-                  onClick: o[3] || (o[3] = (s) => t(G).reset())
-                }, [
-                  d(t(ql), {
-                    size: 13,
-                    "stroke-width": 2
-                  }),
-                  Y(" " + k(t(u).blockSettings.restoreHiddenBlocks), 1)
-                ])) : f("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          n("main", zo, [
-            d(Jl, {
-              viewport: t(l).state.viewport,
-              content: t(l).content.value,
-              "selected-block-id": t(l).state.selectedBlockId,
-              "dark-mode": t(l).state.darkMode,
-              "preview-mode": t(l).state.previewMode,
-              "locked-blocks": ((r = t(w)) == null ? void 0 : r.lockedBlocks.value) ?? void 0,
-              onSelectBlock: t(l).selectBlock,
-              onOpenAiChat: o[4] || (o[4] = (s) => S.value = !0),
-              onOpenDesignReference: o[5] || (o[5] = (s) => M.value = !0)
-            }, null, 8, ["viewport", "content", "selected-block-id", "dark-mode", "preview-mode", "locked-blocks", "onSelectBlock"])
-          ])
-        ], 2),
-        Xe(d(Kl, {
-          "selected-block": t(l).selectedBlock.value,
-          settings: t(l).content.value.settings,
-          "shifted-left": Fe.value,
-          onUpdateBlock: o[6] || (o[6] = (s) => t(l).updateBlock(t(l).selectedBlock.value.id, s)),
-          onDeleteBlock: o[7] || (o[7] = (s) => t(ge).deleteBlock(t(l).selectedBlock.value.id)),
-          onDuplicateBlock: o[8] || (o[8] = (s) => t(ge).duplicateBlock(t(l).selectedBlock.value)),
-          onUpdateSettings: t(l).updateSettings
-        }, null, 8, ["selected-block", "settings", "shifted-left", "onUpdateSettings"]), [
-          [Ye, !t(l).state.previewMode]
-        ]),
-        !le.value && pe.value ? (c(), g(Ge, { key: 1 }, [
-          d(t(T), {
-            visible: S.value,
-            "on-apply": (s) => {
-              t(B).record(), t(l).setContent(s), t(G).reset();
-            },
-            onClose: o[9] || (o[9] = (s) => S.value = !1)
-          }, null, 8, ["visible", "on-apply"]),
-          d(t(ee), {
-            visible: I.value,
-            onClose: o[10] || (o[10] = (s) => I.value = !1)
-          }, null, 8, ["visible"]),
-          d(t(P), {
-            visible: M.value,
-            "has-existing-blocks": t(l).content.value.blocks.length > 0,
-            onClose: o[11] || (o[11] = (s) => M.value = !1),
-            onApply: o[12] || (o[12] = (s) => {
-              t(B).record(), t(l).setContent(s), t(G).reset();
-            })
-          }, null, 8, ["visible", "has-existing-blocks"]),
-          d(t(E), {
-            ref_key: "commentsSidebarRef",
-            ref: $e,
-            visible: _.value,
-            onClose: o[13] || (o[13] = (s) => _.value = !1)
-          }, null, 8, ["visible"]),
-          d(t(N), {
-            visible: de.value,
-            "allowed-emails": t(A).allowedEmails.value,
-            "is-sending": t(A).isSending.value,
-            error: t(A).error.value,
-            onSend: Mt,
-            onClose: o[14] || (o[14] = (s) => de.value = !1)
-          }, null, 8, ["visible", "allowed-emails", "is-sending", "error"]),
-          t(v).hasFeature("saved_modules") && a.config.modules !== !1 ? (c(), U(t(te), {
-            key: 0,
-            visible: t(q).showSaveDialog.value ?? !1,
-            "pre-selected-block-id": t(q).preSelectedBlockId.value ?? null,
-            onClose: o[15] || (o[15] = (s) => t(q).closeSaveDialog()),
-            onSaved: o[16] || (o[16] = (s) => t(ce).loadModules())
-          }, null, 8, ["visible", "pre-selected-block-id"])) : f("", !0),
-          t(v).hasFeature("saved_modules") && a.config.modules !== !1 ? (c(), U(t(ve), {
-            key: 1,
-            visible: t(q).showBrowserModal.value ?? !1,
-            onClose: o[17] || (o[17] = (s) => t(q).closeBrowserModal()),
-            onInsert: Et
-          }, null, 8, ["visible"])) : f("", !0),
-          d(t(V), {
-            visible: ue.value,
-            accept: Te.value,
-            onSelect: Tt,
-            onClose: zt
-          }, null, 8, ["visible", "accept"])
-        ], 64)) : f("", !0)
-      ], 4);
-    };
-  }
-}), $o = /* @__PURE__ */ Xl(Fo, [["__scopeId", "data-v-c9ad0762"]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: $o
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Yl as C,
-  eo as S,
-  jo as a
-};