@templatical/editor 0.16.5 → 0.17.1

package/dist/{useI18n-eR1yVW0v.js → useI18n-0EU_JVe7.js}

@@ -1,5 +1,5 @@
 import { W as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { F as n } from "./keys-BbDgCU6K.js";
+import { I as n } from "./keys-WVNarXg8.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-C3GfSktg.js → useMergeTag-C7v6MVah.js}

@@ -1,9 +1,9 @@
 import { Y as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { A as n, T as r, r as i } from "./dist-DoRIUsfz.js";
-import { C as a, O as o, S as s, T as c, w as l } from "./keys-BbDgCU6K.js";
+import { C as a, E as o, T as s, k as c, w as l } from "./keys-WVNarXg8.js";
 //#region src/composables/useMergeTag.ts
 function u() {
-	let u = t(s, []), d = t(c, i.liquid), f = t(o, null), p = t(a, !0), m = t(l, null), h = e(!1);
+	let u = t(a, []), d = t(o, i.liquid), f = t(c, null), p = t(l, !0), m = t(s, null), h = e(!1);
 	function g(e) {
 		return n(e, d);
 	}

package/dist/{usePopoverPosition-B3Byo68F.js → usePopoverPosition-BDqqnMeo.js}

@@ -1,6 +1,6 @@
 import { E as e, I as t, L as n, Y as r, Z as i, b as a, et as o, nt as s, s as c, v as l, x as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { _ as d, a as f, d as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./dist-DYv_Pttj.js";
-import { A as S } from "./keys-BbDgCU6K.js";
+import { j as S } from "./keys-WVNarXg8.js";
 //#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var C = g ? window : void 0;
 g && window.document, g && window.navigator, g && window.location;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.16.5",
+  "version": "0.17.1",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.25.0",
@@ -22,7 +22,7 @@
     "@vue/test-utils": "^2.4.11",
     "@vueuse/core": "^14.3.0",
     "es-module-lexer": "^2.3.1",
-    "happy-dom": "^20.10.6",
+    "happy-dom": "^20.11.0",
     "liquidjs": "^10.27.2",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
@@ -32,9 +32,9 @@
     "vue": "^3.5.40",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.3.7",
-    "@templatical/core": "0.16.5",
-    "@templatical/quality": "0.16.5",
-    "@templatical/types": "0.16.5"
+    "@templatical/core": "0.17.1",
+    "@templatical/quality": "0.17.1",
+    "@templatical/types": "0.17.1"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/quality": "0.16.5",
-    "@templatical/media-library": "0.16.5",
-    "@templatical/renderer": "0.16.5"
+    "@templatical/media-library": "0.17.1",
+    "@templatical/quality": "0.17.1",
+    "@templatical/renderer": "0.17.1"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/cdn/chunks/CloudEditor-1Ms0w691.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CloudEditor-1Ms0w691.js","names":["$emit"],"sources":["../../../src/cloud/composables/useSnapshotPreview.ts","../../../src/cloud/composables/useCloudPanelState.ts","../../../src/cloud/composables/useCollabUndoWarning.ts","../../../src/cloud/composables/useCloudFeatureFlags.ts","../../../src/cloud/composables/useCloudMediaLibrary.ts","../../../src/cloud/composables/useCloudInitialization.ts","../../../src/utils/preRenderCustomBlocks.ts","../../../src/cloud/composables/useCloudLifecycle.ts","../../../src/cloud/composables/useCloudSaveGate.ts","../../../src/cloud/components/CloudSaveGateModal.vue","../../../src/cloud/components/CloudSaveGateModal.vue","../../../src/cloud/components/CloudHeader.vue","../../../src/cloud/components/CloudHeader.vue","../../../src/cloud/components/CloudPanels.vue","../../../src/cloud/components/CloudPanels.vue","../../../src/cloud/components/CloudLoadingOverlay.vue","../../../src/cloud/components/CloudLoadingOverlay.vue","../../../src/cloud/components/CloudErrorOverlay.vue","../../../src/cloud/components/CloudErrorOverlay.vue","../../../src/cloud/components/SnapshotPreviewBanner.vue","../../../src/cloud/components/SnapshotPreviewBanner.vue","../../../src/cloud/components/CollabUndoToast.vue","../../../src/cloud/components/CollabUndoToast.vue","../../../src/cloud/CloudEditor.vue","../../../src/cloud/CloudEditor.vue"],"sourcesContent":["import {\n  computed,\n  onScopeDispose,\n  shallowRef,\n  ref,\n  type ComputedRef,\n  type Ref,\n} from \"vue\";\nimport type { TemplateContent, TemplateSnapshot } from \"@templatical/types\";\nimport type {\n  UseHistoryReturn,\n  UseConditionPreviewReturn,\n  UseAutoSaveReturn,\n} from \"@templatical/core\";\nimport {\n  useSnapshotHistory,\n  type AuthManager,\n  type UseSnapshotHistoryReturn,\n} from \"@templatical/core/cloud\";\nimport type { BaseEditorReturn } from \"../../composables/useEditorCore\";\n\nexport interface UseSnapshotPreviewOptions {\n  authManager: AuthManager;\n  editor: BaseEditorReturn & {\n    hasTemplate: () => boolean;\n    createSnapshot: () => Promise<void>;\n  };\n  history: UseHistoryReturn;\n  conditionPreview: UseConditionPreviewReturn;\n  autoSave: UseAutoSaveReturn | null;\n  onError?: (error: Error) => void;\n}\n\nexport interface UseSnapshotPreviewReturn {\n  snapshotHistoryInstance: Ref<UseSnapshotHistoryReturn | null>;\n  previewingSnapshot: Ref<TemplateSnapshot | null>;\n  contentBeforePreview: Ref<TemplateContent | null>;\n  isPreviewingSnapshot: ComputedRef<boolean>;\n  snapshotHistorySnapshots: ComputedRef<TemplateSnapshot[]>;\n  snapshotHistoryIsLoading: ComputedRef<boolean>;\n  snapshotHistoryIsRestoring: ComputedRef<boolean>;\n  initSnapshotHistory: () => void;\n  handleRestore: (template: { content: TemplateContent }) => void;\n  handleSnapshotNavigate: (snapshot: TemplateSnapshot) => Promise<void>;\n  confirmRestoreSnapshot: () => Promise<void>;\n  cancelPreview: () => void;\n  loadSnapshotHistory: () => Promise<void>;\n}\n\nexport function useSnapshotPreview(\n  options: UseSnapshotPreviewOptions,\n): UseSnapshotPreviewReturn {\n  const { authManager, editor, history, conditionPreview, autoSave, onError } =\n    options;\n\n  const snapshotHistoryInstance = shallowRef<UseSnapshotHistoryReturn | null>(\n    null,\n  );\n  const previewingSnapshot = ref<TemplateSnapshot | null>(null);\n  const contentBeforePreview = ref<TemplateContent | null>(null);\n\n  // Per CLAUDE.md, async functions must guard against post-unmount execution\n  // after every `await` so we don't write to dead refs or fire side effects\n  // (autoSave.pause, setContent) on a torn-down component.\n  let destroyed = false;\n  onScopeDispose(() => {\n    destroyed = true;\n  });\n\n  const isPreviewingSnapshot = computed(\n    () => previewingSnapshot.value !== null,\n  );\n  const snapshotHistorySnapshots = computed(\n    () => snapshotHistoryInstance.value?.snapshots.value ?? [],\n  );\n  const snapshotHistoryIsLoading = computed(\n    () => snapshotHistoryInstance.value?.isLoading.value ?? false,\n  );\n  const snapshotHistoryIsRestoring = computed(\n    () => snapshotHistoryInstance.value?.isRestoring.value ?? false,\n  );\n\n  function initSnapshotHistory(): void {\n    if (editor.state.template?.id && !snapshotHistoryInstance.value) {\n      snapshotHistoryInstance.value = useSnapshotHistory({\n        authManager,\n        templateId: editor.state.template.id,\n        onRestore: handleRestore,\n        onError,\n      });\n      snapshotHistoryInstance.value.loadSnapshots();\n    }\n  }\n\n  function handleRestore(template: { content: TemplateContent }): void {\n    editor.setContent(template.content, false);\n    history.clear();\n    conditionPreview.reset();\n  }\n\n  async function handleSnapshotNavigate(\n    snapshot: TemplateSnapshot,\n  ): Promise<void> {\n    if (destroyed) return;\n\n    if (previewingSnapshot.value) {\n      previewingSnapshot.value = snapshot;\n      editor.setContent(snapshot.content, false);\n      return;\n    }\n\n    if (editor.state.isDirty && editor.hasTemplate()) {\n      await editor.createSnapshot();\n      if (destroyed) return;\n    }\n\n    contentBeforePreview.value = structuredClone(editor.content.value);\n\n    autoSave?.pause();\n    previewingSnapshot.value = snapshot;\n    editor.setContent(snapshot.content, false);\n  }\n\n  async function confirmRestoreSnapshot(): Promise<void> {\n    if (!previewingSnapshot.value || !snapshotHistoryInstance.value) return;\n\n    try {\n      await snapshotHistoryInstance.value.restoreSnapshot(\n        previewingSnapshot.value.id,\n      );\n      if (destroyed) return;\n      await snapshotHistoryInstance.value.loadSnapshots();\n      if (destroyed) return;\n    } catch (error) {\n      // Restore failed. The editor is still showing the previewed snapshot\n      // content (set in handleSnapshotNavigate), so roll back to the\n      // pre-preview content before the finally discards the backup — otherwise\n      // the user is silently left editing the un-restored snapshot with the\n      // banner gone, and the next autosave persists the wrong content.\n      if (!destroyed && contentBeforePreview.value) {\n        editor.setContent(contentBeforePreview.value, false);\n      }\n      throw error;\n    } finally {\n      if (!destroyed) {\n        previewingSnapshot.value = null;\n        contentBeforePreview.value = null;\n        autoSave?.resume();\n      }\n    }\n  }\n\n  function cancelPreview(): void {\n    if (!previewingSnapshot.value || !contentBeforePreview.value) return;\n\n    editor.setContent(contentBeforePreview.value, false);\n\n    previewingSnapshot.value = null;\n    contentBeforePreview.value = null;\n\n    autoSave?.resume();\n  }\n\n  async function loadSnapshotHistory(): Promise<void> {\n    if (destroyed) return;\n    if (snapshotHistoryInstance.value) {\n      await snapshotHistoryInstance.value.loadSnapshots();\n    }\n  }\n\n  return {\n    snapshotHistoryInstance,\n    previewingSnapshot,\n    contentBeforePreview,\n    isPreviewingSnapshot,\n    snapshotHistorySnapshots,\n    snapshotHistoryIsLoading,\n    snapshotHistoryIsRestoring,\n    initSnapshotHistory,\n    handleRestore,\n    handleSnapshotNavigate,\n    confirmRestoreSnapshot,\n    cancelPreview,\n    loadSnapshotHistory,\n  };\n}\n","import { computed, ref, type ComputedRef, type Ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport type { AiFeature } from \"../components/AiFeatureMenu.vue\";\nimport type { MediaCategory } from \"@templatical/media-library\";\n\nexport interface UseCloudPanelStateReturn {\n  activePanel: Ref<RightPanel | null>;\n  aiChatOpen: ComputedRef<boolean> & { value: boolean };\n  scoringPanelOpen: ComputedRef<boolean> & { value: boolean };\n  designReferenceOpen: ComputedRef<boolean> & { value: boolean };\n  commentsOpen: ComputedRef<boolean> & { value: boolean };\n  testEmailModalOpen: Ref<boolean>;\n  mediaLibraryOpen: Ref<boolean>;\n  mediaLibraryAccept: Ref<MediaCategory[] | undefined>;\n  aiMenuOpen: Ref<boolean>;\n  aiMenuRef: Ref<HTMLElement | null>;\n  rightPanelOpen: ComputedRef<boolean>;\n  activeAiFeature: ComputedRef<AiFeature | null>;\n  aiButtonActive: ComputedRef<boolean>;\n  toggleAiMenu: () => void;\n  handleAiFeatureSelect: (feature: AiFeature) => void;\n}\n\ntype RightPanel = \"ai-chat\" | \"scoring\" | \"design-reference\" | \"comments\";\n\nexport function useCloudPanelState(): UseCloudPanelStateReturn {\n  const activePanel = ref<RightPanel | null>(null);\n\n  const aiChatOpen = computed({\n    get: () => activePanel.value === \"ai-chat\",\n    set: (v) => (activePanel.value = v ? \"ai-chat\" : null),\n  });\n  const scoringPanelOpen = computed({\n    get: () => activePanel.value === \"scoring\",\n    set: (v) => (activePanel.value = v ? \"scoring\" : null),\n  });\n  const designReferenceOpen = computed({\n    get: () => activePanel.value === \"design-reference\",\n    set: (v) => (activePanel.value = v ? \"design-reference\" : null),\n  });\n  const commentsOpen = computed({\n    get: () => activePanel.value === \"comments\",\n    set: (v) => (activePanel.value = v ? \"comments\" : null),\n  });\n\n  const testEmailModalOpen = ref(false);\n  const mediaLibraryOpen = ref(false);\n  const mediaLibraryAccept = ref<MediaCategory[] | undefined>(undefined);\n  const aiMenuOpen = ref(false);\n  const aiMenuRef = ref<HTMLElement | null>(null);\n\n  const rightPanelOpen = computed(() => activePanel.value !== null);\n\n  const activeAiFeature = computed<AiFeature | null>(() => {\n    const p = activePanel.value;\n    if (p === \"ai-chat\" || p === \"design-reference\" || p === \"scoring\")\n      return p;\n    return null;\n  });\n\n  const aiButtonActive = computed(\n    () =>\n      aiMenuOpen.value ||\n      activePanel.value === \"ai-chat\" ||\n      activePanel.value === \"design-reference\" ||\n      activePanel.value === \"scoring\",\n  );\n\n  function toggleAiMenu(): void {\n    aiMenuOpen.value = !aiMenuOpen.value;\n  }\n\n  function handleAiFeatureSelect(feature: AiFeature): void {\n    aiMenuOpen.value = false;\n    activePanel.value = activePanel.value === feature ? null : feature;\n  }\n\n  onClickOutside(aiMenuRef, () => {\n    aiMenuOpen.value = false;\n  });\n\n  return {\n    activePanel,\n    aiChatOpen,\n    scoringPanelOpen,\n    designReferenceOpen,\n    commentsOpen,\n    testEmailModalOpen,\n    mediaLibraryOpen,\n    mediaLibraryAccept,\n    aiMenuOpen,\n    aiMenuRef,\n    rightPanelOpen,\n    activeAiFeature,\n    aiButtonActive,\n    toggleAiMenu,\n    handleAiFeatureSelect,\n  };\n}\n","import { type ComputedRef, type Ref, ref } from \"vue\";\nimport { useTimeoutFn } from \"@vueuse/core\";\nimport { COLLAB_UNDO_WARNING_MS } from \"../../constants/timeouts\";\n\nexport interface UseCollabUndoWarningOptions {\n  /** Whether collaboration is currently enabled (reactive). */\n  isCollaborationEnabled: ComputedRef<boolean>;\n  /** Returns the current list of collaborators. */\n  getCollaboratorCount: () => number;\n  /** Whether the history stack has entries to undo. */\n  canUndo: ComputedRef<boolean>;\n}\n\nexport interface UseCollabUndoWarningReturn {\n  collabUndoWarningVisible: Ref<boolean>;\n  showCollabUndoWarning: () => void;\n}\n\nexport function useCollabUndoWarning(\n  options: UseCollabUndoWarningOptions,\n): UseCollabUndoWarningReturn {\n  const { isCollaborationEnabled, getCollaboratorCount, canUndo } = options;\n\n  const collabUndoWarningFired = ref(false);\n  const collabUndoWarningVisible = ref(false);\n\n  const { start: startCollabUndoWarningTimeout } = useTimeoutFn(\n    () => {\n      collabUndoWarningVisible.value = false;\n    },\n    COLLAB_UNDO_WARNING_MS,\n    { immediate: false },\n  );\n\n  function showCollabUndoWarning(): void {\n    if (\n      collabUndoWarningFired.value ||\n      !isCollaborationEnabled.value ||\n      getCollaboratorCount() === 0 ||\n      !canUndo.value\n    ) {\n      return;\n    }\n\n    collabUndoWarningFired.value = true;\n    collabUndoWarningVisible.value = true;\n    startCollabUndoWarningTimeout();\n  }\n\n  return {\n    collabUndoWarningVisible,\n    showCollabUndoWarning,\n  };\n}\n","import { computed, ref, type ComputedRef, type Ref } from \"vue\";\nimport { useTimeoutFn } from \"@vueuse/core\";\nimport type {\n  UsePlanConfigReturn,\n  UseAiConfigReturn,\n} from \"@templatical/core/cloud\";\n\nexport interface UseCloudFeatureFlagsOptions {\n  planConfigInstance: UsePlanConfigReturn;\n  aiConfig: UseAiConfigReturn;\n  editor: {\n    state: {\n      readonly template?: { id: string } | null;\n    };\n  };\n}\n\nexport interface UseCloudFeatureFlagsReturn {\n  canUseAiGeneration: ComputedRef<boolean>;\n  canSendTestEmail: ComputedRef<boolean>;\n  hasTemplateSaved: ComputedRef<boolean>;\n  isWhiteLabeled: ComputedRef<boolean>;\n  templateLimit: ComputedRef<number | null>;\n  templateCount: ComputedRef<number>;\n  isSaveExporting: Ref<boolean>;\n  saveStatus: Ref<\"idle\" | \"saved\" | \"error\">;\n  saveErrorMessage: Ref<string>;\n  startSaveStatusClear: () => void;\n}\n\nexport function useCloudFeatureFlags(\n  options: UseCloudFeatureFlagsOptions,\n): UseCloudFeatureFlagsReturn {\n  const { planConfigInstance, aiConfig, editor } = options;\n\n  const canUseAiGeneration = computed(\n    () =>\n      planConfigInstance.hasFeature(\"ai_generation\") &&\n      aiConfig.hasAnyMenuFeature.value,\n  );\n  const canSendTestEmail = computed(() =>\n    planConfigInstance.hasFeature(\"test_email\"),\n  );\n  const hasTemplateSaved = computed(() => !!editor.state.template?.id);\n  const isWhiteLabeled = computed(() =>\n    planConfigInstance.hasFeature(\"white_label\"),\n  );\n  const templateLimit = computed(\n    () => planConfigInstance.config.value?.limits.max_templates ?? null,\n  );\n  const templateCount = computed(\n    () => planConfigInstance.config.value?.template_count ?? 0,\n  );\n\n  const isSaveExporting = ref(false);\n  const saveStatus = ref<\"idle\" | \"saved\" | \"error\">(\"idle\");\n  const saveErrorMessage = ref(\"\");\n\n  const { start: startSaveStatusClear } = useTimeoutFn(\n    () => {\n      saveStatus.value = \"idle\";\n    },\n    3000,\n    { immediate: false },\n  );\n\n  return {\n    canUseAiGeneration,\n    canSendTestEmail,\n    hasTemplateSaved,\n    isWhiteLabeled,\n    templateLimit,\n    templateCount,\n    isSaveExporting,\n    saveStatus,\n    saveErrorMessage,\n    startSaveStatusClear,\n  };\n}\n","import { onScopeDispose, type Ref } from \"vue\";\nimport type {\n  MediaCategory,\n  MediaConfig,\n  MediaItem,\n  MediaRequestContext,\n} from \"@templatical/media-library\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaResult } from \"@templatical/types\";\n\nexport interface UseCloudMediaLibraryOptions {\n  onRequestMedia?: (context: MediaRequestContext) => Promise<MediaItem | null>;\n  mediaLibraryOpen: Ref<boolean>;\n  mediaLibraryAccept: Ref<MediaCategory[] | undefined>;\n  /** Auth used by the built-in drag-and-drop upload (#229). */\n  authManager: AuthManager;\n  /**\n   * Active plan's media config, read at upload time for a client-side\n   * pre-check (MIME + size) before hitting the network. Returns `null` until\n   * the plan config has loaded; the server stays the authoritative validator.\n   */\n  getMediaConfig?: () => MediaConfig | null;\n  /** Surface upload/validation failures to the consumer's error handler. */\n  onError?: (error: Error) => void;\n}\n\nexport interface UseCloudMediaLibraryReturn {\n  handleRequestMedia: (\n    context?: MediaRequestContext,\n  ) => Promise<MediaResult | null>;\n  handleMediaSelect: (item: MediaItem) => void;\n  handleMediaLibraryClose: () => void;\n}\n\nexport function useCloudMediaLibrary(\n  options: UseCloudMediaLibraryOptions,\n): UseCloudMediaLibraryReturn {\n  const {\n    onRequestMedia,\n    mediaLibraryOpen,\n    mediaLibraryAccept,\n    authManager,\n    getMediaConfig,\n    onError,\n  } = options;\n\n  let mediaResolve: ((result: MediaResult | null) => void) | null = null;\n\n  function toMediaResult(item: MediaItem): MediaResult {\n    return { url: item.url, alt: item.alt_text || undefined };\n  }\n\n  async function handleRequestMedia(\n    context?: MediaRequestContext,\n  ): Promise<MediaResult | null> {\n    const accept = context?.accept ?? [\"images\"];\n\n    // Drag-and-drop upload path (#229). A dropped file is forwarded to a\n    // consumer handler if one is configured; otherwise it's uploaded directly\n    // to the cloud and the resulting media item becomes the block's image.\n    if (context?.files?.length) {\n      if (onRequestMedia) {\n        const item = await onRequestMedia({ accept, files: context.files });\n        return item ? toMediaResult(item) : null;\n      }\n      return uploadDroppedFile(context.files[0]);\n    }\n\n    // If consumer provides a custom media handler, use it.\n    if (onRequestMedia) {\n      const item = await onRequestMedia({ accept });\n      return item ? toMediaResult(item) : null;\n    }\n\n    // Otherwise open the built-in media library. If a previous request\n    // is still pending (e.g. consumer fired two requests back-to-back),\n    // settle it with null so its caller doesn't hang forever.\n    if (mediaResolve) {\n      mediaResolve(null);\n      mediaResolve = null;\n    }\n    mediaLibraryAccept.value = accept;\n    mediaLibraryOpen.value = true;\n    return new Promise<MediaResult | null>((resolve) => {\n      mediaResolve = (result) => {\n        resolve(result);\n      };\n    });\n  }\n\n  async function uploadDroppedFile(file: File): Promise<MediaResult | null> {\n    const validationError = validateFile(file);\n    if (validationError) {\n      onError?.(validationError);\n      return null;\n    }\n    try {\n      // media-library is an optional, cloud-only peer — import lazily so OSS\n      // bundles never pull it in. Cloud consumers always have it installed.\n      const { MediaApiClient } = await import(\"@templatical/media-library\");\n      const item = await new MediaApiClient(authManager).uploadMedia(file);\n      return toMediaResult(item);\n    } catch (error) {\n      onError?.(error as Error);\n      return null;\n    }\n  }\n\n  function validateFile(file: File): Error | null {\n    const media = getMediaConfig?.() ?? null;\n    if (!media) return null; // config not loaded yet → defer to server.\n    const acceptedTypes = media.categories?.images?.mime_types ?? [];\n    if (acceptedTypes.length > 0 && !acceptedTypes.includes(file.type)) {\n      return new Error(\n        `Unsupported image type: ${file.type || \"unknown\"}. Accepted: ${acceptedTypes.join(\", \")}.`,\n      );\n    }\n    if (media.max_file_size > 0 && file.size > media.max_file_size) {\n      return new Error(\n        `Image is too large (${file.size} bytes). Maximum allowed is ${media.max_file_size} bytes.`,\n      );\n    }\n    return null;\n  }\n\n  function handleMediaSelect(item: MediaItem): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.(toMediaResult(item));\n    mediaResolve = null;\n  }\n\n  function handleMediaLibraryClose(): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.(null);\n    mediaResolve = null;\n  }\n\n  onScopeDispose(() => {\n    if (mediaResolve) {\n      mediaResolve(null);\n      mediaResolve = null;\n    }\n  });\n\n  return {\n    handleRequestMedia,\n    handleMediaSelect,\n    handleMediaLibraryClose,\n  };\n}\n","import { computed, provide, ref, watch, type ComputedRef, type Ref } from \"vue\";\nimport {\n  AuthManager,\n  performHealthCheck,\n  useAiConfig,\n  useCollaboration,\n  useCollaborationBroadcast,\n  useCommentListener,\n  useComments,\n  useEditor,\n  useExport,\n  useMcpListener,\n  usePlanConfig,\n  useSavedModules,\n  useTemplateScoring,\n  useTestEmail,\n  useWebSocket,\n  type UseAiConfigReturn,\n  type UseCollaborationReturn,\n  type UseCommentsReturn,\n  type UseExportReturn,\n  type UsePlanConfigReturn,\n  type UseSavedModulesReturn,\n  type UseTemplateScoringReturn,\n  type UseTestEmailReturn,\n  type UseWebSocketReturn,\n  type UseEditorReturn as CloudUseEditorReturn,\n} from \"@templatical/core/cloud\";\nimport type {\n  McpOperationPayload,\n  ThemeOverrides,\n  UiTheme,\n} from \"@templatical/types\";\n\nimport {\n  useEditorCore,\n  type UseEditorCoreReturn,\n} from \"../../composables/useEditorCore\";\nimport { resolveLintOptions } from \"../../utils/resolveLintOptions\";\nimport { useDragDrop } from \"../../composables/useDragDrop\";\nimport type { UseFontsReturn } from \"../../composables/useFonts\";\nimport type { Translations } from \"../../i18n\";\nimport type { EditorCapabilities } from \"../../types/editor-capabilities\";\nimport {\n  ON_REQUEST_MEDIA_KEY,\n  AUTH_MANAGER_KEY,\n  AI_CONFIG_KEY,\n  COMMENTS_KEY,\n  SAVED_MODULES_HEADLESS_KEY,\n  SCORING_KEY,\n  CAPABILITIES_KEY,\n} from \"../../keys\";\nimport { DEFAULT_AUTO_SAVE_DEBOUNCE_MS } from \"../../constants/timeouts\";\nimport { logger } from \"../../utils/logger\";\n\nimport {\n  useSnapshotPreview,\n  type UseSnapshotPreviewReturn,\n} from \"./useSnapshotPreview\";\nimport {\n  useCloudPanelState,\n  type UseCloudPanelStateReturn,\n} from \"./useCloudPanelState\";\nimport { useCollabUndoWarning } from \"./useCollabUndoWarning\";\nimport {\n  useCloudFeatureFlags,\n  type UseCloudFeatureFlagsReturn,\n} from \"./useCloudFeatureFlags\";\nimport {\n  useCloudMediaLibrary,\n  type UseCloudMediaLibraryReturn,\n} from \"./useCloudMediaLibrary\";\n\nimport type { TemplaticalCloudEditorConfig } from \"../cloudConfig\";\n\n/** Minimal interface of the CommentsSidebar-filter target. */\ninterface CommentsSidebarInstance {\n  filterByBlock: (blockId: string) => void;\n}\n\n/** Getter for the target — evaluated lazily so the sidebar can mount later. */\ntype CommentsSidebarGetter = () => CommentsSidebarInstance | null;\n\ntype CollaborationInstance = UseCollaborationReturn & {\n  _broadcastOperation: (payload: McpOperationPayload) => void;\n  _isProcessingRemoteOperation: () => boolean;\n};\n\nexport interface UseCloudInitializationOptions {\n  config: TemplaticalCloudEditorConfig;\n  translations: Translations;\n  fontsManager: UseFontsReturn;\n  emit: (event: \"ready\") => void;\n  /** Lazy getter for the CommentsSidebar-filter target (for block-filter). */\n  getCommentsSidebar: CommentsSidebarGetter;\n  /**\n   * Effective DOM root passed through to `useEditorCore`. Set when the\n   * cloud editor is mounted inside a shadow root (`shadowDom: true`).\n   */\n  editorRoot?: Document | ShadowRoot;\n  /**\n   * Outer `.tpl` container ref forwarded to `useEditorCore` for\n   * multi-editor keyboard routing.\n   */\n  containerEl?: Ref<HTMLElement | null>;\n}\n\nexport interface UseCloudInitializationReturn {\n  // Init state\n  isInitializing: Ref<boolean>;\n  isAuthReady: Ref<boolean>;\n  initError: Ref<Error | null>;\n  isDestroyed: () => boolean;\n\n  // Infrastructure\n  authManager: AuthManager;\n  planConfigInstance: UsePlanConfigReturn;\n  websocket: UseWebSocketReturn;\n  collaboration: CollaborationInstance | null;\n  isCollaborationEnabled: ComputedRef<boolean>;\n\n  // Editor + core\n  editor: CloudUseEditorReturn;\n  core: UseEditorCoreReturn;\n\n  // Cloud composables\n  aiConfig: UseAiConfigReturn;\n  featureFlags: UseCloudFeatureFlagsReturn;\n  mediaLib: UseCloudMediaLibraryReturn;\n  exporter: UseExportReturn;\n  testEmail: UseTestEmailReturn;\n  commentsInstance: UseCommentsReturn;\n  savedModulesHeadless: UseSavedModulesReturn;\n  scoringInstance: UseTemplateScoringReturn;\n  panelState: UseCloudPanelStateReturn;\n  snapshotPreview: UseSnapshotPreviewReturn;\n  collabWarning: ReturnType<typeof useCollabUndoWarning>;\n\n  // Local UI state surfaced through capabilities\n  showSaveModuleDialog: Ref<boolean>;\n  showModuleBrowserModal: Ref<boolean>;\n  saveModulePreSelectedBlockId: Ref<string | null>;\n\n  // Late-bound save hook — set by `useCloudLifecycle` after it wires saveTemplate.\n  // The `onSave` keyboard shortcut + `useEditorCore` autoSave both route here.\n  onSaveHook: { value: (() => Promise<unknown>) | null };\n\n  // Methods\n  initialize: () => Promise<void>;\n  destroy: () => void;\n  setThemeOverrides: (overrides: ThemeOverrides) => void;\n  setUiTheme: (theme: UiTheme) => void;\n  openCommentsForBlock: (blockId: string) => void;\n}\n\n/**\n * Owns the entire CloudEditor.vue initialization dance:\n *   1. AuthManager + PlanConfig\n *   2. Collaboration locked-blocks forward-ref\n *   3. Cloud editor\n *   4. WebSocket + MCP listener\n *   5. Collaboration (wraps editor methods — MUST precede useEditorCore)\n *   6. useEditorCore (provides all shared keys)\n *   7. Collab undo warning (needs core.history.canUndo)\n *   8. Snapshot preview (needs core.autoSave)\n *   9. Remaining cloud composables (aiConfig, exporter, testEmail, etc.)\n *  10. Cloud-only provides (including CAPABILITIES_KEY override)\n *\n * Forward-ref pattern for `snapshotPreview` / `collabWarning` is contained\n * here instead of leaking to the parent.\n */\nexport function useCloudInitialization(\n  options: UseCloudInitializationOptions,\n): UseCloudInitializationReturn {\n  const { config, translations, fontsManager, emit, getCommentsSidebar } =\n    options;\n\n  // --- Init state ---\n  const isInitializing = ref(true);\n  const isAuthReady = ref(false);\n  const initError = ref<Error | null>(null);\n  let _destroyed = false;\n\n  // --- Late-bound save hook (filled in by useCloudLifecycle) ---\n  const onSaveHook: { value: (() => Promise<unknown>) | null } = {\n    value: null,\n  };\n\n  // --- Forward refs for circular composable dependencies ---\n  let snapshotPreviewRef: UseSnapshotPreviewReturn | null = null;\n  let collabWarningRef: ReturnType<typeof useCollabUndoWarning> | null = null;\n\n  // --- 1. AuthManager + PlanConfig ---\n  const authManager = new AuthManager({\n    ...config.auth,\n    onError: config.onError,\n  });\n\n  const planConfigInstance = usePlanConfig({\n    authManager,\n    onError: config.onError,\n  });\n\n  // --- 2. Collaboration locked blocks ref (forward-declared for step 3) ---\n  const collaborationLockedBlocks = ref<Map<string, unknown>>(new Map());\n\n  // --- 3. Cloud editor ---\n  const editor = useEditor({\n    authManager,\n    defaultFontFamily: config.fonts?.defaultFont,\n    templateDefaults: config.templateDefaults,\n    onError: config.onError,\n    lockedBlocks: collaborationLockedBlocks,\n  });\n\n  // --- 4. WebSocket + MCP listener ---\n  const websocket = useWebSocket({\n    authManager,\n    onError: config.onError,\n  });\n\n  if (config.mcp?.enabled) {\n    useMcpListener({\n      editor,\n      channel: websocket.channel,\n      onOperation: config.mcp.onOperation,\n    });\n  }\n\n  // --- 5. Collaboration (MUST precede useEditorCore) ---\n  //\n  // Order: `useCollaborationBroadcast` wraps editor mutation methods so they\n  // broadcast to peers. Step 6's `useHistoryInterceptor` then wraps them\n  // AGAIN to push history entries. Reversing would push history for remote\n  // operations, causing local/remote state drift.\n  let collaboration: CollaborationInstance | null = null;\n\n  if (config.collaboration?.enabled) {\n    collaboration = useCollaboration({\n      authManager,\n      editor,\n      channel: websocket.channel,\n      onError: config.onError,\n      onCollaboratorJoined: config.collaboration.onCollaboratorJoined,\n      onCollaboratorLeft: config.collaboration.onCollaboratorLeft,\n      onBlockLocked: config.collaboration.onBlockLocked,\n      onBlockUnlocked: config.collaboration.onBlockUnlocked,\n    }) as CollaborationInstance;\n\n    watch(\n      () => collaboration!.lockedBlocks.value,\n      (newLockedBlocks) => {\n        collaborationLockedBlocks.value = newLockedBlocks;\n      },\n      { immediate: true },\n    );\n\n    useCollaborationBroadcast(editor, collaboration);\n  }\n\n  const isCollaborationEnabled = computed(\n    () =>\n      !!config.collaboration?.enabled &&\n      planConfigInstance.hasFeature(\"collaboration\"),\n  );\n\n  // --- 6. useEditorCore ---\n  const core = useEditorCore({\n    editor,\n    config: {\n      uiTheme: config.uiTheme,\n      theme: undefined, // applied in initialize() after plan check\n      blockDefaults: config.blockDefaults,\n      customBlocks: [], // deferred to initialize()\n      paletteBlocks: config.paletteBlocks,\n      mergeTags: config.mergeTags,\n      logicTags: config.logicTags,\n      displayConditions: config.displayConditions,\n      onRequestMedia: null, // cloud handles via mediaLib.handleRequestMedia\n      lint: resolveLintOptions(config),\n      onSave: () => {\n        onSaveHook.value?.().catch((err) => {\n          config.onError?.(err as Error);\n        });\n      },\n    },\n    translations,\n    fontsManager,\n    historyOptions: collaboration\n      ? {\n          isRemoteOperation: () =>\n            collaboration!._isProcessingRemoteOperation(),\n        }\n      : undefined,\n    autoSaveOptions: {\n      onChange: async () => {\n        if (editor.hasTemplate()) {\n          await editor.createSnapshot();\n          snapshotPreviewRef?.snapshotHistoryInstance.value?.loadSnapshots();\n        }\n      },\n      debounce: config.autoSaveDebounce ?? DEFAULT_AUTO_SAVE_DEBOUNCE_MS,\n      enabled: () =>\n        config.autoSave !== false && planConfigInstance.hasFeature(\"auto_save\"),\n    },\n    themeExtraStyles: () => ({\n      \"--tpl-drop-text\": `\"${translations.canvas.dropHere}\"`,\n    }),\n    keyboardOptions: {\n      onBeforeUndo: () => collabWarningRef?.showCollabUndoWarning(),\n    },\n    editorRoot: options.editorRoot,\n    containerEl: options.containerEl,\n  });\n\n  // --- 7. Collab undo warning ---\n  const collabWarning = useCollabUndoWarning({\n    isCollaborationEnabled,\n    getCollaboratorCount: () => collaboration?.collaborators.value.length ?? 0,\n    canUndo: core.history.canUndo,\n  });\n  collabWarningRef = collabWarning;\n\n  // --- 8. Snapshot preview ---\n  const snapshotPreview = useSnapshotPreview({\n    authManager,\n    editor,\n    history: core.history,\n    conditionPreview: core.conditionPreview,\n    autoSave: core.autoSave,\n    onError: config.onError,\n  });\n  snapshotPreviewRef = snapshotPreview;\n\n  // --- 9. Remaining cloud composables ---\n  const panelState = useCloudPanelState();\n  const aiConfig = useAiConfig(config.ai);\n\n  const featureFlags = useCloudFeatureFlags({\n    planConfigInstance,\n    aiConfig,\n    editor,\n  });\n\n  const mediaLib = useCloudMediaLibrary({\n    onRequestMedia: config.onRequestMedia,\n    mediaLibraryOpen: panelState.mediaLibraryOpen,\n    mediaLibraryAccept: panelState.mediaLibraryAccept,\n    authManager,\n    getMediaConfig: () => planConfigInstance.config.value?.media ?? null,\n    onError: config.onError,\n  });\n\n  // Install drag-drop listeners (no return value needed).\n  useDragDrop({\n    onBlockMove: editor.moveBlock,\n    onBlockAdd: editor.addBlock,\n  });\n\n  const exporter = useExport({\n    authManager,\n    getFontsConfig: () => config.fonts,\n    canUseCustomFonts: () => planConfigInstance.hasFeature(\"custom_fonts\"),\n  });\n\n  const testEmail = useTestEmail({\n    authManager,\n    getTemplateId: () => editor.state.template?.id ?? null,\n    save: () => editor.save(),\n    exportHtml: (templateId: string) => exporter.exportHtml(templateId),\n    onError: config.onError,\n    isAuthReady,\n    onBeforeTestEmail: config.onBeforeTestEmail,\n  });\n\n  const commentsInstance = useComments({\n    authManager,\n    getTemplateId: () => editor.state.template?.id ?? null,\n    getSocketId: () => websocket.getSocketId(),\n    onComment: config.onComment,\n    onError: config.onError,\n    isAuthReady,\n    hasCommentingFeature: () =>\n      config.commenting !== false &&\n      planConfigInstance.hasFeature(\"commenting\"),\n  });\n\n  useCommentListener({\n    comments: commentsInstance,\n    channel: websocket.channel,\n  });\n\n  const savedModulesHeadless = useSavedModules({\n    authManager,\n    onError: config.onError,\n  });\n  const showSaveModuleDialog = ref(false);\n  const saveModulePreSelectedBlockId = ref<string | null>(null);\n  const showModuleBrowserModal = ref(false);\n\n  const scoringInstance = useTemplateScoring({\n    authManager,\n    getTemplateId: () => editor.state.template?.id ?? null,\n  });\n\n  // --- Comments block-filter bridge ---\n  function openCommentsForBlock(blockId: string): void {\n    panelState.commentsOpen.value = true;\n    // Sidebar may not be mounted yet (async component); defer look-up.\n    queueMicrotask(() => {\n      getCommentsSidebar()?.filterByBlock(blockId);\n    });\n  }\n\n  // --- 10. Cloud-only provides ---\n  provide(ON_REQUEST_MEDIA_KEY, mediaLib.handleRequestMedia);\n  provide(AUTH_MANAGER_KEY, authManager);\n  provide(AI_CONFIG_KEY, aiConfig);\n  provide(COMMENTS_KEY, commentsInstance);\n  provide(SAVED_MODULES_HEADLESS_KEY, savedModulesHeadless);\n  provide(SCORING_KEY, scoringInstance);\n\n  // Override default capabilities from useEditorCore with cloud capabilities.\n  provide(CAPABILITIES_KEY, {\n    plan: planConfigInstance,\n    ai: aiConfig,\n    comments: {\n      getBlockCount: (blockId: string) =>\n        commentsInstance.commentCountByBlock.value.get(blockId) ?? 0,\n      openForBlock: openCommentsForBlock,\n    },\n    savedModules: {\n      openSaveDialog: (blockId: string) => {\n        saveModulePreSelectedBlockId.value = blockId ?? null;\n        showSaveModuleDialog.value = true;\n      },\n      openBrowser: () => {\n        showModuleBrowserModal.value = true;\n      },\n      moduleCount: computed(() => savedModulesHeadless.modules.value.length),\n    },\n  } satisfies EditorCapabilities);\n\n  // --- Theme setters (plan-gated) ---\n  function setThemeOverrides(overrides: ThemeOverrides): void {\n    if (!planConfigInstance.hasFeature(\"theme_customization\")) return;\n    core.themeOverrides.value = overrides;\n  }\n\n  function setUiTheme(theme: UiTheme): void {\n    editor.setUiTheme(theme);\n  }\n\n  // --- Initialize (async bootstrap) ---\n  async function initialize(): Promise<void> {\n    isInitializing.value = true;\n    initError.value = null;\n\n    try {\n      await authManager.initialize();\n      if (_destroyed) return;\n      isAuthReady.value = true;\n\n      const healthResult = await performHealthCheck({ authManager });\n      if (_destroyed) return;\n\n      if (!healthResult.api.ok) {\n        throw new Error(\"Health check failed: API is not reachable\");\n      }\n\n      if (!healthResult.auth.ok) {\n        throw new Error(\n          `Health check failed: authentication error${healthResult.auth.error ? ` - ${healthResult.auth.error}` : \"\"}`,\n        );\n      }\n\n      if (!healthResult.websocket.ok) {\n        logger.warn(\n          \"WebSocket health check failed:\",\n          healthResult.websocket.error ?? \"unknown error\",\n          \"-- real-time features will be disabled.\",\n        );\n      }\n\n      await planConfigInstance.fetchConfig();\n      if (_destroyed) return;\n\n      fontsManager.setCustomFontsEnabled(\n        planConfigInstance.hasFeature(\"custom_fonts\"),\n      );\n\n      if (\n        config.customBlocks?.length &&\n        planConfigInstance.hasFeature(\"custom_blocks\")\n      ) {\n        core.registerCustomBlocks(config.customBlocks);\n      }\n\n      if (\n        config.theme &&\n        planConfigInstance.hasFeature(\"theme_customization\")\n      ) {\n        core.themeOverrides.value = config.theme;\n      }\n\n      if (\n        config.modules !== false &&\n        planConfigInstance.hasFeature(\"saved_modules\")\n      ) {\n        savedModulesHeadless.loadModules();\n      }\n\n      emit(\"ready\");\n    } catch (error) {\n      if (_destroyed) return;\n      const wrappedError =\n        error instanceof Error\n          ? error\n          : new Error(\"Initialization failed\", { cause: error });\n      initError.value = wrappedError;\n      config.onError?.(wrappedError);\n    } finally {\n      if (!_destroyed) {\n        isInitializing.value = false;\n      }\n    }\n  }\n\n  function destroy(): void {\n    _destroyed = true;\n    fontsManager.cleanupFontLinks();\n    websocket.disconnect();\n    core.destroy();\n    config.onUnmount?.();\n  }\n\n  return {\n    isInitializing,\n    isAuthReady,\n    initError,\n    isDestroyed: () => _destroyed,\n\n    authManager,\n    planConfigInstance,\n    websocket,\n    collaboration,\n    isCollaborationEnabled,\n\n    editor,\n    core,\n\n    aiConfig,\n    featureFlags,\n    mediaLib,\n    exporter,\n    testEmail,\n    commentsInstance,\n    savedModulesHeadless,\n    scoringInstance,\n    panelState,\n    snapshotPreview,\n    collabWarning,\n\n    showSaveModuleDialog,\n    showModuleBrowserModal,\n    saveModulePreSelectedBlockId,\n\n    onSaveHook,\n\n    initialize,\n    destroy,\n    setThemeOverrides,\n    setUiTheme,\n    openCommentsForBlock,\n  };\n}\n","import type { Block, CustomBlock, TemplateContent } from \"@templatical/types\";\nimport { isCustomBlock } from \"@templatical/types\";\nimport type { UseBlockRegistryReturn } from \"../composables/useBlockRegistry\";\n\n/**\n * Renders every custom block in the content tree to its HTML representation\n * and stores the result on `block.renderedHtml`. Called before save so the\n * backend can include custom-block output in its MJML export.\n *\n * Failures per-block are swallowed (and replaced with a comment placeholder)\n * so one broken block doesn't block the save of the rest.\n */\nexport async function preRenderCustomBlocks(\n  content: TemplateContent,\n  registry: UseBlockRegistryReturn,\n): Promise<void> {\n  const renderBlock = async (block: Block): Promise<void> => {\n    if (isCustomBlock(block)) {\n      const customBlock = block as CustomBlock;\n      try {\n        customBlock.renderedHtml =\n          await registry.renderCustomBlock(customBlock);\n      } catch {\n        customBlock.renderedHtml = `<!-- Custom block render error: ${customBlock.customType} -->`;\n      }\n    }\n\n    if (block.type === \"section\" && \"children\" in block) {\n      const sectionBlock = block as { children: Block[][] };\n      for (const column of sectionBlock.children) {\n        for (const child of column) {\n          await renderBlock(child);\n        }\n      }\n    }\n  };\n\n  for (const block of content.blocks) {\n    await renderBlock(block);\n  }\n}\n","import {\n  resolveWebSocketConfig,\n  type UseExportReturn,\n  type UsePlanConfigReturn,\n  type UseWebSocketReturn,\n  type UseEditorReturn as CloudUseEditorReturn,\n} from \"@templatical/core/cloud\";\nimport type { SaveResult, Template, TemplateContent } from \"@templatical/types\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport { preRenderCustomBlocks } from \"../../utils/preRenderCustomBlocks\";\n\nimport type { UseSnapshotPreviewReturn } from \"./useSnapshotPreview\";\nimport type { UseCloudFeatureFlagsReturn } from \"./useCloudFeatureFlags\";\nimport type { TemplaticalCloudEditorConfig } from \"../cloudConfig\";\n\nexport interface UseCloudLifecycleOptions {\n  config: TemplaticalCloudEditorConfig;\n  editor: CloudUseEditorReturn;\n  websocket: UseWebSocketReturn;\n  planConfigInstance: UsePlanConfigReturn;\n  snapshotPreview: UseSnapshotPreviewReturn;\n  core: UseEditorCoreReturn;\n  exporter: UseExportReturn;\n  featureFlags: UseCloudFeatureFlagsReturn;\n  isDestroyed: () => boolean;\n}\n\nexport interface UseCloudLifecycleReturn {\n  createTemplate: (content?: TemplateContent) => Promise<Template>;\n  loadTemplate: (templateId: string) => Promise<Template>;\n  saveTemplate: () => Promise<SaveResult>;\n}\n\n/**\n * Template-level operations on a cloud editor: create/load/save.\n * Each guards against post-unmount execution via `isDestroyed()`.\n */\nexport function useCloudLifecycle(\n  options: UseCloudLifecycleOptions,\n): UseCloudLifecycleReturn {\n  const {\n    config,\n    editor,\n    websocket,\n    planConfigInstance,\n    snapshotPreview,\n    core,\n    exporter,\n    featureFlags,\n    isDestroyed,\n  } = options;\n\n  function getWebSocketConfig() {\n    return resolveWebSocketConfig(planConfigInstance.config.value!.websocket);\n  }\n\n  async function createTemplate(content?: TemplateContent): Promise<Template> {\n    const template = await editor.create(content);\n    if (isDestroyed()) return template;\n    config.onCreate?.(template);\n    snapshotPreview.initSnapshotHistory();\n    websocket.connect(template.id, getWebSocketConfig());\n    return template;\n  }\n\n  async function loadTemplate(templateId: string): Promise<Template> {\n    const template = await editor.load(templateId);\n    if (isDestroyed()) return template;\n    config.onLoad?.(template);\n    snapshotPreview.initSnapshotHistory();\n    websocket.connect(template.id, getWebSocketConfig());\n    return template;\n  }\n\n  async function saveTemplate(): Promise<SaveResult> {\n    featureFlags.isSaveExporting.value = true;\n    featureFlags.saveStatus.value = \"idle\";\n    try {\n      // Pre-render custom blocks so backend can include them in MJML export.\n      await preRenderCustomBlocks(editor.content.value, core.registry);\n      if (isDestroyed()) throw new Error(\"Component unmounted during save\");\n\n      const template = await editor.save();\n      if (isDestroyed()) throw new Error(\"Component unmounted during save\");\n\n      snapshotPreview.initSnapshotHistory();\n      snapshotPreview.snapshotHistoryInstance.value?.loadSnapshots();\n\n      const exportResult = await exporter.exportHtml(template.id);\n      if (isDestroyed()) throw new Error(\"Component unmounted during save\");\n\n      const saveResult: SaveResult = {\n        templateId: template.id,\n        html: exportResult.html,\n        mjml: exportResult.mjml,\n        content: template.content,\n      };\n\n      config.onSave?.(saveResult);\n\n      featureFlags.saveStatus.value = \"saved\";\n      featureFlags.startSaveStatusClear();\n\n      return saveResult;\n    } catch (error) {\n      if (!isDestroyed()) {\n        featureFlags.saveStatus.value = \"error\";\n        featureFlags.saveErrorMessage.value =\n          error instanceof Error ? error.message : \"Save failed\";\n      }\n      throw error;\n    } finally {\n      if (!isDestroyed()) {\n        featureFlags.isSaveExporting.value = false;\n      }\n    }\n  }\n\n  return { createTemplate, loadTemplate, saveTemplate };\n}\n","import { computed, ref, type ComputedRef, type Ref } from \"vue\";\nimport type { PlanConfig } from \"@templatical/types\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\nexport interface UseCloudSaveGateOptions {\n  /** Reactive accessibility issues from `useTemplateLint`. */\n  issues: Ref<LintIssue[]>;\n  /** Reactive plan config from the server. */\n  planConfig: Ref<PlanConfig | null>;\n}\n\nexport interface UseCloudSaveGateReturn {\n  /** True when the gate would block a save click given current state. */\n  shouldBlock: ComputedRef<boolean>;\n  /** Errors that would block the save. Empty when `shouldBlock` is false. */\n  blockingIssues: ComputedRef<LintIssue[]>;\n  /** Modal visibility — toggled by `tryRunSave` and `cancel`. */\n  modalOpen: Ref<boolean>;\n  /**\n   * Wraps a save callback. Returns `true` when the save was invoked\n   * (blocking disabled or no errors), `false` when the modal opened\n   * instead. Caller can `await` the returned promise to know when the\n   * save settled.\n   */\n  tryRunSave: (run: () => Promise<unknown> | unknown) => Promise<boolean>;\n  /** Force-run the pending save, bypassing the gate. */\n  confirmAndSave: () => Promise<void>;\n  /** Dismiss the modal without saving. */\n  cancel: () => void;\n}\n\n/**\n * Cloud-only save-gate. When `planConfig.accessibility.blockOnError === true`\n * and the linter reports any error-severity issues, intercept the save\n * click and surface a confirmation modal listing the blockers. The user\n * can dismiss to fix issues, or click \"Save anyway\" to bypass — the gate\n * does NOT enforce a hard block, it surfaces a deliberate choice.\n *\n * Server policy is the source of truth for `blockOnError`; consumer-side\n * `accessibility` options can't override it.\n */\nexport function useCloudSaveGate(\n  opts: UseCloudSaveGateOptions,\n): UseCloudSaveGateReturn {\n  const modalOpen = ref(false);\n  let pending: (() => Promise<unknown> | unknown) | null = null;\n\n  const blockOnError = computed(\n    () => opts.planConfig.value?.accessibility?.blockOnError === true,\n  );\n\n  const blockingIssues = computed(() =>\n    blockOnError.value\n      ? opts.issues.value.filter((i) => i.severity === \"error\")\n      : [],\n  );\n\n  const shouldBlock = computed(() => blockingIssues.value.length > 0);\n\n  async function tryRunSave(\n    run: () => Promise<unknown> | unknown,\n  ): Promise<boolean> {\n    if (!shouldBlock.value) {\n      await run();\n      return true;\n    }\n    pending = run;\n    modalOpen.value = true;\n    return false;\n  }\n\n  async function confirmAndSave(): Promise<void> {\n    const run = pending;\n    pending = null;\n    modalOpen.value = false;\n    if (run) {\n      await run();\n    }\n  }\n\n  function cancel(): void {\n    pending = null;\n    modalOpen.value = false;\n  }\n\n  return {\n    shouldBlock,\n    blockingIssues,\n    modalOpen,\n    tryRunSave,\n    confirmAndSave,\n    cancel,\n  };\n}\n","<script setup lang=\"ts\">\nimport { AlertTriangle } from \"@lucide/vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\ndefineProps<{\n  open: boolean;\n  issues: LintIssue[];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <Transition\n    enter-active-class=\"tpl:transition-opacity tpl:duration-150\"\n    leave-active-class=\"tpl:transition-opacity tpl:duration-150\"\n    enter-from-class=\"tpl:opacity-0\"\n    leave-to-class=\"tpl:opacity-0\"\n  >\n    <div\n      v-if=\"open\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-label=\"cloudT.saveGate.title\"\n      class=\"tpl:fixed tpl:inset-0 tpl:z-50 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/40 tpl:p-6\"\n      @click.self=\"emit('cancel')\"\n    >\n      <div\n        class=\"tpl:flex tpl:max-h-[80vh] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-md)]\"\n      >\n        <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n          <AlertTriangle\n            :size=\"18\"\n            :stroke-width=\"2\"\n            class=\"tpl:text-[var(--tpl-warning)]\"\n          />\n          <h2\n            class=\"tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{ cloudT.saveGate.title }}\n          </h2>\n        </header>\n\n        <p class=\"tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n          {{ cloudT.saveGate.body }}\n        </p>\n\n        <ul\n          class=\"tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2\"\n        >\n          <li\n            v-for=\"issue in issues\"\n            :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n            class=\"tpl:flex tpl:flex-col tpl:gap-0.5 tpl:rounded tpl:px-2 tpl:py-1.5\"\n          >\n            <span class=\"tpl:text-xs tpl:text-[var(--tpl-text)]\">\n              {{ issue.message }}\n            </span>\n            <span\n              class=\"tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n            >\n              {{ issue.ruleId }}\n            </span>\n          </li>\n        </ul>\n\n        <footer class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n          <button\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n            @click=\"emit('cancel')\"\n          >\n            {{ cloudT.saveGate.cancel }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:bg-[var(--tpl-danger)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white\"\n            @click=\"emit('confirm')\"\n          >\n            {{ cloudT.saveGate.confirm }}\n          </button>\n        </footer>\n      </div>\n    </div>\n  </Transition>\n</template>\n","<script setup lang=\"ts\">\nimport { AlertTriangle } from \"@lucide/vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\ndefineProps<{\n  open: boolean;\n  issues: LintIssue[];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <Transition\n    enter-active-class=\"tpl:transition-opacity tpl:duration-150\"\n    leave-active-class=\"tpl:transition-opacity tpl:duration-150\"\n    enter-from-class=\"tpl:opacity-0\"\n    leave-to-class=\"tpl:opacity-0\"\n  >\n    <div\n      v-if=\"open\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-label=\"cloudT.saveGate.title\"\n      class=\"tpl:fixed tpl:inset-0 tpl:z-50 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/40 tpl:p-6\"\n      @click.self=\"emit('cancel')\"\n    >\n      <div\n        class=\"tpl:flex tpl:max-h-[80vh] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-md)]\"\n      >\n        <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n          <AlertTriangle\n            :size=\"18\"\n            :stroke-width=\"2\"\n            class=\"tpl:text-[var(--tpl-warning)]\"\n          />\n          <h2\n            class=\"tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n          >\n            {{ cloudT.saveGate.title }}\n          </h2>\n        </header>\n\n        <p class=\"tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n          {{ cloudT.saveGate.body }}\n        </p>\n\n        <ul\n          class=\"tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2\"\n        >\n          <li\n            v-for=\"issue in issues\"\n            :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n            class=\"tpl:flex tpl:flex-col tpl:gap-0.5 tpl:rounded tpl:px-2 tpl:py-1.5\"\n          >\n            <span class=\"tpl:text-xs tpl:text-[var(--tpl-text)]\">\n              {{ issue.message }}\n            </span>\n            <span\n              class=\"tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n            >\n              {{ issue.ruleId }}\n            </span>\n          </li>\n        </ul>\n\n        <footer class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n          <button\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n            @click=\"emit('cancel')\"\n          >\n            {{ cloudT.saveGate.cancel }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"tpl:rounded-md tpl:bg-[var(--tpl-danger)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white\"\n            @click=\"emit('confirm')\"\n          >\n            {{ cloudT.saveGate.confirm }}\n          </button>\n        </footer>\n      </div>\n    </div>\n  </Transition>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  Check,\n  CircleAlert,\n  LoaderCircle,\n  MessageCircle,\n  Save,\n  Send,\n  Sparkles,\n} from \"@lucide/vue\";\nimport { defineAsyncComponent } from \"vue\";\nimport type {\n  UseCommentsReturn,\n  UseTestEmailReturn,\n  UseWebSocketReturn,\n  UseEditorReturn as CloudUseEditorReturn,\n} from \"@templatical/core/cloud\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport { headerBtnClass } from \"../../constants/styleConstants\";\nimport ViewportToggle from \"../../components/ViewportToggle.vue\";\nimport PreviewToggle from \"../../components/PreviewToggle.vue\";\nimport DarkModeToggle from \"../../components/DarkModeToggle.vue\";\nimport type { UseCloudFeatureFlagsReturn } from \"../composables/useCloudFeatureFlags\";\nimport type { UseCloudPanelStateReturn } from \"../composables/useCloudPanelState\";\nimport type { UseSnapshotPreviewReturn } from \"../composables/useSnapshotPreview\";\nimport type { UseCloudInitializationReturn } from \"../composables/useCloudInitialization\";\n\nconst CollaboratorBar = defineAsyncComponent(\n  () => import(\"./CollaboratorBar.vue\"),\n);\nconst SnapshotHistory = defineAsyncComponent(\n  () => import(\"./SnapshotHistory.vue\"),\n);\nconst AiFeatureMenu = defineAsyncComponent(() => import(\"./AiFeatureMenu.vue\"));\n\ndefineProps<{\n  editor: CloudUseEditorReturn;\n  core: UseEditorCoreReturn;\n  featureFlags: UseCloudFeatureFlagsReturn;\n  panelState: UseCloudPanelStateReturn;\n  snapshotPreview: UseSnapshotPreviewReturn;\n  commentsInstance: UseCommentsReturn;\n  testEmail: UseTestEmailReturn;\n  websocket: UseWebSocketReturn;\n  collaboration: UseCloudInitializationReturn[\"collaboration\"];\n  isCollaborationEnabled: boolean;\n  isSaveDisabled: boolean;\n  isSaving: boolean;\n}>();\n\ndefineEmits<{\n  (e: \"save\"): void;\n}>();\n\nconst { t: cloudT, format: cloudFormat } = useCloudI18nStrict();\n</script>\n\n<template>\n  <header\n    class=\"tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-bg) 80%, transparent);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      box-shadow: var(--tpl-shadow-md);\n      border-bottom: 1px solid var(--tpl-border);\n    \"\n  >\n    <!-- Left: Logo + template count -->\n    <div\n      class=\"tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-3\"\n    >\n      <span\n        v-if=\"featureFlags.templateLimit.value !== null\"\n        class=\"tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]\"\n      >\n        {{\n          cloudFormat(cloudT.header.templatesUsed, {\n            used: featureFlags.templateCount.value,\n            max: featureFlags.templateLimit.value,\n          })\n        }}\n      </span>\n    </div>\n\n    <!-- Center: viewport + preview + dark mode + collaboration + snapshots -->\n    <div\n      class=\"tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10\"\n    >\n      <ViewportToggle\n        :viewport=\"editor.state.viewport\"\n        @change=\"editor.setViewport\"\n      />\n      <DarkModeToggle\n        :dark-mode=\"editor.state.darkMode\"\n        @change=\"editor.setDarkMode\"\n      />\n      <PreviewToggle\n        :preview-mode=\"editor.state.previewMode\"\n        @change=\"editor.setPreviewMode\"\n      />\n      <CollaboratorBar\n        v-if=\"collaboration && isCollaborationEnabled\"\n        :collaborators=\"collaboration.collaborators.value\"\n        :is-connected=\"websocket.isConnected.value\"\n      />\n      <SnapshotHistory\n        v-if=\"snapshotPreview.snapshotHistoryInstance.value\"\n        :snapshots=\"snapshotPreview.snapshotHistorySnapshots.value\"\n        :is-loading=\"snapshotPreview.snapshotHistoryIsLoading.value\"\n        :is-restoring=\"snapshotPreview.snapshotHistoryIsRestoring.value\"\n        @load=\"snapshotPreview.loadSnapshotHistory\"\n        @navigate=\"snapshotPreview.handleSnapshotNavigate\"\n      />\n    </div>\n\n    <!-- Right: Cloud actions -->\n    <div\n      class=\"tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3\"\n    >\n      <!-- Save status indicator -->\n      <div\n        v-if=\"featureFlags.saveStatus.value === 'error'\"\n        aria-live=\"assertive\"\n        class=\"tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n        :data-tooltip=\"featureFlags.saveErrorMessage.value\"\n      >\n        <CircleAlert :size=\"12\" :stroke-width=\"2.5\" />\n        {{ cloudT.header.saveFailed }}\n      </div>\n      <div\n        v-else-if=\"featureFlags.saveStatus.value === 'saved'\"\n        aria-live=\"polite\"\n        class=\"tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]\"\n      >\n        <Check :size=\"12\" :stroke-width=\"2.5\" />\n        {{ cloudT.header.saved }}\n      </div>\n      <div\n        v-else-if=\"editor.state.isDirty\"\n        aria-live=\"polite\"\n        class=\"tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n      >\n        <span\n          class=\"tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]\"\n        ></span>\n        {{ cloudT.header.unsaved }}\n      </div>\n\n      <!-- Comments button -->\n      <button\n        v-if=\"\n          commentsInstance.isEnabled.value &&\n          featureFlags.hasTemplateSaved.value\n        \"\n        :aria-label=\"\n          commentsInstance.unresolvedCount.value > 0\n            ? `${cloudT.comments.button} (${commentsInstance.unresolvedCount.value})`\n            : cloudT.comments.button\n        \"\n        :aria-expanded=\"panelState.commentsOpen.value\"\n        :class=\"headerBtnClass\"\n        :style=\"{\n          backgroundColor: panelState.commentsOpen.value\n            ? 'var(--tpl-primary)'\n            : 'transparent',\n          color: panelState.commentsOpen.value\n            ? 'var(--tpl-bg)'\n            : 'var(--tpl-primary)',\n          borderColor: 'var(--tpl-primary)',\n        }\"\n        @click=\"panelState.commentsOpen.value = !panelState.commentsOpen.value\"\n      >\n        <MessageCircle :size=\"16\" :stroke-width=\"2\" />\n        {{ cloudT.comments.button }}\n        <span\n          v-if=\"\n            commentsInstance.unresolvedCount.value > 0 &&\n            !panelState.commentsOpen.value\n          \"\n          class=\"tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n        >\n          {{ commentsInstance.unresolvedCount.value }}\n        </span>\n      </button>\n\n      <!-- AI button + menu -->\n      <div\n        v-if=\"\n          featureFlags.canUseAiGeneration.value &&\n          featureFlags.hasTemplateSaved.value\n        \"\n        :ref=\"(el) => (panelState.aiMenuRef.value = el as HTMLElement | null)\"\n        class=\"tpl:relative\"\n      >\n        <button\n          :aria-expanded=\"panelState.aiMenuOpen.value\"\n          class=\"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\"\n          :class=\"\n            panelState.aiButtonActive.value\n              ? 'tpl-ai-btn--active'\n              : 'tpl-ai-btn--idle'\n          \"\n          @click.stop=\"panelState.toggleAiMenu\"\n        >\n          <Sparkles :size=\"16\" :stroke-width=\"2\" class=\"tpl-ai-btn-icon\" />\n          {{ cloudT.aiChat.button }}\n        </button>\n        <Transition\n          enter-active-class=\"tpl:transition-all tpl:duration-150 tpl:ease-out\"\n          enter-from-class=\"tpl:scale-95 tpl:opacity-0\"\n          enter-to-class=\"tpl:scale-100 tpl:opacity-100\"\n          leave-active-class=\"tpl:transition-all tpl:duration-100 tpl:ease-in\"\n          leave-from-class=\"tpl:scale-100 tpl:opacity-100\"\n          leave-to-class=\"tpl:scale-95 tpl:opacity-0\"\n        >\n          <div\n            v-if=\"panelState.aiMenuOpen.value\"\n            class=\"tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right\"\n          >\n            <AiFeatureMenu\n              :active-feature=\"panelState.activeAiFeature.value\"\n              @select=\"panelState.handleAiFeatureSelect\"\n            />\n          </div>\n        </Transition>\n      </div>\n\n      <!-- Test email button -->\n      <button\n        v-if=\"testEmail.isEnabled.value && featureFlags.canSendTestEmail.value\"\n        :class=\"headerBtnClass\"\n        style=\"\n          background-color: transparent;\n          color: var(--tpl-primary);\n          border-color: var(--tpl-primary);\n        \"\n        :disabled=\"\n          testEmail.isSending.value || !featureFlags.hasTemplateSaved.value\n        \"\n        @click=\"panelState.testEmailModalOpen.value = true\"\n      >\n        <Send v-if=\"!testEmail.isSending.value\" :size=\"16\" :stroke-width=\"2\" />\n        <LoaderCircle v-else class=\"tpl-spinner\" :size=\"16\" :stroke-width=\"2\" />\n        {{ cloudT.testEmail.button }}\n      </button>\n\n      <!-- Save button -->\n      <button\n        :class=\"headerBtnClass\"\n        style=\"\n          background-color: transparent;\n          color: var(--tpl-primary);\n          border-color: var(--tpl-primary);\n        \"\n        :disabled=\"isSaveDisabled\"\n        @click=\"$emit('save')\"\n      >\n        <Save v-if=\"!isSaving\" :size=\"16\" :stroke-width=\"2\" />\n        <LoaderCircle v-else class=\"tpl-spinner\" :size=\"16\" :stroke-width=\"2\" />\n        {{ isSaving ? cloudT.header.saving : cloudT.header.save }}\n      </button>\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  Check,\n  CircleAlert,\n  LoaderCircle,\n  MessageCircle,\n  Save,\n  Send,\n  Sparkles,\n} from \"@lucide/vue\";\nimport { defineAsyncComponent } from \"vue\";\nimport type {\n  UseCommentsReturn,\n  UseTestEmailReturn,\n  UseWebSocketReturn,\n  UseEditorReturn as CloudUseEditorReturn,\n} from \"@templatical/core/cloud\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport { headerBtnClass } from \"../../constants/styleConstants\";\nimport ViewportToggle from \"../../components/ViewportToggle.vue\";\nimport PreviewToggle from \"../../components/PreviewToggle.vue\";\nimport DarkModeToggle from \"../../components/DarkModeToggle.vue\";\nimport type { UseCloudFeatureFlagsReturn } from \"../composables/useCloudFeatureFlags\";\nimport type { UseCloudPanelStateReturn } from \"../composables/useCloudPanelState\";\nimport type { UseSnapshotPreviewReturn } from \"../composables/useSnapshotPreview\";\nimport type { UseCloudInitializationReturn } from \"../composables/useCloudInitialization\";\n\nconst CollaboratorBar = defineAsyncComponent(\n  () => import(\"./CollaboratorBar.vue\"),\n);\nconst SnapshotHistory = defineAsyncComponent(\n  () => import(\"./SnapshotHistory.vue\"),\n);\nconst AiFeatureMenu = defineAsyncComponent(() => import(\"./AiFeatureMenu.vue\"));\n\ndefineProps<{\n  editor: CloudUseEditorReturn;\n  core: UseEditorCoreReturn;\n  featureFlags: UseCloudFeatureFlagsReturn;\n  panelState: UseCloudPanelStateReturn;\n  snapshotPreview: UseSnapshotPreviewReturn;\n  commentsInstance: UseCommentsReturn;\n  testEmail: UseTestEmailReturn;\n  websocket: UseWebSocketReturn;\n  collaboration: UseCloudInitializationReturn[\"collaboration\"];\n  isCollaborationEnabled: boolean;\n  isSaveDisabled: boolean;\n  isSaving: boolean;\n}>();\n\ndefineEmits<{\n  (e: \"save\"): void;\n}>();\n\nconst { t: cloudT, format: cloudFormat } = useCloudI18nStrict();\n</script>\n\n<template>\n  <header\n    class=\"tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-bg) 80%, transparent);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      box-shadow: var(--tpl-shadow-md);\n      border-bottom: 1px solid var(--tpl-border);\n    \"\n  >\n    <!-- Left: Logo + template count -->\n    <div\n      class=\"tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-3\"\n    >\n      <span\n        v-if=\"featureFlags.templateLimit.value !== null\"\n        class=\"tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]\"\n      >\n        {{\n          cloudFormat(cloudT.header.templatesUsed, {\n            used: featureFlags.templateCount.value,\n            max: featureFlags.templateLimit.value,\n          })\n        }}\n      </span>\n    </div>\n\n    <!-- Center: viewport + preview + dark mode + collaboration + snapshots -->\n    <div\n      class=\"tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10\"\n    >\n      <ViewportToggle\n        :viewport=\"editor.state.viewport\"\n        @change=\"editor.setViewport\"\n      />\n      <DarkModeToggle\n        :dark-mode=\"editor.state.darkMode\"\n        @change=\"editor.setDarkMode\"\n      />\n      <PreviewToggle\n        :preview-mode=\"editor.state.previewMode\"\n        @change=\"editor.setPreviewMode\"\n      />\n      <CollaboratorBar\n        v-if=\"collaboration && isCollaborationEnabled\"\n        :collaborators=\"collaboration.collaborators.value\"\n        :is-connected=\"websocket.isConnected.value\"\n      />\n      <SnapshotHistory\n        v-if=\"snapshotPreview.snapshotHistoryInstance.value\"\n        :snapshots=\"snapshotPreview.snapshotHistorySnapshots.value\"\n        :is-loading=\"snapshotPreview.snapshotHistoryIsLoading.value\"\n        :is-restoring=\"snapshotPreview.snapshotHistoryIsRestoring.value\"\n        @load=\"snapshotPreview.loadSnapshotHistory\"\n        @navigate=\"snapshotPreview.handleSnapshotNavigate\"\n      />\n    </div>\n\n    <!-- Right: Cloud actions -->\n    <div\n      class=\"tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3\"\n    >\n      <!-- Save status indicator -->\n      <div\n        v-if=\"featureFlags.saveStatus.value === 'error'\"\n        aria-live=\"assertive\"\n        class=\"tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n        :data-tooltip=\"featureFlags.saveErrorMessage.value\"\n      >\n        <CircleAlert :size=\"12\" :stroke-width=\"2.5\" />\n        {{ cloudT.header.saveFailed }}\n      </div>\n      <div\n        v-else-if=\"featureFlags.saveStatus.value === 'saved'\"\n        aria-live=\"polite\"\n        class=\"tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]\"\n      >\n        <Check :size=\"12\" :stroke-width=\"2.5\" />\n        {{ cloudT.header.saved }}\n      </div>\n      <div\n        v-else-if=\"editor.state.isDirty\"\n        aria-live=\"polite\"\n        class=\"tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n      >\n        <span\n          class=\"tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]\"\n        ></span>\n        {{ cloudT.header.unsaved }}\n      </div>\n\n      <!-- Comments button -->\n      <button\n        v-if=\"\n          commentsInstance.isEnabled.value &&\n          featureFlags.hasTemplateSaved.value\n        \"\n        :aria-label=\"\n          commentsInstance.unresolvedCount.value > 0\n            ? `${cloudT.comments.button} (${commentsInstance.unresolvedCount.value})`\n            : cloudT.comments.button\n        \"\n        :aria-expanded=\"panelState.commentsOpen.value\"\n        :class=\"headerBtnClass\"\n        :style=\"{\n          backgroundColor: panelState.commentsOpen.value\n            ? 'var(--tpl-primary)'\n            : 'transparent',\n          color: panelState.commentsOpen.value\n            ? 'var(--tpl-bg)'\n            : 'var(--tpl-primary)',\n          borderColor: 'var(--tpl-primary)',\n        }\"\n        @click=\"panelState.commentsOpen.value = !panelState.commentsOpen.value\"\n      >\n        <MessageCircle :size=\"16\" :stroke-width=\"2\" />\n        {{ cloudT.comments.button }}\n        <span\n          v-if=\"\n            commentsInstance.unresolvedCount.value > 0 &&\n            !panelState.commentsOpen.value\n          \"\n          class=\"tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n        >\n          {{ commentsInstance.unresolvedCount.value }}\n        </span>\n      </button>\n\n      <!-- AI button + menu -->\n      <div\n        v-if=\"\n          featureFlags.canUseAiGeneration.value &&\n          featureFlags.hasTemplateSaved.value\n        \"\n        :ref=\"(el) => (panelState.aiMenuRef.value = el as HTMLElement | null)\"\n        class=\"tpl:relative\"\n      >\n        <button\n          :aria-expanded=\"panelState.aiMenuOpen.value\"\n          class=\"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\"\n          :class=\"\n            panelState.aiButtonActive.value\n              ? 'tpl-ai-btn--active'\n              : 'tpl-ai-btn--idle'\n          \"\n          @click.stop=\"panelState.toggleAiMenu\"\n        >\n          <Sparkles :size=\"16\" :stroke-width=\"2\" class=\"tpl-ai-btn-icon\" />\n          {{ cloudT.aiChat.button }}\n        </button>\n        <Transition\n          enter-active-class=\"tpl:transition-all tpl:duration-150 tpl:ease-out\"\n          enter-from-class=\"tpl:scale-95 tpl:opacity-0\"\n          enter-to-class=\"tpl:scale-100 tpl:opacity-100\"\n          leave-active-class=\"tpl:transition-all tpl:duration-100 tpl:ease-in\"\n          leave-from-class=\"tpl:scale-100 tpl:opacity-100\"\n          leave-to-class=\"tpl:scale-95 tpl:opacity-0\"\n        >\n          <div\n            v-if=\"panelState.aiMenuOpen.value\"\n            class=\"tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right\"\n          >\n            <AiFeatureMenu\n              :active-feature=\"panelState.activeAiFeature.value\"\n              @select=\"panelState.handleAiFeatureSelect\"\n            />\n          </div>\n        </Transition>\n      </div>\n\n      <!-- Test email button -->\n      <button\n        v-if=\"testEmail.isEnabled.value && featureFlags.canSendTestEmail.value\"\n        :class=\"headerBtnClass\"\n        style=\"\n          background-color: transparent;\n          color: var(--tpl-primary);\n          border-color: var(--tpl-primary);\n        \"\n        :disabled=\"\n          testEmail.isSending.value || !featureFlags.hasTemplateSaved.value\n        \"\n        @click=\"panelState.testEmailModalOpen.value = true\"\n      >\n        <Send v-if=\"!testEmail.isSending.value\" :size=\"16\" :stroke-width=\"2\" />\n        <LoaderCircle v-else class=\"tpl-spinner\" :size=\"16\" :stroke-width=\"2\" />\n        {{ cloudT.testEmail.button }}\n      </button>\n\n      <!-- Save button -->\n      <button\n        :class=\"headerBtnClass\"\n        style=\"\n          background-color: transparent;\n          color: var(--tpl-primary);\n          border-color: var(--tpl-primary);\n        \"\n        :disabled=\"isSaveDisabled\"\n        @click=\"$emit('save')\"\n      >\n        <Save v-if=\"!isSaving\" :size=\"16\" :stroke-width=\"2\" />\n        <LoaderCircle v-else class=\"tpl-spinner\" :size=\"16\" :stroke-width=\"2\" />\n        {{ isSaving ? cloudT.header.saving : cloudT.header.save }}\n      </button>\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent, ref } from \"vue\";\nimport type { Block, TemplateContent } from \"@templatical/types\";\nimport type {\n  UsePlanConfigReturn,\n  UseTestEmailReturn,\n  UseEditorReturn as CloudUseEditorReturn,\n} from \"@templatical/core/cloud\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport type { UseCloudPanelStateReturn } from \"../composables/useCloudPanelState\";\nimport type { UseCloudMediaLibraryReturn } from \"../composables/useCloudMediaLibrary\";\nimport type { UseCloudInitializationReturn } from \"../composables/useCloudInitialization\";\nimport type { TemplaticalCloudEditorConfig } from \"../cloudConfig\";\n\nconst AiChatSidebar = defineAsyncComponent(() => import(\"./AiChatSidebar.vue\"));\nconst CommentsSidebar = defineAsyncComponent(\n  () => import(\"./CommentsSidebar.vue\"),\n);\nconst DesignReferenceSidebar = defineAsyncComponent(\n  () => import(\"./DesignReferenceSidebar.vue\"),\n);\nconst TemplateScoringPanel = defineAsyncComponent(\n  () => import(\"./TemplateScoringPanel.vue\"),\n);\nconst TestEmailModal = defineAsyncComponent(\n  () => import(\"./TestEmailModal.vue\"),\n);\nconst SaveModuleDialog = defineAsyncComponent(\n  () => import(\"./SaveModuleDialog.vue\"),\n);\nconst ModuleBrowserModal = defineAsyncComponent(\n  () => import(\"./ModuleBrowserModal.vue\"),\n);\nconst MediaLibraryModal = defineAsyncComponent(async () => {\n  // try/catch downgrades Webpack's \"Module not found\" from error to warning\n  // when the optional peer isn't installed. Cloud consumers always install it.\n  try {\n    const m = await import(\"@templatical/media-library\");\n    return m.MediaLibraryModal;\n  } catch {\n    throw new Error(\n      \"[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.\",\n    );\n  }\n});\n\ndefineProps<{\n  config: TemplaticalCloudEditorConfig;\n  editor: CloudUseEditorReturn;\n  core: UseEditorCoreReturn;\n  panelState: UseCloudPanelStateReturn;\n  planConfigInstance: UsePlanConfigReturn;\n  testEmail: UseTestEmailReturn;\n  mediaLib: UseCloudMediaLibraryReturn;\n  savedModulesHeadless: UseCloudInitializationReturn[\"savedModulesHeadless\"];\n  showSaveModuleDialog: boolean;\n  saveModulePreSelectedBlockId: string | null;\n  showModuleBrowserModal: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:showSaveModuleDialog\", value: boolean): void;\n  (e: \"update:saveModulePreSelectedBlockId\", value: string | null): void;\n  (e: \"update:showModuleBrowserModal\", value: boolean): void;\n  (e: \"send-test-email\", recipient: string): void;\n  (\n    e: \"module-insert\",\n    module: { content: Block[] },\n    insertIndex: number | undefined,\n  ): void;\n}>();\n\nfunction applyContent(\n  content: TemplateContent,\n  core: UseEditorCoreReturn,\n  editor: CloudUseEditorReturn,\n): void {\n  core.history.record();\n  editor.setContent(content);\n  core.conditionPreview.reset();\n}\n\nfunction handleModuleInsert(\n  mod: { content: Block[] },\n  idx: number | undefined,\n): void {\n  emit(\"module-insert\", mod, idx);\n}\n\ninterface CommentsSidebarInstance {\n  filterByBlock: (blockId: string) => void;\n}\n\nconst commentsSidebar = ref<CommentsSidebarInstance | null>(null);\n\n/** Delegates to the CommentsSidebar's filterByBlock method once it's mounted. */\nfunction filterCommentsByBlock(blockId: string): void {\n  commentsSidebar.value?.filterByBlock(blockId);\n}\n\ndefineExpose({ filterCommentsByBlock });\n</script>\n\n<template>\n  <AiChatSidebar\n    :visible=\"panelState.aiChatOpen.value\"\n    :on-apply=\"(c: TemplateContent) => applyContent(c, core, editor)\"\n    @close=\"panelState.aiChatOpen.value = false\"\n  />\n\n  <TemplateScoringPanel\n    :visible=\"panelState.scoringPanelOpen.value\"\n    @close=\"panelState.scoringPanelOpen.value = false\"\n  />\n\n  <DesignReferenceSidebar\n    :visible=\"panelState.designReferenceOpen.value\"\n    :has-existing-blocks=\"editor.content.value.blocks.length > 0\"\n    @close=\"panelState.designReferenceOpen.value = false\"\n    @apply=\"(c: TemplateContent) => applyContent(c, core, editor)\"\n  />\n\n  <CommentsSidebar\n    ref=\"commentsSidebar\"\n    :visible=\"panelState.commentsOpen.value\"\n    @close=\"panelState.commentsOpen.value = false\"\n  />\n\n  <TestEmailModal\n    :visible=\"panelState.testEmailModalOpen.value\"\n    :allowed-emails=\"testEmail.allowedEmails.value\"\n    :is-sending=\"testEmail.isSending.value\"\n    :error=\"testEmail.error.value\"\n    @send=\"(recipient: string) => emit('send-test-email', recipient)\"\n    @close=\"panelState.testEmailModalOpen.value = false\"\n  />\n\n  <SaveModuleDialog\n    v-if=\"\n      planConfigInstance.hasFeature('saved_modules') && config.modules !== false\n    \"\n    :visible=\"showSaveModuleDialog\"\n    :pre-selected-block-id=\"saveModulePreSelectedBlockId\"\n    @close=\"\n      emit('update:showSaveModuleDialog', false);\n      emit('update:saveModulePreSelectedBlockId', null);\n    \"\n    @saved=\"savedModulesHeadless.loadModules()\"\n  />\n\n  <ModuleBrowserModal\n    v-if=\"\n      planConfigInstance.hasFeature('saved_modules') && config.modules !== false\n    \"\n    :visible=\"showModuleBrowserModal\"\n    @close=\"emit('update:showModuleBrowserModal', false)\"\n    @insert=\"handleModuleInsert\"\n  />\n\n  <MediaLibraryModal\n    :visible=\"panelState.mediaLibraryOpen.value\"\n    :accept=\"panelState.mediaLibraryAccept.value\"\n    :popover-target=\"core.popoverRoot.value\"\n    @select=\"mediaLib.handleMediaSelect\"\n    @close=\"mediaLib.handleMediaLibraryClose\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent, ref } from \"vue\";\nimport type { Block, TemplateContent } from \"@templatical/types\";\nimport type {\n  UsePlanConfigReturn,\n  UseTestEmailReturn,\n  UseEditorReturn as CloudUseEditorReturn,\n} from \"@templatical/core/cloud\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport type { UseCloudPanelStateReturn } from \"../composables/useCloudPanelState\";\nimport type { UseCloudMediaLibraryReturn } from \"../composables/useCloudMediaLibrary\";\nimport type { UseCloudInitializationReturn } from \"../composables/useCloudInitialization\";\nimport type { TemplaticalCloudEditorConfig } from \"../cloudConfig\";\n\nconst AiChatSidebar = defineAsyncComponent(() => import(\"./AiChatSidebar.vue\"));\nconst CommentsSidebar = defineAsyncComponent(\n  () => import(\"./CommentsSidebar.vue\"),\n);\nconst DesignReferenceSidebar = defineAsyncComponent(\n  () => import(\"./DesignReferenceSidebar.vue\"),\n);\nconst TemplateScoringPanel = defineAsyncComponent(\n  () => import(\"./TemplateScoringPanel.vue\"),\n);\nconst TestEmailModal = defineAsyncComponent(\n  () => import(\"./TestEmailModal.vue\"),\n);\nconst SaveModuleDialog = defineAsyncComponent(\n  () => import(\"./SaveModuleDialog.vue\"),\n);\nconst ModuleBrowserModal = defineAsyncComponent(\n  () => import(\"./ModuleBrowserModal.vue\"),\n);\nconst MediaLibraryModal = defineAsyncComponent(async () => {\n  // try/catch downgrades Webpack's \"Module not found\" from error to warning\n  // when the optional peer isn't installed. Cloud consumers always install it.\n  try {\n    const m = await import(\"@templatical/media-library\");\n    return m.MediaLibraryModal;\n  } catch {\n    throw new Error(\n      \"[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.\",\n    );\n  }\n});\n\ndefineProps<{\n  config: TemplaticalCloudEditorConfig;\n  editor: CloudUseEditorReturn;\n  core: UseEditorCoreReturn;\n  panelState: UseCloudPanelStateReturn;\n  planConfigInstance: UsePlanConfigReturn;\n  testEmail: UseTestEmailReturn;\n  mediaLib: UseCloudMediaLibraryReturn;\n  savedModulesHeadless: UseCloudInitializationReturn[\"savedModulesHeadless\"];\n  showSaveModuleDialog: boolean;\n  saveModulePreSelectedBlockId: string | null;\n  showModuleBrowserModal: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:showSaveModuleDialog\", value: boolean): void;\n  (e: \"update:saveModulePreSelectedBlockId\", value: string | null): void;\n  (e: \"update:showModuleBrowserModal\", value: boolean): void;\n  (e: \"send-test-email\", recipient: string): void;\n  (\n    e: \"module-insert\",\n    module: { content: Block[] },\n    insertIndex: number | undefined,\n  ): void;\n}>();\n\nfunction applyContent(\n  content: TemplateContent,\n  core: UseEditorCoreReturn,\n  editor: CloudUseEditorReturn,\n): void {\n  core.history.record();\n  editor.setContent(content);\n  core.conditionPreview.reset();\n}\n\nfunction handleModuleInsert(\n  mod: { content: Block[] },\n  idx: number | undefined,\n): void {\n  emit(\"module-insert\", mod, idx);\n}\n\ninterface CommentsSidebarInstance {\n  filterByBlock: (blockId: string) => void;\n}\n\nconst commentsSidebar = ref<CommentsSidebarInstance | null>(null);\n\n/** Delegates to the CommentsSidebar's filterByBlock method once it's mounted. */\nfunction filterCommentsByBlock(blockId: string): void {\n  commentsSidebar.value?.filterByBlock(blockId);\n}\n\ndefineExpose({ filterCommentsByBlock });\n</script>\n\n<template>\n  <AiChatSidebar\n    :visible=\"panelState.aiChatOpen.value\"\n    :on-apply=\"(c: TemplateContent) => applyContent(c, core, editor)\"\n    @close=\"panelState.aiChatOpen.value = false\"\n  />\n\n  <TemplateScoringPanel\n    :visible=\"panelState.scoringPanelOpen.value\"\n    @close=\"panelState.scoringPanelOpen.value = false\"\n  />\n\n  <DesignReferenceSidebar\n    :visible=\"panelState.designReferenceOpen.value\"\n    :has-existing-blocks=\"editor.content.value.blocks.length > 0\"\n    @close=\"panelState.designReferenceOpen.value = false\"\n    @apply=\"(c: TemplateContent) => applyContent(c, core, editor)\"\n  />\n\n  <CommentsSidebar\n    ref=\"commentsSidebar\"\n    :visible=\"panelState.commentsOpen.value\"\n    @close=\"panelState.commentsOpen.value = false\"\n  />\n\n  <TestEmailModal\n    :visible=\"panelState.testEmailModalOpen.value\"\n    :allowed-emails=\"testEmail.allowedEmails.value\"\n    :is-sending=\"testEmail.isSending.value\"\n    :error=\"testEmail.error.value\"\n    @send=\"(recipient: string) => emit('send-test-email', recipient)\"\n    @close=\"panelState.testEmailModalOpen.value = false\"\n  />\n\n  <SaveModuleDialog\n    v-if=\"\n      planConfigInstance.hasFeature('saved_modules') && config.modules !== false\n    \"\n    :visible=\"showSaveModuleDialog\"\n    :pre-selected-block-id=\"saveModulePreSelectedBlockId\"\n    @close=\"\n      emit('update:showSaveModuleDialog', false);\n      emit('update:saveModulePreSelectedBlockId', null);\n    \"\n    @saved=\"savedModulesHeadless.loadModules()\"\n  />\n\n  <ModuleBrowserModal\n    v-if=\"\n      planConfigInstance.hasFeature('saved_modules') && config.modules !== false\n    \"\n    :visible=\"showModuleBrowserModal\"\n    @close=\"emit('update:showModuleBrowserModal', false)\"\n    @insert=\"handleModuleInsert\"\n  />\n\n  <MediaLibraryModal\n    :visible=\"panelState.mediaLibraryOpen.value\"\n    :accept=\"panelState.mediaLibraryAccept.value\"\n    :popover-target=\"core.popoverRoot.value\"\n    @select=\"mediaLib.handleMediaSelect\"\n    @close=\"mediaLib.handleMediaLibraryClose\"\n  />\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  visible: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    class=\"tpl-loading tpl:absolute tpl:inset-0 tpl:z-overlay tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]\"\n  >\n    <!-- Skeleton header -->\n    <div\n      class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"\n    >\n      <div\n        class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"\n      ></div>\n      <div class=\"tpl:flex tpl:gap-3\">\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n    </div>\n    <!-- Skeleton body -->\n    <div class=\"tpl:flex tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Left sidebar rail -->\n      <div\n        class=\"tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          v-for=\"n in 5\"\n          :key=\"n\"\n          class=\"tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n      <!-- Canvas area -->\n      <div\n        class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"\n      >\n        <div\n          class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"\n        >\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:flex tpl:justify-center tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"\n            ></div>\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"\n            ></div>\n          </div>\n        </div>\n      </div>\n      <!-- Right panel -->\n      <div\n        class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  visible: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    class=\"tpl-loading tpl:absolute tpl:inset-0 tpl:z-overlay tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]\"\n  >\n    <!-- Skeleton header -->\n    <div\n      class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"\n    >\n      <div\n        class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"\n      ></div>\n      <div class=\"tpl:flex tpl:gap-3\">\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n    </div>\n    <!-- Skeleton body -->\n    <div class=\"tpl:flex tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Left sidebar rail -->\n      <div\n        class=\"tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          v-for=\"n in 5\"\n          :key=\"n\"\n          class=\"tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n      <!-- Canvas area -->\n      <div\n        class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"\n      >\n        <div\n          class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"\n        >\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:flex tpl:justify-center tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"\n            ></div>\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"\n            ></div>\n          </div>\n        </div>\n      </div>\n      <!-- Right panel -->\n      <div\n        class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { CircleAlert } from \"@lucide/vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  error: Error | null;\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nfunction getErrorMessage(error: Error): string {\n  if (\n    \"isUnauthorized\" in error &&\n    (error as { isUnauthorized: boolean }).isUnauthorized\n  ) {\n    return cloudT.error.authFailed;\n  }\n  if (\"isNotFound\" in error && (error as { isNotFound: boolean }).isNotFound) {\n    return cloudT.error.templateNotFound;\n  }\n  return cloudT.error.defaultMessage;\n}\n\nfunction isNotFoundError(error: Error): boolean {\n  return (\n    \"isNotFound\" in error && !!(error as { isNotFound: boolean }).isNotFound\n  );\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible && error\"\n    role=\"alert\"\n    class=\"tpl-error tpl:absolute tpl:inset-0 tpl:z-overlay tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]\"\n  >\n    <div\n      class=\"tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]\"\n    >\n      <CircleAlert\n        :size=\"32\"\n        :stroke-width=\"1.5\"\n        class=\"tpl:text-[var(--tpl-danger)]\"\n      />\n    </div>\n    <div\n      class=\"tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center\"\n    >\n      <h2 class=\"tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]\">\n        {{ cloudT.error.title }}\n      </h2>\n      <p class=\"tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n        {{ getErrorMessage(error) }}\n      </p>\n    </div>\n    <button\n      v-if=\"!isNotFoundError(error)\"\n      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 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ cloudT.error.retry }}\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { CircleAlert } from \"@lucide/vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  error: Error | null;\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nfunction getErrorMessage(error: Error): string {\n  if (\n    \"isUnauthorized\" in error &&\n    (error as { isUnauthorized: boolean }).isUnauthorized\n  ) {\n    return cloudT.error.authFailed;\n  }\n  if (\"isNotFound\" in error && (error as { isNotFound: boolean }).isNotFound) {\n    return cloudT.error.templateNotFound;\n  }\n  return cloudT.error.defaultMessage;\n}\n\nfunction isNotFoundError(error: Error): boolean {\n  return (\n    \"isNotFound\" in error && !!(error as { isNotFound: boolean }).isNotFound\n  );\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible && error\"\n    role=\"alert\"\n    class=\"tpl-error tpl:absolute tpl:inset-0 tpl:z-overlay tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]\"\n  >\n    <div\n      class=\"tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]\"\n    >\n      <CircleAlert\n        :size=\"32\"\n        :stroke-width=\"1.5\"\n        class=\"tpl:text-[var(--tpl-danger)]\"\n      />\n    </div>\n    <div\n      class=\"tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center\"\n    >\n      <h2 class=\"tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]\">\n        {{ cloudT.error.title }}\n      </h2>\n      <p class=\"tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n        {{ getErrorMessage(error) }}\n      </p>\n    </div>\n    <button\n      v-if=\"!isNotFoundError(error)\"\n      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 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n      @click=\"emit('retry')\"\n    >\n      {{ cloudT.error.retry }}\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { Clock } from \"@lucide/vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    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 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]\"\n  >\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]\"\n    >\n      <Clock\n        :size=\"18\"\n        :stroke-width=\"2\"\n        class=\"tpl:text-[var(--tpl-primary)]\"\n      />\n      <span>{{ cloudT.snapshotPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        class=\"tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]\"\n        style=\"background-color: transparent\"\n        @click=\"emit('cancel')\"\n      >\n        {{ cloudT.snapshotPreview.cancel }}\n      </button>\n      <button\n        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 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n        @click=\"emit('confirm')\"\n      >\n        {{ cloudT.snapshotPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { Clock } from \"@lucide/vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    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 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]\"\n  >\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]\"\n    >\n      <Clock\n        :size=\"18\"\n        :stroke-width=\"2\"\n        class=\"tpl:text-[var(--tpl-primary)]\"\n      />\n      <span>{{ cloudT.snapshotPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        class=\"tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]\"\n        style=\"background-color: transparent\"\n        @click=\"emit('cancel')\"\n      >\n        {{ cloudT.snapshotPreview.cancel }}\n      </button>\n      <button\n        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 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n        @click=\"emit('confirm')\"\n      >\n        {{ cloudT.snapshotPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    role=\"status\"\n    aria-live=\"polite\"\n    class=\"tpl:absolute tpl:top-16 tpl:left-1/2 tpl:z-toast tpl:-translate-x-1/2 tpl:rounded-[var(--tpl-radius)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:shadow-lg\"\n    style=\"\n      background-color: var(--tpl-warning-light);\n      color: var(--tpl-text);\n      border: 1px solid var(--tpl-warning);\n    \"\n  >\n    {{ t.history.collabWarning }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    role=\"status\"\n    aria-live=\"polite\"\n    class=\"tpl:absolute tpl:top-16 tpl:left-1/2 tpl:z-toast tpl:-translate-x-1/2 tpl:rounded-[var(--tpl-radius)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:shadow-lg\"\n    style=\"\n      background-color: var(--tpl-warning-light);\n      color: var(--tpl-text);\n      border: 1px solid var(--tpl-warning);\n    \"\n  >\n    {{ t.history.collabWarning }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Block, TemplateContent } from \"@templatical/types\";\nimport { cloneBlock } from \"@templatical/types\";\n\nimport type { UseFontsReturn } from \"../composables/useFonts\";\nimport { onMounted, onUnmounted, ref } from \"vue\";\nimport { RotateCcw } from \"@lucide/vue\";\nimport type { Translations, CloudTranslations } from \"../i18n\";\nimport { provide } from \"vue\";\nimport { CLOUD_TRANSLATIONS_KEY } from \"../keys\";\n\nimport { useSmallScreenNotice } from \"../composables/useSmallScreenNotice\";\nimport { useCloudInitialization } from \"./composables/useCloudInitialization\";\nimport { useCloudLifecycle } from \"./composables/useCloudLifecycle\";\nimport { useCloudSaveGate } from \"./composables/useCloudSaveGate\";\nimport CloudSaveGateModal from \"./components/CloudSaveGateModal.vue\";\nimport CloudHeader from \"./components/CloudHeader.vue\";\nimport CloudPanels from \"./components/CloudPanels.vue\";\nimport EditorFooter from \"../components/EditorFooter.vue\";\n\nimport Canvas from \"../components/Canvas.vue\";\nimport CustomBlockStylesheets from \"../components/CustomBlockStylesheets.vue\";\nimport Sidebar from \"../components/Sidebar.vue\";\nimport RightSidebar from \"../components/RightSidebar.vue\";\nimport SmallScreenNotice from \"../components/SmallScreenNotice.vue\";\nimport CloudLoadingOverlay from \"./components/CloudLoadingOverlay.vue\";\nimport CloudErrorOverlay from \"./components/CloudErrorOverlay.vue\";\nimport SnapshotPreviewBanner from \"./components/SnapshotPreviewBanner.vue\";\nimport CollabUndoToast from \"./components/CollabUndoToast.vue\";\nimport MergeTagPickerModal from \"../components/MergeTagPickerModal.vue\";\nimport LogicTagPickerModal from \"../components/LogicTagPickerModal.vue\";\nimport \"../styles/index.css\";\n\nexport type { TemplaticalCloudEditorConfig } from \"./cloudConfig\";\nimport type { TemplaticalCloudEditorConfig } from \"./cloudConfig\";\n\nconst props = defineProps<{\n  config: TemplaticalCloudEditorConfig;\n  translations: Translations;\n  cloudTranslations: CloudTranslations;\n  fontsManager: UseFontsReturn;\n  /**\n   * Shadow root the cloud editor is mounted into. Supplied by `initCloud()`\n   * when `shadowDom: true`; undefined in light-DOM mode. Plumbed through\n   * `useCloudInitialization` → `useEditorCore`.\n   */\n  shadowRoot?: ShadowRoot;\n}>();\n\nprovide(CLOUD_TRANSLATIONS_KEY, props.cloudTranslations);\nconst emit = defineEmits<{\n  (e: \"ready\"): void;\n}>();\n\n// Template ref for CloudPanels. Its `filterCommentsByBlock()` method is what\n// init.openCommentsForBlock() bridges to once the panel mounts.\nconst cloudPanelsRef = ref<{\n  filterCommentsByBlock: (blockId: string) => void;\n} | null>(null);\n\n// Outer `.tpl` ref forwarded to `useEditorCore` (via `useCloudInitialization`)\n// for multi-editor keyboard routing.\nconst rootEl = ref<HTMLElement | null>(null);\n\nconst init = useCloudInitialization({\n  config: props.config,\n  translations: props.translations,\n  fontsManager: props.fontsManager,\n  emit,\n  getCommentsSidebar: () =>\n    cloudPanelsRef.value\n      ? { filterByBlock: cloudPanelsRef.value.filterCommentsByBlock }\n      : null,\n  editorRoot: props.shadowRoot,\n  containerEl: rootEl,\n});\n\n// Destructure heavily-used members for template readability.\nconst {\n  isInitializing,\n  isAuthReady,\n  initError,\n  planConfigInstance,\n  websocket,\n  collaboration,\n  isCollaborationEnabled,\n  editor,\n  core,\n  featureFlags,\n  mediaLib,\n  exporter,\n  testEmail,\n  commentsInstance,\n  savedModulesHeadless,\n  panelState,\n  snapshotPreview,\n  collabWarning,\n  showSaveModuleDialog,\n  showModuleBrowserModal,\n  saveModulePreSelectedBlockId,\n  setThemeOverrides,\n  setUiTheme,\n} = init;\n\n// --- Small-screen gate (#235) ---\n// Below ~768px the three-pane chrome can't lay out usably; show a notice\n// instead. Opt out with `config.smallScreenNotice: false`. The cloud session\n// (auth/websocket) stays connected behind the notice, so rotating back to a\n// wide viewport restores the live editor without re-initializing.\nconst { showNotice: showSmallScreenNotice } = useSmallScreenNotice(\n  () => props.config.smallScreenNotice,\n);\n\n// ---------------------------------------------------------------------------\n// Test email handler\n// ---------------------------------------------------------------------------\n\nasync function handleSendTestEmail(recipient: string): Promise<void> {\n  try {\n    await testEmail.sendTestEmail(recipient);\n    panelState.testEmailModalOpen.value = false;\n  } catch {\n    // Error is already handled in the composable\n  }\n}\n\nasync function handleConfirmRestoreSnapshot(): Promise<void> {\n  try {\n    await snapshotPreview.confirmRestoreSnapshot();\n  } catch {\n    // Restore failure is already surfaced via onError, and the composable\n    // rolls the editor content back to the pre-preview state. Swallow here so\n    // the rejected promise from the event binding isn't an unhandled rejection.\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Module insert handler\n// ---------------------------------------------------------------------------\n\nfunction handleModuleInsert(\n  module: { content: Block[] },\n  insertIndex: number | undefined,\n): void {\n  for (let i = 0; i < module.content.length; i++) {\n    const cloned = cloneBlock(module.content[i]);\n    const position = insertIndex !== undefined ? insertIndex + i : undefined;\n    editor.addBlock(cloned, undefined, undefined, position);\n  }\n  showModuleBrowserModal.value = false;\n}\n\n// ---------------------------------------------------------------------------\n// Template lifecycle (create/load/save)\n// ---------------------------------------------------------------------------\n\nconst lifecycle = useCloudLifecycle({\n  config: props.config,\n  editor,\n  websocket,\n  planConfigInstance,\n  snapshotPreview,\n  core,\n  exporter,\n  featureFlags,\n  isDestroyed: init.isDestroyed,\n});\n\n// --- Lint save-gate ---\nconst saveGate = useCloudSaveGate({\n  issues: core.templateLint ? core.templateLint.issues : ref([]),\n  planConfig: planConfigInstance.config,\n});\n\nasync function gatedSave(): Promise<void> {\n  await saveGate.tryRunSave(() =>\n    lifecycle.saveTemplate().catch((err: Error) => props.config.onError?.(err)),\n  );\n}\n\n// Route the keyboard Save hook through the gate so Cmd+S also triggers the\n// modal when the plan policy says so.\ninit.onSaveHook.value = gatedSave;\n\n// ---------------------------------------------------------------------------\n// Lifecycle\n// ---------------------------------------------------------------------------\n\nonMounted(() => {\n  init.initialize();\n});\n\nonUnmounted(() => {\n  init.destroy();\n});\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\ndefineExpose({\n  getContent: () => editor.content.value,\n  setContent: (content: TemplateContent) => editor.setContent(content),\n  setTheme: setUiTheme,\n  setThemeOverrides: setThemeOverrides,\n  create: lifecycle.createTemplate,\n  load: lifecycle.loadTemplate,\n  save: lifecycle.saveTemplate,\n  sendTestEmail: testEmail.sendTestEmail,\n});\n</script>\n\n<template>\n  <!-- @dragover/@drop.prevent: a file dropped outside an image drop zone would\n       otherwise make the browser navigate to the file:// URL and destroy the\n       editor session. Image zones (useImageDrop) handle their own drops; this\n       only neutralizes the default action everywhere else (#229). -->\n  <div\n    ref=\"rootEl\"\n    class=\"tpl tpl:relative tpl:h-full tpl:overflow-hidden\"\n    :class=\"{ 'tpl:dark': editor.state.darkMode }\"\n    :data-tpl-theme=\"core.resolvedTheme.value\"\n    :style=\"core.themeStyles.value\"\n    @dragover.prevent\n    @drop.prevent\n  >\n    <!-- Reactive `<style>` tags for custom-block definition stylesheets in\n         use. Sits at the top so its rules apply to the canvas below. -->\n    <CustomBlockStylesheets />\n    <!-- Loading overlay -->\n    <Transition\n      enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n      enter-from-class=\"tpl:opacity-100\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <CloudLoadingOverlay\n        :visible=\"isInitializing || editor.state.isLoading\"\n      />\n    </Transition>\n\n    <!-- Error overlay -->\n    <Transition\n      enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <CloudErrorOverlay\n        :error=\"initError\"\n        :visible=\"!!initError && !isInitializing\"\n        @retry=\"init.initialize\"\n      />\n    </Transition>\n\n    <CloudHeader\n      :editor=\"editor\"\n      :core=\"core\"\n      :feature-flags=\"featureFlags\"\n      :panel-state=\"panelState\"\n      :snapshot-preview=\"snapshotPreview\"\n      :comments-instance=\"commentsInstance\"\n      :test-email=\"testEmail\"\n      :websocket=\"websocket\"\n      :collaboration=\"collaboration\"\n      :is-collaboration-enabled=\"isCollaborationEnabled\"\n      :is-saving=\"editor.state.isSaving || featureFlags.isSaveExporting.value\"\n      :is-save-disabled=\"\n        editor.state.isSaving ||\n        featureFlags.isSaveExporting.value ||\n        !editor.state.isDirty\n      \"\n      @save=\"gatedSave\"\n    />\n\n    <CloudSaveGateModal\n      :open=\"saveGate.modalOpen.value\"\n      :issues=\"saveGate.blockingIssues.value\"\n      @cancel=\"saveGate.cancel\"\n      @confirm=\"saveGate.confirmAndSave\"\n    />\n\n    <!-- Snapshot preview banner -->\n    <SnapshotPreviewBanner\n      :visible=\"snapshotPreview.isPreviewingSnapshot.value\"\n      @cancel=\"snapshotPreview.cancelPreview\"\n      @confirm=\"handleConfirmRestoreSnapshot\"\n    />\n\n    <!-- Collaboration undo warning toast -->\n    <Transition\n      enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n      enter-from-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n      enter-to-class=\"tpl:translate-y-0 tpl:opacity-100\"\n      leave-active-class=\"tpl:transition-all tpl:duration-300 tpl:ease-in\"\n      leave-from-class=\"tpl:translate-y-0 tpl:opacity-100\"\n      leave-to-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n    >\n      <CollabUndoToast\n        :visible=\"collabWarning.collabUndoWarningVisible.value\"\n      />\n    </Transition>\n\n    <!-- Left sidebar -->\n    <Sidebar v-show=\"!editor.state.previewMode\" />\n\n    <!-- Canvas body -->\n    <div\n      class=\"tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto\"\n      style=\"\n        transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n        background-color: var(--tpl-canvas-bg);\n      \"\n      :class=\"[\n        editor.state.previewMode\n          ? 'tpl:left-0 tpl:right-0'\n          : panelState.rightPanelOpen.value\n            ? 'tpl:left-12 tpl:right-[680px]'\n            : 'tpl:left-12 tpl:right-[320px]',\n        snapshotPreview.isPreviewingSnapshot.value\n          ? 'tpl:top-[104px]'\n          : 'tpl:top-14',\n      ]\"\n    >\n      <!-- Restore hidden blocks button -->\n      <div class=\"tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0\">\n        <Transition name=\"tpl-restore-btn\">\n          <button\n            v-if=\"core.conditionPreview.hasHiddenBlocks.value\"\n            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\"\n            style=\"\n              background-color: var(--tpl-warning-light);\n              color: var(--tpl-warning);\n              border-color: var(--tpl-warning);\n              backdrop-filter: blur(8px);\n            \"\n            @click=\"core.conditionPreview.reset()\"\n          >\n            <RotateCcw :size=\"13\" :stroke-width=\"2\" />\n            {{ core.t.blockSettings.restoreHiddenBlocks }}\n          </button>\n        </Transition>\n      </div>\n      <main class=\"tpl-main tpl:flex tpl:justify-center tpl:p-8\">\n        <Canvas\n          :viewport=\"editor.state.viewport\"\n          :content=\"editor.content.value\"\n          :selected-block-id=\"editor.state.selectedBlockId\"\n          :dark-mode=\"editor.state.darkMode\"\n          :preview-mode=\"editor.state.previewMode\"\n          :locked-blocks=\"collaboration?.lockedBlocks.value ?? undefined\"\n          @select-block=\"editor.selectBlock\"\n          @open-ai-chat=\"panelState.aiChatOpen.value = true\"\n          @open-design-reference=\"panelState.designReferenceOpen.value = true\"\n        />\n      </main>\n    </div>\n\n    <EditorFooter\n      v-if=\"config.branding !== false && !featureFlags.isWhiteLabeled.value\"\n      :position-class=\"[\n        editor.state.previewMode\n          ? 'tpl:left-0 tpl:right-0'\n          : panelState.rightPanelOpen.value\n            ? 'tpl:left-12 tpl:right-[680px]'\n            : 'tpl:left-12 tpl:right-[320px]',\n      ]\"\n    />\n\n    <!-- Keyboard reorder announcement region (visually hidden, screen-reader live) -->\n    <div\n      class=\"tpl-sr-only\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      :aria-label=\"core.t.landmarks.reorderAnnouncements\"\n    >\n      {{ core.keyboardReorder.announcement.value }}\n    </div>\n\n    <!-- Right sidebar — persisted with v-show -->\n    <RightSidebar\n      v-show=\"!editor.state.previewMode\"\n      :selected-block=\"editor.selectedBlock.value\"\n      :settings=\"editor.content.value.settings\"\n      :shifted-left=\"panelState.rightPanelOpen.value\"\n      @update-block=\"\n        (updates) => editor.updateBlock(editor.selectedBlock.value!.id, updates)\n      \"\n      @delete-block=\"\n        core.blockActions.deleteBlock(editor.selectedBlock.value!.id)\n      \"\n      @duplicate-block=\"\n        core.blockActions.duplicateBlock(editor.selectedBlock.value!)\n      \"\n      @update-settings=\"editor.updateSettings\"\n    />\n\n    <!-- Cloud sidebars + modals — only mount after cloud init completes -->\n    <CloudPanels\n      v-if=\"!isInitializing && isAuthReady\"\n      ref=\"cloudPanelsRef\"\n      :config=\"props.config\"\n      :editor=\"editor\"\n      :core=\"core\"\n      :panel-state=\"panelState\"\n      :plan-config-instance=\"planConfigInstance\"\n      :test-email=\"testEmail\"\n      :media-lib=\"mediaLib\"\n      :saved-modules-headless=\"savedModulesHeadless\"\n      :show-save-module-dialog=\"showSaveModuleDialog\"\n      :save-module-pre-selected-block-id=\"saveModulePreSelectedBlockId\"\n      :show-module-browser-modal=\"showModuleBrowserModal\"\n      @update:show-save-module-dialog=\"showSaveModuleDialog = $event\"\n      @update:save-module-pre-selected-block-id=\"\n        saveModulePreSelectedBlockId = $event\n      \"\n      @update:show-module-browser-modal=\"showModuleBrowserModal = $event\"\n      @send-test-email=\"handleSendTestEmail\"\n      @module-insert=\"handleModuleInsert\"\n    />\n\n    <!-- Popover mount — Teleport target for toolbars, link dialog, modal.\n         Replaces the historical body-level teleport pattern so popups\n         render inside the editor's effective DOM root (shadow-aware). -->\n    <div\n      :ref=\"(el) => (core.popoverRoot.value = el as HTMLElement | null)\"\n      class=\"tpl-popover-root\"\n    />\n\n    <!-- Built-in merge tag picker modal. Reads picker state via injection;\n         renders nothing until `picker.isOpen` flips true. -->\n    <MergeTagPickerModal />\n\n    <!-- Built-in logic picker modal (standalone logic feature). -->\n    <LogicTagPickerModal />\n\n    <!-- Small-screen gate (#235). Last child + a literal z-index above the\n         chrome and `.tpl-popover-root`, so the opaque notice covers everything\n         below the breakpoint. -->\n    <SmallScreenNotice v-if=\"showSmallScreenNotice\" />\n  </div>\n</template>\n\n<style scoped>\n.tpl-restore-btn-enter-active {\n  transition:\n    opacity 200ms cubic-bezier(0.16, 1, 0.3, 1),\n    transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-restore-btn-leave-active {\n  transition:\n    opacity 150ms ease-in,\n    transform 150ms ease-in;\n}\n\n.tpl-restore-btn-enter-from,\n.tpl-restore-btn-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.9);\n}\n\n.tpl-restore-btn-enter-to,\n.tpl-restore-btn-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Block, TemplateContent } from \"@templatical/types\";\nimport { cloneBlock } from \"@templatical/types\";\n\nimport type { UseFontsReturn } from \"../composables/useFonts\";\nimport { onMounted, onUnmounted, ref } from \"vue\";\nimport { RotateCcw } from \"@lucide/vue\";\nimport type { Translations, CloudTranslations } from \"../i18n\";\nimport { provide } from \"vue\";\nimport { CLOUD_TRANSLATIONS_KEY } from \"../keys\";\n\nimport { useSmallScreenNotice } from \"../composables/useSmallScreenNotice\";\nimport { useCloudInitialization } from \"./composables/useCloudInitialization\";\nimport { useCloudLifecycle } from \"./composables/useCloudLifecycle\";\nimport { useCloudSaveGate } from \"./composables/useCloudSaveGate\";\nimport CloudSaveGateModal from \"./components/CloudSaveGateModal.vue\";\nimport CloudHeader from \"./components/CloudHeader.vue\";\nimport CloudPanels from \"./components/CloudPanels.vue\";\nimport EditorFooter from \"../components/EditorFooter.vue\";\n\nimport Canvas from \"../components/Canvas.vue\";\nimport CustomBlockStylesheets from \"../components/CustomBlockStylesheets.vue\";\nimport Sidebar from \"../components/Sidebar.vue\";\nimport RightSidebar from \"../components/RightSidebar.vue\";\nimport SmallScreenNotice from \"../components/SmallScreenNotice.vue\";\nimport CloudLoadingOverlay from \"./components/CloudLoadingOverlay.vue\";\nimport CloudErrorOverlay from \"./components/CloudErrorOverlay.vue\";\nimport SnapshotPreviewBanner from \"./components/SnapshotPreviewBanner.vue\";\nimport CollabUndoToast from \"./components/CollabUndoToast.vue\";\nimport MergeTagPickerModal from \"../components/MergeTagPickerModal.vue\";\nimport LogicTagPickerModal from \"../components/LogicTagPickerModal.vue\";\nimport \"../styles/index.css\";\n\nexport type { TemplaticalCloudEditorConfig } from \"./cloudConfig\";\nimport type { TemplaticalCloudEditorConfig } from \"./cloudConfig\";\n\nconst props = defineProps<{\n  config: TemplaticalCloudEditorConfig;\n  translations: Translations;\n  cloudTranslations: CloudTranslations;\n  fontsManager: UseFontsReturn;\n  /**\n   * Shadow root the cloud editor is mounted into. Supplied by `initCloud()`\n   * when `shadowDom: true`; undefined in light-DOM mode. Plumbed through\n   * `useCloudInitialization` → `useEditorCore`.\n   */\n  shadowRoot?: ShadowRoot;\n}>();\n\nprovide(CLOUD_TRANSLATIONS_KEY, props.cloudTranslations);\nconst emit = defineEmits<{\n  (e: \"ready\"): void;\n}>();\n\n// Template ref for CloudPanels. Its `filterCommentsByBlock()` method is what\n// init.openCommentsForBlock() bridges to once the panel mounts.\nconst cloudPanelsRef = ref<{\n  filterCommentsByBlock: (blockId: string) => void;\n} | null>(null);\n\n// Outer `.tpl` ref forwarded to `useEditorCore` (via `useCloudInitialization`)\n// for multi-editor keyboard routing.\nconst rootEl = ref<HTMLElement | null>(null);\n\nconst init = useCloudInitialization({\n  config: props.config,\n  translations: props.translations,\n  fontsManager: props.fontsManager,\n  emit,\n  getCommentsSidebar: () =>\n    cloudPanelsRef.value\n      ? { filterByBlock: cloudPanelsRef.value.filterCommentsByBlock }\n      : null,\n  editorRoot: props.shadowRoot,\n  containerEl: rootEl,\n});\n\n// Destructure heavily-used members for template readability.\nconst {\n  isInitializing,\n  isAuthReady,\n  initError,\n  planConfigInstance,\n  websocket,\n  collaboration,\n  isCollaborationEnabled,\n  editor,\n  core,\n  featureFlags,\n  mediaLib,\n  exporter,\n  testEmail,\n  commentsInstance,\n  savedModulesHeadless,\n  panelState,\n  snapshotPreview,\n  collabWarning,\n  showSaveModuleDialog,\n  showModuleBrowserModal,\n  saveModulePreSelectedBlockId,\n  setThemeOverrides,\n  setUiTheme,\n} = init;\n\n// --- Small-screen gate (#235) ---\n// Below ~768px the three-pane chrome can't lay out usably; show a notice\n// instead. Opt out with `config.smallScreenNotice: false`. The cloud session\n// (auth/websocket) stays connected behind the notice, so rotating back to a\n// wide viewport restores the live editor without re-initializing.\nconst { showNotice: showSmallScreenNotice } = useSmallScreenNotice(\n  () => props.config.smallScreenNotice,\n);\n\n// ---------------------------------------------------------------------------\n// Test email handler\n// ---------------------------------------------------------------------------\n\nasync function handleSendTestEmail(recipient: string): Promise<void> {\n  try {\n    await testEmail.sendTestEmail(recipient);\n    panelState.testEmailModalOpen.value = false;\n  } catch {\n    // Error is already handled in the composable\n  }\n}\n\nasync function handleConfirmRestoreSnapshot(): Promise<void> {\n  try {\n    await snapshotPreview.confirmRestoreSnapshot();\n  } catch {\n    // Restore failure is already surfaced via onError, and the composable\n    // rolls the editor content back to the pre-preview state. Swallow here so\n    // the rejected promise from the event binding isn't an unhandled rejection.\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Module insert handler\n// ---------------------------------------------------------------------------\n\nfunction handleModuleInsert(\n  module: { content: Block[] },\n  insertIndex: number | undefined,\n): void {\n  for (let i = 0; i < module.content.length; i++) {\n    const cloned = cloneBlock(module.content[i]);\n    const position = insertIndex !== undefined ? insertIndex + i : undefined;\n    editor.addBlock(cloned, undefined, undefined, position);\n  }\n  showModuleBrowserModal.value = false;\n}\n\n// ---------------------------------------------------------------------------\n// Template lifecycle (create/load/save)\n// ---------------------------------------------------------------------------\n\nconst lifecycle = useCloudLifecycle({\n  config: props.config,\n  editor,\n  websocket,\n  planConfigInstance,\n  snapshotPreview,\n  core,\n  exporter,\n  featureFlags,\n  isDestroyed: init.isDestroyed,\n});\n\n// --- Lint save-gate ---\nconst saveGate = useCloudSaveGate({\n  issues: core.templateLint ? core.templateLint.issues : ref([]),\n  planConfig: planConfigInstance.config,\n});\n\nasync function gatedSave(): Promise<void> {\n  await saveGate.tryRunSave(() =>\n    lifecycle.saveTemplate().catch((err: Error) => props.config.onError?.(err)),\n  );\n}\n\n// Route the keyboard Save hook through the gate so Cmd+S also triggers the\n// modal when the plan policy says so.\ninit.onSaveHook.value = gatedSave;\n\n// ---------------------------------------------------------------------------\n// Lifecycle\n// ---------------------------------------------------------------------------\n\nonMounted(() => {\n  init.initialize();\n});\n\nonUnmounted(() => {\n  init.destroy();\n});\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\ndefineExpose({\n  getContent: () => editor.content.value,\n  setContent: (content: TemplateContent) => editor.setContent(content),\n  setTheme: setUiTheme,\n  setThemeOverrides: setThemeOverrides,\n  create: lifecycle.createTemplate,\n  load: lifecycle.loadTemplate,\n  save: lifecycle.saveTemplate,\n  sendTestEmail: testEmail.sendTestEmail,\n});\n</script>\n\n<template>\n  <!-- @dragover/@drop.prevent: a file dropped outside an image drop zone would\n       otherwise make the browser navigate to the file:// URL and destroy the\n       editor session. Image zones (useImageDrop) handle their own drops; this\n       only neutralizes the default action everywhere else (#229). -->\n  <div\n    ref=\"rootEl\"\n    class=\"tpl tpl:relative tpl:h-full tpl:overflow-hidden\"\n    :class=\"{ 'tpl:dark': editor.state.darkMode }\"\n    :data-tpl-theme=\"core.resolvedTheme.value\"\n    :style=\"core.themeStyles.value\"\n    @dragover.prevent\n    @drop.prevent\n  >\n    <!-- Reactive `<style>` tags for custom-block definition stylesheets in\n         use. Sits at the top so its rules apply to the canvas below. -->\n    <CustomBlockStylesheets />\n    <!-- Loading overlay -->\n    <Transition\n      enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n      enter-from-class=\"tpl:opacity-100\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <CloudLoadingOverlay\n        :visible=\"isInitializing || editor.state.isLoading\"\n      />\n    </Transition>\n\n    <!-- Error overlay -->\n    <Transition\n      enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <CloudErrorOverlay\n        :error=\"initError\"\n        :visible=\"!!initError && !isInitializing\"\n        @retry=\"init.initialize\"\n      />\n    </Transition>\n\n    <CloudHeader\n      :editor=\"editor\"\n      :core=\"core\"\n      :feature-flags=\"featureFlags\"\n      :panel-state=\"panelState\"\n      :snapshot-preview=\"snapshotPreview\"\n      :comments-instance=\"commentsInstance\"\n      :test-email=\"testEmail\"\n      :websocket=\"websocket\"\n      :collaboration=\"collaboration\"\n      :is-collaboration-enabled=\"isCollaborationEnabled\"\n      :is-saving=\"editor.state.isSaving || featureFlags.isSaveExporting.value\"\n      :is-save-disabled=\"\n        editor.state.isSaving ||\n        featureFlags.isSaveExporting.value ||\n        !editor.state.isDirty\n      \"\n      @save=\"gatedSave\"\n    />\n\n    <CloudSaveGateModal\n      :open=\"saveGate.modalOpen.value\"\n      :issues=\"saveGate.blockingIssues.value\"\n      @cancel=\"saveGate.cancel\"\n      @confirm=\"saveGate.confirmAndSave\"\n    />\n\n    <!-- Snapshot preview banner -->\n    <SnapshotPreviewBanner\n      :visible=\"snapshotPreview.isPreviewingSnapshot.value\"\n      @cancel=\"snapshotPreview.cancelPreview\"\n      @confirm=\"handleConfirmRestoreSnapshot\"\n    />\n\n    <!-- Collaboration undo warning toast -->\n    <Transition\n      enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n      enter-from-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n      enter-to-class=\"tpl:translate-y-0 tpl:opacity-100\"\n      leave-active-class=\"tpl:transition-all tpl:duration-300 tpl:ease-in\"\n      leave-from-class=\"tpl:translate-y-0 tpl:opacity-100\"\n      leave-to-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n    >\n      <CollabUndoToast\n        :visible=\"collabWarning.collabUndoWarningVisible.value\"\n      />\n    </Transition>\n\n    <!-- Left sidebar -->\n    <Sidebar v-show=\"!editor.state.previewMode\" />\n\n    <!-- Canvas body -->\n    <div\n      class=\"tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto\"\n      style=\"\n        transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n        background-color: var(--tpl-canvas-bg);\n      \"\n      :class=\"[\n        editor.state.previewMode\n          ? 'tpl:left-0 tpl:right-0'\n          : panelState.rightPanelOpen.value\n            ? 'tpl:left-12 tpl:right-[680px]'\n            : 'tpl:left-12 tpl:right-[320px]',\n        snapshotPreview.isPreviewingSnapshot.value\n          ? 'tpl:top-[104px]'\n          : 'tpl:top-14',\n      ]\"\n    >\n      <!-- Restore hidden blocks button -->\n      <div class=\"tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0\">\n        <Transition name=\"tpl-restore-btn\">\n          <button\n            v-if=\"core.conditionPreview.hasHiddenBlocks.value\"\n            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\"\n            style=\"\n              background-color: var(--tpl-warning-light);\n              color: var(--tpl-warning);\n              border-color: var(--tpl-warning);\n              backdrop-filter: blur(8px);\n            \"\n            @click=\"core.conditionPreview.reset()\"\n          >\n            <RotateCcw :size=\"13\" :stroke-width=\"2\" />\n            {{ core.t.blockSettings.restoreHiddenBlocks }}\n          </button>\n        </Transition>\n      </div>\n      <main class=\"tpl-main tpl:flex tpl:justify-center tpl:p-8\">\n        <Canvas\n          :viewport=\"editor.state.viewport\"\n          :content=\"editor.content.value\"\n          :selected-block-id=\"editor.state.selectedBlockId\"\n          :dark-mode=\"editor.state.darkMode\"\n          :preview-mode=\"editor.state.previewMode\"\n          :locked-blocks=\"collaboration?.lockedBlocks.value ?? undefined\"\n          @select-block=\"editor.selectBlock\"\n          @open-ai-chat=\"panelState.aiChatOpen.value = true\"\n          @open-design-reference=\"panelState.designReferenceOpen.value = true\"\n        />\n      </main>\n    </div>\n\n    <EditorFooter\n      v-if=\"config.branding !== false && !featureFlags.isWhiteLabeled.value\"\n      :position-class=\"[\n        editor.state.previewMode\n          ? 'tpl:left-0 tpl:right-0'\n          : panelState.rightPanelOpen.value\n            ? 'tpl:left-12 tpl:right-[680px]'\n            : 'tpl:left-12 tpl:right-[320px]',\n      ]\"\n    />\n\n    <!-- Keyboard reorder announcement region (visually hidden, screen-reader live) -->\n    <div\n      class=\"tpl-sr-only\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      :aria-label=\"core.t.landmarks.reorderAnnouncements\"\n    >\n      {{ core.keyboardReorder.announcement.value }}\n    </div>\n\n    <!-- Right sidebar — persisted with v-show -->\n    <RightSidebar\n      v-show=\"!editor.state.previewMode\"\n      :selected-block=\"editor.selectedBlock.value\"\n      :settings=\"editor.content.value.settings\"\n      :shifted-left=\"panelState.rightPanelOpen.value\"\n      @update-block=\"\n        (updates) => editor.updateBlock(editor.selectedBlock.value!.id, updates)\n      \"\n      @delete-block=\"\n        core.blockActions.deleteBlock(editor.selectedBlock.value!.id)\n      \"\n      @duplicate-block=\"\n        core.blockActions.duplicateBlock(editor.selectedBlock.value!)\n      \"\n      @update-settings=\"editor.updateSettings\"\n    />\n\n    <!-- Cloud sidebars + modals — only mount after cloud init completes -->\n    <CloudPanels\n      v-if=\"!isInitializing && isAuthReady\"\n      ref=\"cloudPanelsRef\"\n      :config=\"props.config\"\n      :editor=\"editor\"\n      :core=\"core\"\n      :panel-state=\"panelState\"\n      :plan-config-instance=\"planConfigInstance\"\n      :test-email=\"testEmail\"\n      :media-lib=\"mediaLib\"\n      :saved-modules-headless=\"savedModulesHeadless\"\n      :show-save-module-dialog=\"showSaveModuleDialog\"\n      :save-module-pre-selected-block-id=\"saveModulePreSelectedBlockId\"\n      :show-module-browser-modal=\"showModuleBrowserModal\"\n      @update:show-save-module-dialog=\"showSaveModuleDialog = $event\"\n      @update:save-module-pre-selected-block-id=\"\n        saveModulePreSelectedBlockId = $event\n      \"\n      @update:show-module-browser-modal=\"showModuleBrowserModal = $event\"\n      @send-test-email=\"handleSendTestEmail\"\n      @module-insert=\"handleModuleInsert\"\n    />\n\n    <!-- Popover mount — Teleport target for toolbars, link dialog, modal.\n         Replaces the historical body-level teleport pattern so popups\n         render inside the editor's effective DOM root (shadow-aware). -->\n    <div\n      :ref=\"(el) => (core.popoverRoot.value = el as HTMLElement | null)\"\n      class=\"tpl-popover-root\"\n    />\n\n    <!-- Built-in merge tag picker modal. Reads picker state via injection;\n         renders nothing until `picker.isOpen` flips true. -->\n    <MergeTagPickerModal />\n\n    <!-- Built-in logic picker modal (standalone logic feature). -->\n    <LogicTagPickerModal />\n\n    <!-- Small-screen gate (#235). Last child + a literal z-index above the\n         chrome and `.tpl-popover-root`, so the opaque notice covers everything\n         below the breakpoint. -->\n    <SmallScreenNotice v-if=\"showSmallScreenNotice\" />\n  </div>\n</template>\n\n<style scoped>\n.tpl-restore-btn-enter-active {\n  transition:\n    opacity 200ms cubic-bezier(0.16, 1, 0.3, 1),\n    transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-restore-btn-leave-active {\n  transition:\n    opacity 150ms ease-in,\n    transform 150ms ease-in;\n}\n\n.tpl-restore-btn-enter-from,\n.tpl-restore-btn-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.9);\n}\n\n.tpl-restore-btn-enter-to,\n.tpl-restore-btn-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>\n"],"mappings":"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"}

package/dist/cdn/chunks/ca-DI1ViqMa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ca-DI1ViqMa.js","names":[],"sources":["../../../src/i18n/locales/ca.ts"],"sourcesContent":["import type en from \"./en\";\n\nconst ca: typeof en = {\n  // Footer (OSS only)\n  footer: {\n    poweredBy: \"Amb la tecnologia de\",\n    openSource: \"Codi obert\",\n  },\n\n  // History (undo/redo)\n  history: {\n    undo: \"Desfer\",\n    redo: \"Refer\",\n    collabWarning: \"Desfer pot afectar els canvis recents dels col·laboradors\",\n  },\n\n  // Viewport toggle\n  viewport: {\n    label: \"Àrea de visualització\",\n    desktop: \"Escriptori\",\n    mobile: \"Mòbil\",\n  },\n\n  // Dark mode preview\n  darkMode: {\n    enable: \"Vista prèvia del mode fosc\",\n    disable: \"Vista prèvia del mode clar\",\n  },\n\n  // Preview mode\n  previewMode: {\n    enable: \"Mode de vista prèvia\",\n    disable: \"Surt de la vista prèvia\",\n  },\n\n  // Sidebar - Block types\n  blocks: {\n    section: \"Secció\",\n    image: \"Imatge\",\n    title: \"Títol\",\n    paragraph: \"Paràgraf\",\n    button: \"Botó\",\n    divider: \"Divisor\",\n    video: \"Vídeo\",\n    social: \"Xarxes socials\",\n    spacer: \"Espaiador\",\n    html: \"HTML\",\n    menu: \"Menú\",\n    table: \"Taula\",\n    countdown: \"Compta enrere\",\n  },\n\n  // Right sidebar\n  sidebar: {\n    content: \"Contingut\",\n    settings: \"Configuració\",\n    noSelection: \"Cap element seleccionat\",\n    noSelectionHint: \"Selecciona un bloc al llenç per editar-lo\",\n  },\n\n  // Toolbar - Common\n  toolbar: {\n    duplicate: \"Duplica\",\n    delete: \"Elimina\",\n  },\n\n  // Title editor toolbar\n  titleEditor: {\n    toolbar: \"Format del títol\",\n    bold: \"Negreta (Ctrl+B)\",\n    italic: \"Cursiva (Ctrl+I)\",\n    addLink: \"Afegeix un enllaç\",\n  },\n\n  // Paragraph editor toolbar\n  paragraphEditor: {\n    toolbar: \"Format del text\",\n    bold: \"Negreta (Ctrl+B)\",\n    italic: \"Cursiva (Ctrl+I)\",\n    underline: \"Subratllat (Ctrl+U)\",\n    strikethrough: \"Text ratllat\",\n    subscript: \"Subíndex\",\n    superscript: \"Superíndex\",\n    addLink: \"Afegeix un enllaç\",\n    bulletList: \"Llista de vinyetes\",\n    numberedList: \"Llista numerada\",\n    alignLeft: \"Alinea a l'esquerra\",\n    alignCenter: \"Alinea al centre\",\n    alignRight: \"Alinea a la dreta\",\n    clearFormatting: \"Neteja el format\",\n    insertEmoji: \"Insereix un emoji\",\n    fontFamily: \"Tipus de lletra\",\n    defaultFont: \"Per defecte\",\n    fontSize: \"Mida de la font\",\n    defaultSize: \"Per defecte\",\n    textColor: \"Color del text\",\n    highlightColor: \"Color de ressaltat\",\n    lineHeight: \"Interlínia\",\n    letterSpacing: \"Espaiat de lletres\",\n    emojiItemLabel: \"Insereix l'emoji {emoji}\",\n    closeEmojiPicker: \"Tanca el selector d'emojis\",\n  },\n\n  // Block actions (BlockWrapper)\n  blockActions: {\n    drag: \"Arrossega per reordenar, o prem Espai per moure amb el teclat\",\n    dragLifted:\n      \"Movent {block}. Utilitza les fletxes amunt i avall per reposicionar, Espai o Retorn per deixar anar, Esc per cancel·lar.\",\n    duplicate: \"Duplica el bloc\",\n    delete: \"Elimina el bloc\",\n    hiddenOnViewport: \"Ocult a {viewport}\",\n    saveAsModule: \"Desa com a mòdul\",\n    conditionToggle: \"Alterna la condició de visualització\",\n    comments: \"Comentaris ({count})\",\n    lifted: \"{block} aixecat. Posició {position} de {total}.\",\n    moved: \"{block} mogut a la posició {position} of {total}.\",\n    dropped: \"{block} deixat anar a la posició {position} de {total}.\",\n    cancelled:\n      \"Moviment cancel·lat. {block} ha tornat a la posició {position}.\",\n  },\n\n  // Toolbar - Section\n  section: {\n    dropHere: \"Deixa anar els blocs aquí\",\n    columns: \"Columnes\",\n    column1: \"1 columna\",\n    column2: \"2 columnes\",\n    column3: \"3 columnes\",\n    ratio12: \"Proporció 1:2\",\n    ratio21: \"Proporció 2:1\",\n    borderRadius: \"Radi de la vora\",\n    wrapperEnable: \"Afegeix un contenidor\",\n    stackOnMobile: \"Apila en mòbil\",\n  },\n\n  // Text editor link dialog\n  linkDialog: {\n    editLink: \"Edita l'enllaç\",\n    insertLink: \"Insereix l'enllaç\",\n    updateLink: \"Actualitza l'enllaç\",\n    removeLink: \"Elimina l'enllaç\",\n    cancel: \"Cancel·la\",\n    urlPlaceholder: \"https://example.com\",\n    urlLabel: \"URL\",\n    colorLabel: \"Color de l'enllaç\",\n  },\n\n  // Toolbar - Title\n  title: {\n    level: \"Nivell d'encapçalament\",\n    heading1: \"Encapçalament 1 (36px)\",\n    heading2: \"Encapçalament 2 (28px)\",\n    heading3: \"Encapçalament 3 (22px)\",\n    heading4: \"Encapçalament 4 (18px)\",\n    fontFamily: \"Tipus de lletra\",\n    inheritFont: \"Utilitza la font de la plantilla\",\n    color: \"Color\",\n    align: \"Alineació\",\n    alignLeft: \"Esquerra\",\n    alignCenter: \"Centre\",\n    alignRight: \"Dreta\",\n  },\n\n  // Emoji picker\n  emoji: {\n    smileys: \"Emoticones\",\n    gestures: \"Gestos\",\n    objects: \"Objectes\",\n  },\n\n  // Toolbar - Image\n  image: {\n    imageUrl: \"URL de la imatge\",\n    imageUrlPlaceholder: \"https://...\",\n    altText: \"Text alternatiu\",\n    altTextPlaceholder: \"Descripció de la imatge\",\n    width: \"Amplada\",\n    fullWidth: \"Amplada completa\",\n    widthCustom: \"Personalitzada\",\n    linkUrl: \"URL de l'enllaç\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    placeholderUrl: \"Imatge de mostra\",\n    placeholderUrlPlaceholder: \"https://... (només per al disseny)\",\n    placeholderUrlTooltip:\n      \"Com que la URL de la imatge utilitza una etiqueta de fusió, podeu proporcionar una imatge real aquí per previsualitzar el disseny mentre dissenyeu. Això no s'inclou a la sortida final.\",\n    clickToAdd: \"Feu clic per afegir la URL de la imatge\",\n    browseMedia: \"Explora multimèdia\",\n    dropToUpload: \"Deixeu anar la imatge per pujar-la\",\n    uploading: \"Pujant…\",\n    decorative: \"Imatge decorativa\",\n    decorativeHint:\n      \"Ocult per als lectors de pantalla. Utilitzeu-lo només per a espaiadors i detalls visuals.\",\n  },\n\n  // Toolbar - Video\n  video: {\n    videoUrl: \"URL del vídeo\",\n    videoUrlPlaceholder: \"https://youtube.com/...\",\n    youtube: \"YouTube\",\n    vimeo: \"Vimeo\",\n    detected: \"Vídeo detectat: la miniatura es generarà automàticament\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    customThumbnail: \"Miniatura personalitzada\",\n    optional: \"(opcional)\",\n    thumbnailPlaceholder: \"Generat automàticament des de la URL del vídeo\",\n    altText: \"Text alternatiu\",\n    altTextPlaceholder: \"Descripció del vídeo\",\n    width: \"Amplada\",\n    fullWidth: \"Amplada completa\",\n    placeholderUrl: \"Miniatura de mostra\",\n    placeholderUrlPlaceholder: \"https://... (només per al disseny)\",\n    placeholderUrlTooltip:\n      \"Com que la URL del vídeo utilitza una etiqueta de fusió, podeu proporcionar una miniatura real aquí per previsualitzar el disseny mentre dissenyeu. Això no s'inclou a la sortida final.\",\n    addVideo: \"Afegeix una URL de vídeo\",\n  },\n\n  // Toolbar - Button\n  button: {\n    fontFamily: \"Tipus de lletra\",\n    inheritFont: \"Utilitza la font de la plantilla\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    background: \"Fons\",\n    textColor: \"Color del text\",\n    borderRadius: \"Radi de la vora\",\n    fontSize: \"Mida de la font\",\n    width: \"Amplada\",\n    widthAuto: \"Ajusta al contingut\",\n    fullWidth: \"Amplada completa\",\n    widthCustom: \"Personalitzada\",\n  },\n\n  // Toolbar - Divider\n  divider: {\n    style: \"Estil\",\n    solid: \"Sòlid\",\n    dashed: \"Amb guions\",\n    dotted: \"Amb punts\",\n    color: \"Color\",\n    thickness: \"Gruix\",\n  },\n\n  // Toolbar - Social Icons\n  social: {\n    icons: \"Icones\",\n    addIcon: \"Afegeix una icona\",\n    addIcons: \"Afegeix icones de xarxes socials\",\n    removeIcon: \"Elimina\",\n    platform: \"Plataforma\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    style: \"Estil\",\n    styleSolid: \"Sòlid\",\n    styleOutlined: \"Contornejat\",\n    styleRounded: \"Arrodonit\",\n    styleSquare: \"Quadrat\",\n    styleCircle: \"Cercle\",\n    size: \"Mida\",\n    sizeSmall: \"S\",\n    sizeMedium: \"M\",\n    sizeLarge: \"L\",\n    spacing: \"Espaiat\",\n    align: \"Alineació\",\n    platforms: {\n      facebook: \"Facebook\",\n      twitter: \"X (Twitter)\",\n      instagram: \"Instagram\",\n      linkedin: \"LinkedIn\",\n      youtube: \"YouTube\",\n      tiktok: \"TikTok\",\n      pinterest: \"Pinterest\",\n      email: \"Correu electrònic\",\n      website: \"Lloc web\",\n      whatsapp: \"WhatsApp\",\n      telegram: \"Telegram\",\n      discord: \"Discord\",\n      snapchat: \"Snapchat\",\n      reddit: \"Reddit\",\n      github: \"GitHub\",\n      dribbble: \"Dribbble\",\n      behance: \"Behance\",\n    },\n  },\n\n  // Toolbar - Menu\n  menu: {\n    items: \"Elements del menú\",\n    addItem: \"Afegeix un element\",\n    removeItem: \"Elimina\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://example.com\",\n    openInNewTab: \"Obre en una pestanya nova\",\n    bold: \"Negreta\",\n    underline: \"Subratllat\",\n    color: \"Color\",\n    linkColor: \"Color de l'enllaç\",\n    fontSize: \"Mida de la font\",\n    fontFamily: \"Tipus de lletra\",\n    separator: \"Separador\",\n    separatorColor: \"Color del separador\",\n    spacing: \"Espaiat\",\n    textAlign: \"Alineació\",\n    addLinks: \"Afegeix enllaços al menú\",\n  },\n\n  // Toolbar - Table\n  table: {\n    dimensions: \"Dimensions\",\n    rows: \"Files\",\n    columns: \"Columnes\",\n    addRow: \"Afegeix una fila\",\n    removeRow: \"Elimina la fila\",\n    addColumn: \"Afegeix una columna\",\n    removeColumn: \"Elimina la columna\",\n    hasHeaderRow: \"Fila de capçalera\",\n    headerBackgroundColor: \"Fons de la capçalera\",\n    noHeaderBg: \"Sense fons\",\n    borderColor: \"Color de la vora\",\n    borderWidth: \"Gruix de la vora\",\n    cellPadding: \"Farciment de la cel·la\",\n    fontFamily: \"Tipus de lletra\",\n    fontSize: \"Mida de la font\",\n    color: \"Color del text\",\n    textAlign: \"Alineació\",\n    cellPlaceholder: \"Introdueix el text...\",\n    empty: \"Afegeix una taula\",\n  },\n\n  // Toolbar - Spacer\n  spacer: {\n    height: \"Alçada\",\n  },\n\n  // Toolbar - Countdown\n  countdown: {\n    targetDate: \"Data límit\",\n    timezone: \"Zona horària\",\n    display: \"Visualització\",\n    days: \"Dies\",\n    hours: \"Hores\",\n    minutes: \"Minuts\",\n    seconds: \"Segons\",\n    separator: \"Separador\",\n    fontFamily: \"Tipus de lletra\",\n    inheritFont: \"Per defecte\",\n    digitFontSize: \"Mida dels dígits\",\n    digitColor: \"Color dels dígits\",\n    labelColor: \"Color de l'etiqueta\",\n    labelFontSize: \"Mida de l'etiqueta\",\n    background: \"Fons\",\n    labels: \"Etiquetes\",\n    expiry: \"Missatge de caducitat\",\n    expiredMessagePlaceholder: \"Aquesta oferta ha caducat\",\n    expiredImageUrl: \"URL de la imatge caducada\",\n    hideOnExpiry: \"Oculta quan hagi caducat\",\n    setDate: \"Defineix una data límit al panell de configuració\",\n    hidden: \"Ocult (caducat)\",\n  },\n\n  // Custom Blocks\n  customBlocks: {\n    definitionNotFound:\n      \"Tipus de bloc desconegut: aquest bloc no està registrat\",\n    renderError:\n      \"No s'ha pogut renderitzar aquest bloc. Comproveu si hi ha errors a la plantilla del bloc.\",\n    fields: {\n      required: \"Obligatori\",\n      addItem: \"Afegeix un element\",\n      removeItem: \"Elimina\",\n      maxItemsReached: \"S'ha arribat al límit màxim d'elements\",\n      minItemsRequired: \"Es requereix un mínim de {count} elements\",\n    },\n    toolbar: {\n      noDefinition:\n        \"Enregistreu aquest tipus de bloc a la configuració de l'SDK per editar-ne les propietats\",\n    },\n    dataSource: {\n      fetchButton: \"Carrega el contingut\",\n      changeButton: \"Canvia\",\n      fetching: \"Carregant...\",\n      readOnlyTooltip: \"Aquest valor es carrega des de la vostra font de dades\",\n      fetchError: \"No s'ha pogut carregar el contingut\",\n    },\n  },\n\n  // Toolbar - HTML\n  html: {\n    content: \"Contingut HTML\",\n    preview: \"Bloc HTML personalitzat\",\n    empty: \"Afegeix contingut HTML al panell\",\n    sanitizationHint:\n      \"Els scripts i els elements no segurs s'eliminen en exportar.\",\n  },\n\n  // Toolbar - Common block settings\n  blockSettings: {\n    spacing: \"Espaiat\",\n    padding: \"Farciment\",\n    background: \"Fons\",\n    color: \"Color\",\n    display: \"Visualització\",\n    showOnDesktop: \"Mostra a l'escriptori\",\n    showOnMobile: \"Mostra al mòbil\",\n    hiddenOnDevice: \"Ocult a {device}\",\n    displayCondition: \"Condició de visualització\",\n    selectCondition: \"Selecciona una condició\",\n    removeCondition: \"Elimina la condició\",\n    noCondition: \"Sempre visible\",\n    conditionApplied: \"Condició aplicada\",\n    customCondition: \"Condició personalitzada\",\n    customConditionLabel: \"Nom de la condició\",\n    customConditionBefore: \"Abans (lògica d'obertura)\",\n    customConditionAfter: \"Després (lògica de tancament)\",\n    applyCondition: \"Aplica\",\n    cancelCondition: \"Cancel·la\",\n    customBadge: \"Personalitzat\",\n    restoreHiddenBlocks: \"Mostra tots els blocs ocults\",\n  },\n\n  // Template settings\n  templateSettings: {\n    layout: \"Disposició\",\n    widthPreset: \"Amplada predefinida\",\n    customWidth: \"Amplada personalitzada\",\n    appearance: \"Aparença\",\n    backgroundColor: \"Color de fons\",\n    textColor: \"Color del text\",\n    linkColor: \"Color de l'enllaç\",\n    linkUnderline: \"Subratllar enllaços\",\n    fontFamily: \"Tipus de lletra\",\n    preheaderText: \"Text de la precapçalera\",\n    preheaderTextPlaceholder:\n      \"Text de vista prèvia que es mostra després de la línia de l'assumpte a la bústia...\",\n    preheaderTextHint:\n      \"Aquest text apareix després de la línia de l'assumpte a les vistes prèvies dels clients de correu. Admet etiquetes de fusió.\",\n    language: \"Idioma\",\n    contentLocale: \"Idioma del contingut\",\n    contentLocaleHint:\n      \"Codi BCP 47 (p. ex. ca, en, de). Estableix l'atribut lang del correu renderitzat perquè els lectors de pantalla pronunciïn el contingut correctament.\",\n    tips: \"Consells\",\n    tip1: \"600px és l'amplada estàndard per a les plantilles de correu electrònic\",\n    tip2: \"Utilitzeu fonts segures per a la web per obtenir la millor compatibilitat\",\n    tip3: \"Els fons clars funcionen millor per a la llegibilitat\",\n  },\n\n  // Spacing control\n  spacingControl: {\n    lockAll: \"Bloqueja tots els costats\",\n    unlock: \"Desbloqueja els costats\",\n    top: \"Superior\",\n    right: \"Dret\",\n    bottom: \"Inferior\",\n    left: \"Esquerre\",\n    decreaseTop: \"Disminueix superior\",\n    increaseTop: \"Augmenta superior\",\n    decreaseLeft: \"Disminueix esquerre\",\n    increaseLeft: \"Augmenta esquerre\",\n    decreaseRight: \"Disminueix dret\",\n    increaseRight: \"Augmenta dret\",\n    decreaseBottom: \"Disminueix inferior\",\n    increaseBottom: \"Augmenta inferior\",\n  },\n\n  // Color Picker\n  colorPicker: {\n    pickColor: \"Tria un color\",\n    hexValue: \"Valor del color en Hex\",\n    notSet: \"No definit\",\n    clear: \"Neteja el color\",\n  },\n\n  // Merge Tag\n  mergeTag: {\n    clickToEdit: \"Feu clic per editar\",\n    remove: \"Elimina l'etiqueta de fusió\",\n    insert: \"Insereix l'etiqueta de fusió\",\n    insertShort: \"Etiqueta de fusió\",\n    editValue: \"Edita el valor de l'etiqueta de fusió\",\n    deleteMergeTag: \"Elimina l'etiqueta de fusió\",\n    suggestionEmpty: \"No hi ha etiquetes de fusió coincidents\",\n    picker: {\n      title: \"Insereix l'etiqueta de fusió\",\n      searchPlaceholder: \"Cerca etiquetes de fusió\",\n      searchAriaLabel: \"Cerca etiquetes de fusió\",\n      noResults: \"No hi ha etiquetes de fusió coincidents\",\n      empty: \"No hi ha etiquetes de fusió configurades\",\n      otherGroup: \"Altres\",\n      cancel: \"Cancel·la\",\n      close: \"Tanca\",\n      groupCount: \"{count}\",\n    },\n  },\n\n  // Logic tags (standalone, separate from merge tags)\n  logicTag: {\n    insert: \"Insereix lògica\",\n    insertShort: \"Lògica\",\n    picker: {\n      title: \"Insereix lògica\",\n      searchPlaceholder: \"Cerca etiquetes de lògica\",\n      searchAriaLabel: \"Cerca etiquetes de lògica\",\n      noResults: \"No hi ha etiquetes de lògica coincidents\",\n      empty: \"No hi ha etiquetes de lògica configurades\",\n      otherGroup: \"Altres\",\n      close: \"Tanca\",\n    },\n  },\n\n  // Canvas\n  canvas: {\n    noBlocks: \"Encara no hi ha blocs\",\n    dragHint: \"Comenceu des de zero arrossegant blocs des de la barra lateral\",\n    dropHere: \"Deixeu anar aquí\",\n    aiHintChat: \"o deixeu que\",\n    aiHintChatSuffix:\n      \"generi una plantilla completa per a vosaltres en pocs segons\",\n    aiHintDesign:\n      \"Teniu un disseny existent? Pugeu una captura de pantalla, una imatge o un PDF i\",\n    aiHintDesignSuffix: \"el recrearà a l'instant\",\n  },\n\n  // Media Library (cloud)\n  mediaLibrary: {\n    title: \"Biblioteca multimèdia\",\n    searchPlaceholder: \"Cerca fitxers...\",\n    allFiles: \"Tots els fitxers\",\n    filterAll: \"Tots els tipus\",\n    filterImages: \"Imatges\",\n    filterDocuments: \"Documents\",\n    filterVideos: \"Vídeos\",\n    filterAudio: \"Àudio\",\n    newFolder: \"Nova carpeta\",\n    folderName: \"Nom de la carpeta\",\n    noFiles: \"No s'han trobat fitxers\",\n    dropOrClick: \"Deixeu anar els fitxers aquí o feu clic per pujar-los\",\n    acceptedFormats: \"Imatges, PDF, Vídeo, Àudio, Documents (màx. 10 MB)\",\n    uploading: \"Pujant...\",\n    uploadingProgress: \"Pujant {current} de {total}...\",\n    selectImage: \"Selecciona la imatge\",\n    selectFile: \"Selecciona el fitxer\",\n    deleteSelected: \"Elimina\",\n    copyUrl: \"Copia la URL\",\n    copied: \"Copiat!\",\n    browseMedia: \"Explora la biblioteca multimèdia\",\n    renameFolder: \"Canvia el nom de la carpeta\",\n    addSubfolder: \"Afegeix una subcarpeta\",\n    subfolderName: \"Nom de la subcarpeta\",\n    sortNewest: \"Els més nous primer\",\n    sortOldest: \"Els més antics primer\",\n    sortNameAsc: \"Nom A-Z\",\n    sortNameDesc: \"Nom Z-A\",\n    sortSizeAsc: \"Els més petits primer\",\n    sortSizeDesc: \"Els més grans primer\",\n    moveSelected: \"Mou\",\n    moveToRoot: \"Tots els fitxers\",\n    currentFolder: \"(actual)\",\n    confirmDelete: \"Voleu eliminar aquest fitxer?\",\n    renameFile: \"Canvia el nom\",\n    editFile: \"Edita el fitxer\",\n    fileName: \"Nom del fitxer\",\n    altText: \"Text alternatiu\",\n    altTextPlaceholder: \"Descriviu aquesta imatge per a l'accessibilitat\",\n    saveChanges: \"Desa\",\n    cancel: \"Cancel·la\",\n    frequentlyUsed: \"Utilitzat freqüentment\",\n    deleteWarningTitle: \"Elimina el fitxer\",\n    deleteWarningMessage:\n      \"Aquest fitxer s'eliminarà permanentment i no es podrà recuperar.\",\n    deleteWarningUsageNote:\n      \"Els fitxers següents s'utilitzen en plantilles. Eliminar-los pot trencar aquestes plantilles.\",\n    deleteAnyway: \"Elimina el fitxer de totes maneres\",\n    usedInTemplates: \"Utilitzat en {count} plantilla/es\",\n    viewGrid: \"Vista de quadrícula\",\n    viewList: \"Vista de llista\",\n    showFolders: \"Mostra les carpetes\",\n    hideFolders: \"Oculta les carpetes\",\n    importFromUrl: \"Importa des d'una URL\",\n    importUrlPlaceholder: \"https://example.com/image.jpg\",\n    import: \"Importa\",\n    importing: \"Important...\",\n    importError: \"No s'ha pogut importar des de la URL\",\n    conversionLabel: \"Mida\",\n    conversionOriginal: \"Original\",\n    conversionSmall: \"Petita (150px)\",\n    conversionMedium: \"Mitjana (600px)\",\n    conversionLarge: \"Gran (1200px)\",\n    replaceFile: \"Substitueix el fitxer\",\n    replaceWarningTitle: \"Substitueix el fitxer\",\n    replaceWarningMessage:\n      \"Esteu a punt de substituir aquest fitxer. El substitut ha de tenir la mateixa extensió de fitxer ({extension}).\",\n    replaceWarningUsageNote:\n      \"Aquest fitxer s'utilitza en {count} plantilla/es. Substituir-lo actualitzarà totes les referències.\",\n    replaceSelectFile: \"Selecciona el fitxer de substitució\",\n    replace: \"Substitueix\",\n    replacing: \"Substituint...\",\n    replaceError: \"No s'ha pogut substituir el fitxer\",\n    saving: \"Desant...\",\n    cropAspectRatio: \"Relació d'aspecte\",\n    cropFree: \"Lliure\",\n    cropSquare: \"1:1\",\n    cropLandscape43: \"4:3\",\n    cropLandscape169: \"16:9\",\n    cropOriginal: \"Original\",\n    cropMaxWidth: \"Amplada màxima\",\n    cropMaxHeight: \"Alçada màxima\",\n    cropOutputSize: \"Mida de sortida\",\n    cropPixels: \"px\",\n    cropOptional: \"(opcional)\",\n    storageTooltip: \"{used} de {total} utilitzats (queden {remaining})\",\n  },\n\n  // Sidebar\n  sidebarNav: {\n    browseModules: \"Explora els mòduls desats\",\n    expandSidebar: \"Expandeix la barra lateral de blocs\",\n    palette: \"Paleta de blocs\",\n    insertBlock: \"Insereix un bloc de tipus {block}\",\n  },\n\n  // Landmark region labels for assistive technology\n  landmarks: {\n    canvas: \"Llenç del correu\",\n    blockToolbar: \"Propietats del bloc\",\n    rightSidebar: \"Propietats del bloc i configuració de la plantilla\",\n    reorderAnnouncements: \"Avisos de reordenació de blocs\",\n  },\n\n  // Design Reference (cloud)\n  errors: {\n    editorLoading: \"Carregant l'editor...\",\n    editorLoadFailed: \"No s'ha pogut carregar l'editor.\",\n    retry: \"Torna-ho a provar\",\n  },\n\n  issues: {\n    panelTitle: \"Problemes\",\n    panelTabLabel: \"Problemes\",\n    groupErrors: \"Errors\",\n    groupWarnings: \"Avisos\",\n    groupInfo: \"Informació\",\n    jump: \"Vés al bloc\",\n    fix: \"Corregeix\",\n    emptyState: \"Sense problemes, tot correcte.\",\n    badgeError: \"Té errors\",\n    badgeWarning: \"Té avisos\",\n    issueCountTooltip: \"{count} problema/es\",\n  },\n\n  smallScreen: {\n    title: \"Cal una pantalla més gran\",\n    message:\n      \"L'editor necessita més espai del que ofereix aquesta pantalla. Obriu-lo en una tauleta o ordinador d'escriptori per començar a editar.\",\n  },\n};\n\nexport default ca;\n"],"mappings":"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"}