@templatical/editor 0.0.1

package/dist/CloudEditor-Wdfv_9xn.js

@@ -0,0 +1,1132 @@
+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
+};