@templatical/editor 0.5.1 → 0.6.1

package/dist/{useI18n-Jp3X6Q0t.js → useI18n-lb2DHDiu.js}

@@ -1,5 +1,5 @@
 import { E as e, q as t } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { T as n } from "./keys-BeW4IrXP.js";
+import { E as n } from "./keys-ciNfSSGj.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? e(n, null);

package/dist/{useMergeTag-CEE4CG-D.js → useMergeTag-CBwKnnNB.js}

@@ -1,9 +1,9 @@
 import { E as e, Q as t } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { O as n, n as r, w as i } from "./dist-e0ylhlSV.js";
-import { _ as a, v as o, x as s, y as c } from "./keys-BeW4IrXP.js";
+import { O as n, n as r, w as i } from "./dist-DJmnUmW9.js";
+import { S as a, b as o, v as s, y as c } from "./keys-ciNfSSGj.js";
 //#region src/composables/useMergeTag.ts
 function l() {
-	let l = e(a, []), u = e(c, r.liquid), d = e(s, null), f = e(o, !0), p = t(!1);
+	let l = e(s, []), u = e(o, r.liquid), d = e(a, null), f = e(c, !0), p = t(!1);
 	function m(e) {
 		return n(e, u);
 	}

package/dist/{x-BNc1bVzp.js → x-u2oVmjN_.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-GRmvIR5A.js";
+import { t as e } from "./createLucideIcon-C3pa2siy.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.11.0",
@@ -33,8 +33,9 @@
     "vue": "^3.5.33",
     "vue-tsc": "^3.2.7",
     "vuedraggable": "^4.1.0",
-    "@templatical/core": "0.5.1",
-    "@templatical/types": "0.5.1"
+    "@templatical/core": "0.6.1",
+    "@templatical/quality": "0.6.1",
+    "@templatical/types": "0.6.1"
   },
   "exports": {
     ".": {
@@ -62,8 +63,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.5.1",
-    "@templatical/renderer": "0.5.1"
+    "@templatical/media-library": "0.6.1",
+    "@templatical/quality": "0.6.1",
+    "@templatical/renderer": "0.6.1"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {
@@ -71,6 +73,9 @@
     },
     "@templatical/media-library": {
       "optional": true
+    },
+    "@templatical/quality": {
+      "optional": true
     }
   },
   "publishConfig": {

package/dist/cdn/chunks/CloudEditor-CRYF-bR3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CloudEditor-CRYF-bR3.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/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 { computed, shallowRef, ref, type ComputedRef, type Ref } 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  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 (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    }\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      await snapshotHistoryInstance.value.loadSnapshots();\n    } finally {\n      previewingSnapshot.value = null;\n      contentBeforePreview.value = null;\n      autoSave?.resume();\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 (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  MediaItem,\n  MediaRequestContext,\n} from \"@templatical/media-library\";\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}\n\nexport interface UseCloudMediaLibraryReturn {\n  handleRequestMedia: () => Promise<MediaResult | null>;\n  handleMediaSelect: (item: MediaItem) => void;\n  handleMediaLibraryClose: () => void;\n}\n\nexport function useCloudMediaLibrary(\n  options: UseCloudMediaLibraryOptions,\n): UseCloudMediaLibraryReturn {\n  const { onRequestMedia, mediaLibraryOpen, mediaLibraryAccept } = options;\n\n  let mediaResolve: ((result: MediaResult | null) => void) | null = null;\n\n  async function handleRequestMedia(): Promise<MediaResult | null> {\n    // If consumer provides a custom media handler, use it\n    if (onRequestMedia) {\n      const item = await onRequestMedia({ accept: [\"images\"] });\n      if (!item) return null;\n      return { url: item.url, alt: item.alt_text || undefined };\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 = [\"images\"];\n    mediaLibraryOpen.value = true;\n    return new Promise<MediaResult | null>((resolve) => {\n      mediaResolve = (result) => {\n        resolve(result);\n      };\n    });\n  }\n\n  function handleMediaSelect(item: MediaItem): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.({ url: item.url, alt: item.alt_text || undefined });\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  SaveResult,\n  ThemeOverrides,\n  UiTheme,\n} from \"@templatical/types\";\n\nimport {\n  useEditorCore,\n  type UseEditorCoreReturn,\n} from \"../../composables/useEditorCore\";\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\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<SaveResult>) | 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<SaveResult>) | 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      mergeTags: config.mergeTags,\n      displayConditions: config.displayConditions,\n      onRequestMedia: null, // cloud handles via mediaLib.handleRequestMedia\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  });\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  });\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","<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  const m = await import(\"@templatical/media-library\");\n  return m.MediaLibraryModal;\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    @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  const m = await import(\"@templatical/media-library\");\n  return m.MediaLibraryModal;\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    @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 { useCloudInitialization } from \"./composables/useCloudInitialization\";\nimport { useCloudLifecycle } from \"./composables/useCloudLifecycle\";\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 Sidebar from \"../components/Sidebar.vue\";\nimport RightSidebar from \"../components/RightSidebar.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 \"../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\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\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});\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// ---------------------------------------------------------------------------\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\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// Route the keyboard Save hook to lifecycle.saveTemplate.\ninit.onSaveHook.value = lifecycle.saveTemplate;\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  <div\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  >\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=\"\n        lifecycle\n          .saveTemplate()\n          .catch((err: Error) => props.config.onError?.(err))\n      \"\n    />\n\n    <!-- Snapshot preview banner -->\n    <SnapshotPreviewBanner\n      :visible=\"snapshotPreview.isPreviewingSnapshot.value\"\n      @cancel=\"snapshotPreview.cancelPreview\"\n      @confirm=\"snapshotPreview.confirmRestoreSnapshot\"\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  </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 { useCloudInitialization } from \"./composables/useCloudInitialization\";\nimport { useCloudLifecycle } from \"./composables/useCloudLifecycle\";\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 Sidebar from \"../components/Sidebar.vue\";\nimport RightSidebar from \"../components/RightSidebar.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 \"../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\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\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});\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// ---------------------------------------------------------------------------\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\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// Route the keyboard Save hook to lifecycle.saveTemplate.\ninit.onSaveHook.value = lifecycle.saveTemplate;\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  <div\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  >\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=\"\n        lifecycle\n          .saveTemplate()\n          .catch((err: Error) => props.config.onError?.(err))\n      \"\n    />\n\n    <!-- Snapshot preview banner -->\n    <SnapshotPreviewBanner\n      :visible=\"snapshotPreview.isPreviewingSnapshot.value\"\n      @cancel=\"snapshotPreview.cancelPreview\"\n      @confirm=\"snapshotPreview.confirmRestoreSnapshot\"\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  </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/blockTypeIcons-Bs9B-yft.js

@@ -1,22 +0,0 @@
-import { St as e, _t as t, lt as n, ot as r, pt as i } from "./features-BnG-dhzy.js";
-import { D as a, E as o, H as s, K as c, P as l, i as u, j as d, w as f } from "./icons-B_185qj_.js";
-//#region src/utils/blockTypeIcons.ts
-var p = {
-	section: c,
-	title: s,
-	paragraph: a,
-	image: t,
-	button: f,
-	divider: l,
-	video: o,
-	social: n,
-	menu: i,
-	table: r,
-	spacer: d,
-	countdown: u,
-	html: e
-};
-//#endregion
-export { p as t };
-
-//# sourceMappingURL=blockTypeIcons-Bs9B-yft.js.map

package/dist/cdn/chunks/de-BSWt7lYu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"de-BSWt7lYu.js","names":[],"sources":["../../../src/i18n/locales/de.ts"],"sourcesContent":["import type en from \"./en\";\n\nconst de: typeof en = {\n  // Footer (OSS only)\n  footer: {\n    poweredBy: \"Erstellt mit\",\n    openSource: \"Open Source\",\n  },\n\n  // History (undo/redo)\n  history: {\n    undo: \"Rückgängig\",\n    redo: \"Wiederholen\",\n    collabWarning:\n      \"Rückgängig machen kann die Änderungen anderer Mitarbeiter beeinflussen\",\n  },\n\n  // Viewport toggle\n  viewport: {\n    label: \"Ansichtsgröße\",\n    desktop: \"Desktop\",\n    tablet: \"Tablet\",\n    mobile: \"Mobil\",\n  },\n\n  // Dark mode preview\n  darkMode: {\n    enable: \"Dunkelmodus-Vorschau\",\n    disable: \"Hellmodus-Vorschau\",\n  },\n\n  // Preview mode\n  previewMode: {\n    enable: \"Vorschaumodus\",\n    disable: \"Vorschau beenden\",\n  },\n\n  // Sidebar - Block types\n  blocks: {\n    section: \"Abschnitt\",\n    image: \"Bild\",\n    title: \"Titel\",\n    paragraph: \"Absatz\",\n    button: \"Schaltfläche\",\n    divider: \"Trennlinie\",\n    video: \"Video\",\n    social: \"Sozial\",\n    spacer: \"Abstand\",\n    html: \"HTML\",\n    menu: \"Menü\",\n    table: \"Tabelle\",\n    countdown: \"Countdown\",\n  },\n\n  // Right sidebar\n  sidebar: {\n    content: \"Inhalt\",\n    settings: \"Einstellungen\",\n    noSelection: \"Kein Element ausgewählt\",\n    noSelectionHint:\n      \"Wählen Sie einen Block auf der Leinwand aus, um ihn zu bearbeiten\",\n  },\n\n  // Toolbar - Common\n  toolbar: {\n    duplicate: \"Duplizieren\",\n    delete: \"Löschen\",\n  },\n\n  // Title editor toolbar\n  titleEditor: {\n    toolbar: \"Titelformatierung\",\n    bold: \"Fett (Strg+B)\",\n    italic: \"Kursiv (Strg+I)\",\n    addLink: \"Link hinzufügen\",\n  },\n\n  // Paragraph editor toolbar\n  paragraphEditor: {\n    toolbar: \"Textformatierung\",\n    bold: \"Fett (Strg+B)\",\n    italic: \"Kursiv (Strg+I)\",\n    underline: \"Unterstrichen (Strg+U)\",\n    strikethrough: \"Durchgestrichen\",\n    subscript: \"Tiefgestellt\",\n    superscript: \"Hochgestellt\",\n    addLink: \"Link hinzufügen\",\n    bulletList: \"Aufzählungsliste\",\n    numberedList: \"Nummerierte Liste\",\n    alignLeft: \"Linksbündig\",\n    alignCenter: \"Zentriert\",\n    alignRight: \"Rechtsbündig\",\n    clearFormatting: \"Formatierung entfernen\",\n    insertEmoji: \"Emoji einfügen\",\n    fontFamily: \"Schriftart\",\n    defaultFont: \"Standard\",\n    fontSize: \"Schriftgröße\",\n    defaultSize: \"Standard\",\n    textColor: \"Textfarbe\",\n    highlightColor: \"Hervorhebungsfarbe\",\n    lineHeight: \"Zeilenhöhe\",\n    letterSpacing: \"Zeichenabstand\",\n    emojiItemLabel: \"Emoji {emoji} einfügen\",\n    closeEmojiPicker: \"Emoji-Auswahl schließen\",\n  },\n\n  // Block actions (BlockWrapper)\n  blockActions: {\n    drag: \"Zum Sortieren ziehen oder Leertaste drücken, um mit der Tastatur zu verschieben\",\n    dragLifted:\n      \"{block} wird verschoben. Pfeiltasten zum Positionieren, Leer- oder Eingabetaste zum Ablegen, Esc zum Abbrechen.\",\n    duplicate: \"Block duplizieren\",\n    delete: \"Block löschen\",\n    hiddenOnViewport: \"Ausgeblendet auf {viewport}\",\n    saveAsModule: \"Als Modul speichern\",\n    conditionToggle: \"Anzeigebedingung umschalten\",\n    comments: \"Kommentare ({count})\",\n    lifted: \"{block} angehoben. Position {position} von {total}.\",\n    moved: \"{block} auf Position {position} von {total} verschoben.\",\n    dropped: \"{block} auf Position {position} von {total} abgelegt.\",\n    cancelled:\n      \"Verschieben abgebrochen. {block} auf Position {position} zurückgesetzt.\",\n  },\n\n  // Toolbar - Section\n  section: {\n    dropHere: \"Blöcke hierher ziehen\",\n    columns: \"Spalten\",\n    column1: \"1 Spalte\",\n    column2: \"2 Spalten\",\n    column3: \"3 Spalten\",\n    ratio12: \"1:2 Verhältnis\",\n    ratio21: \"2:1 Verhältnis\",\n  },\n\n  // Text editor link dialog\n  linkDialog: {\n    editLink: \"Link bearbeiten\",\n    insertLink: \"Link einfügen\",\n    updateLink: \"Link aktualisieren\",\n    removeLink: \"Link entfernen\",\n    cancel: \"Abbrechen\",\n    urlPlaceholder: \"https://beispiel.de\",\n    urlLabel: \"URL\",\n  },\n\n  // Toolbar - Title\n  title: {\n    level: \"Überschriftenebene\",\n    heading1: \"Überschrift 1 (36px)\",\n    heading2: \"Überschrift 2 (28px)\",\n    heading3: \"Überschrift 3 (22px)\",\n    heading4: \"Überschrift 4 (18px)\",\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Vorlagenschrift verwenden\",\n    color: \"Farbe\",\n    align: \"Ausrichtung\",\n    alignLeft: \"Links\",\n    alignCenter: \"Zentriert\",\n    alignRight: \"Rechts\",\n  },\n\n  // Emoji picker\n  emoji: {\n    smileys: \"Smileys\",\n    gestures: \"Gesten\",\n    objects: \"Objekte\",\n  },\n\n  // Toolbar - Image\n  image: {\n    imageUrl: \"Bild-URL\",\n    imageUrlPlaceholder: \"https://...\",\n    altText: \"Alternativtext\",\n    altTextPlaceholder: \"Bildbeschreibung\",\n    width: \"Breite\",\n    fullWidth: \"Volle Breite\",\n    linkUrl: \"Link-URL\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    placeholderUrl: \"Platzhalterbild\",\n    placeholderUrlPlaceholder: \"https://... (nur zur Gestaltung)\",\n    placeholderUrlTooltip:\n      \"Da die Bild-URL ein Merge-Tag verwendet, können Sie hier ein echtes Bild angeben, um das Layout während der Gestaltung in der Vorschau anzuzeigen. Dies wird nicht in die endgültige Ausgabe aufgenommen.\",\n    clickToAdd: \"Klicken Sie, um eine Bild-URL hinzuzufügen\",\n    browseMedia: \"Medien durchsuchen\",\n  },\n\n  // Toolbar - Video\n  video: {\n    videoUrl: \"Video-URL\",\n    videoUrlPlaceholder: \"https://youtube.com/...\",\n    youtube: \"YouTube\",\n    vimeo: \"Vimeo\",\n    detected: \"Video erkannt — Vorschaubild wird automatisch generiert\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    customThumbnail: \"Eigenes Vorschaubild\",\n    optional: \"(optional)\",\n    thumbnailPlaceholder: \"Automatisch aus Video-URL generiert\",\n    altText: \"Alternativtext\",\n    altTextPlaceholder: \"Videobeschreibung\",\n    width: \"Breite\",\n    fullWidth: \"Volle Breite\",\n    placeholderUrl: \"Platzhalter-Thumbnail\",\n    placeholderUrlPlaceholder: \"https://... (nur zur Gestaltung)\",\n    placeholderUrlTooltip:\n      \"Da die Video-URL ein Merge-Tag verwendet, können Sie hier ein echtes Thumbnail angeben, um das Layout während der Gestaltung in der Vorschau anzuzeigen. Dies wird nicht in die endgültige Ausgabe aufgenommen.\",\n    addVideo: \"Video-URL hinzufügen\",\n  },\n\n  // Toolbar - Button\n  button: {\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Vorlagenschrift verwenden\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    background: \"Hintergrund\",\n    textColor: \"Textfarbe\",\n    borderRadius: \"Eckenradius\",\n    fontSize: \"Schriftgröße\",\n  },\n\n  // Toolbar - Divider\n  divider: {\n    style: \"Stil\",\n    solid: \"Durchgehend\",\n    dashed: \"Gestrichelt\",\n    dotted: \"Gepunktet\",\n    color: \"Farbe\",\n    thickness: \"Stärke\",\n  },\n\n  // Toolbar - Social Icons\n  social: {\n    icons: \"Symbole\",\n    addIcon: \"Symbol hinzufügen\",\n    addIcons: \"Soziale Symbole hinzufügen\",\n    removeIcon: \"Entfernen\",\n    platform: \"Plattform\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    style: \"Stil\",\n    styleSolid: \"Gefüllt\",\n    styleOutlined: \"Umrandet\",\n    styleRounded: \"Abgerundet\",\n    styleSquare: \"Eckig\",\n    styleCircle: \"Rund\",\n    size: \"Größe\",\n    sizeSmall: \"K\",\n    sizeMedium: \"M\",\n    sizeLarge: \"G\",\n    spacing: \"Abstand\",\n    align: \"Ausrichtung\",\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: \"E-Mail\",\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: \"Menüpunkte\",\n    addItem: \"Punkt hinzufügen\",\n    removeItem: \"Entfernen\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://beispiel.de\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    bold: \"Fett\",\n    underline: \"Unterstrichen\",\n    color: \"Farbe\",\n    linkColor: \"Linkfarbe\",\n    fontSize: \"Schriftgröße\",\n    fontFamily: \"Schriftfamilie\",\n    separator: \"Trennzeichen\",\n    separatorColor: \"Trennzeichenfarbe\",\n    spacing: \"Abstand\",\n    textAlign: \"Ausrichtung\",\n    addLinks: \"Menülinks hinzufügen\",\n  },\n\n  // Toolbar - Table\n  table: {\n    dimensions: \"Abmessungen\",\n    rows: \"Zeilen\",\n    columns: \"Spalten\",\n    addRow: \"Zeile hinzufügen\",\n    removeRow: \"Zeile entfernen\",\n    addColumn: \"Spalte hinzufügen\",\n    removeColumn: \"Spalte entfernen\",\n    hasHeaderRow: \"Kopfzeile\",\n    headerBackgroundColor: \"Kopfzeilen-Hintergrund\",\n    noHeaderBg: \"Kein Hintergrund\",\n    borderColor: \"Rahmenfarbe\",\n    borderWidth: \"Rahmenbreite\",\n    cellPadding: \"Zellenabstand\",\n    fontFamily: \"Schriftart\",\n    fontSize: \"Schriftgröße\",\n    color: \"Textfarbe\",\n    textAlign: \"Ausrichtung\",\n    cellPlaceholder: \"Text eingeben...\",\n    empty: \"Tabelle hinzufügen\",\n  },\n\n  // Toolbar - Spacer\n  spacer: {\n    height: \"Höhe\",\n  },\n\n  // Toolbar - Countdown\n  countdown: {\n    targetDate: \"Zieldatum\",\n    timezone: \"Zeitzone\",\n    display: \"Anzeige\",\n    days: \"Tage\",\n    hours: \"Stunden\",\n    minutes: \"Minuten\",\n    seconds: \"Sekunden\",\n    separator: \"Trennzeichen\",\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Standard\",\n    digitFontSize: \"Zifferngröße\",\n    digitColor: \"Ziffernfarbe\",\n    labelColor: \"Beschriftungsfarbe\",\n    labelFontSize: \"Beschriftungsgröße\",\n    background: \"Hintergrund\",\n    labels: \"Beschriftungen\",\n    expiry: \"Ablaufnachricht\",\n    expiredMessagePlaceholder: \"Dieses Angebot ist abgelaufen\",\n    expiredImageUrl: \"Ablaufbild-URL\",\n    hideOnExpiry: \"Bei Ablauf ausblenden\",\n    setDate: \"Legen Sie ein Zieldatum im Einstellungsbereich fest\",\n    hidden: \"Ausgeblendet (abgelaufen)\",\n  },\n\n  // Custom Blocks\n  customBlocks: {\n    definitionNotFound:\n      \"Unbekannter Blocktyp — dieser Block ist nicht registriert\",\n    renderError:\n      \"Dieser Block konnte nicht gerendert werden. Überprüfen Sie die Block-Vorlage auf Fehler.\",\n    fields: {\n      required: \"Pflichtfeld\",\n      addItem: \"Element hinzufügen\",\n      removeItem: \"Entfernen\",\n      maxItemsReached: \"Maximale Anzahl erreicht\",\n      minItemsRequired: \"Mindestens {count} Elemente erforderlich\",\n    },\n    toolbar: {\n      noDefinition:\n        \"Registrieren Sie diesen Blocktyp in Ihrer SDK-Konfiguration, um seine Eigenschaften zu bearbeiten\",\n    },\n    dataSource: {\n      fetchButton: \"Inhalt laden\",\n      changeButton: \"Ändern\",\n      fetching: \"Wird geladen...\",\n      readOnlyTooltip: \"Dieser Wert wird aus Ihrer Datenquelle geladen\",\n      fetchError: \"Inhalt konnte nicht geladen werden\",\n    },\n  },\n\n  // Toolbar - HTML\n  html: {\n    content: \"HTML-Inhalt\",\n    preview: \"Benutzerdefinierter HTML-Block\",\n    empty: \"HTML-Inhalt im Bereich hinzufügen\",\n    sanitizationHint:\n      \"Skripte und unsichere Elemente werden beim Export entfernt.\",\n  },\n\n  // Toolbar - Common block settings\n  blockSettings: {\n    spacing: \"Abstände\",\n    padding: \"Innenabstand\",\n    margin: \"Außenabstand\",\n    background: \"Hintergrund\",\n    color: \"Farbe\",\n    display: \"Anzeige\",\n    showOnDesktop: \"Auf Desktop anzeigen\",\n    showOnTablet: \"Auf Tablet anzeigen\",\n    showOnMobile: \"Auf Mobilgerät anzeigen\",\n    hiddenOnDevice: \"Ausgeblendet auf {device}\",\n    customCss: \"Benutzerdefiniertes CSS\",\n    css: \"CSS\",\n    cssPlaceholder: \"/* Benutzerdefinierte Stile */\",\n    displayCondition: \"Anzeigebedingung\",\n    selectCondition: \"Bedingung auswählen\",\n    removeCondition: \"Bedingung entfernen\",\n    noCondition: \"Immer sichtbar\",\n    conditionApplied: \"Bedingung angewendet\",\n    customCondition: \"Eigene Bedingung\",\n    customConditionLabel: \"Bedingungsname\",\n    customConditionBefore: \"Vorher (öffnende Logik)\",\n    customConditionAfter: \"Nachher (schließende Logik)\",\n    applyCondition: \"Anwenden\",\n    cancelCondition: \"Abbrechen\",\n    customBadge: \"Eigene\",\n    restoreHiddenBlocks: \"Alle ausgeblendeten Blöcke anzeigen\",\n  },\n\n  // Template settings\n  templateSettings: {\n    layout: \"Layout\",\n    widthPreset: \"Breitenvoreinstellung\",\n    customWidth: \"Benutzerdefinierte Breite\",\n    appearance: \"Erscheinungsbild\",\n    backgroundColor: \"Hintergrundfarbe\",\n    fontFamily: \"Schriftfamilie\",\n    preheaderText: \"Preheader-Text\",\n    preheaderTextPlaceholder:\n      \"Vorschautext, der nach der Betreffzeile im Posteingang angezeigt wird...\",\n    preheaderTextHint:\n      \"Dieser Text erscheint nach der Betreffzeile in der E-Mail-Vorschau. Unterstützt Merge-Tags.\",\n    tips: \"Tipps\",\n    tip1: \"600px ist die Standardbreite für E-Mail-Vorlagen\",\n    tip2: \"Verwenden Sie websichere Schriften für beste Kompatibilität\",\n    tip3: \"Helle Hintergründe eignen sich am besten für die Lesbarkeit\",\n  },\n\n  // Spacing control\n  spacingControl: {\n    lockAll: \"Alle Seiten sperren\",\n    unlock: \"Seiten entsperren\",\n    top: \"Oben\",\n    right: \"Rechts\",\n    bottom: \"Unten\",\n    left: \"Links\",\n    decreaseTop: \"Oben verringern\",\n    increaseTop: \"Oben erhöhen\",\n    decreaseLeft: \"Links verringern\",\n    increaseLeft: \"Links erhöhen\",\n    decreaseRight: \"Rechts verringern\",\n    increaseRight: \"Rechts erhöhen\",\n    decreaseBottom: \"Unten verringern\",\n    increaseBottom: \"Unten erhöhen\",\n  },\n\n  // Color Picker\n  colorPicker: {\n    pickColor: \"Farbe auswählen\",\n    hexValue: \"Hex-Farbwert\",\n  },\n\n  // Merge-Tag\n  mergeTag: {\n    clickToEdit: \"Zum Bearbeiten klicken\",\n    remove: \"Merge-Tag entfernen\",\n    insert: \"Merge-Tag einfügen\",\n    add: \"Merge-Tag hinzufügen\",\n    editValue: \"Merge-Tag-Wert bearbeiten\",\n    deleteMergeTag: \"Merge-Tag löschen\",\n    suggestionEmpty: \"Keine passenden Merge-Tags\",\n  },\n\n  // Canvas\n  canvas: {\n    noBlocks: \"Noch keine Blöcke\",\n    dragHint:\n      \"Beginnen Sie von Grund auf, indem Sie Blöcke aus der Seitenleiste ziehen\",\n    dropHere: \"Hier ablegen\",\n    aiHintChat: \"oder lassen Sie\",\n    aiHintChatSuffix: \"in Sekunden eine komplette Vorlage für Sie erstellen\",\n    aiHintDesign:\n      \"Haben Sie ein bestehendes Design? Laden Sie einen Screenshot, ein Bild oder PDF hoch und\",\n    aiHintDesignSuffix: \"erstellt es sofort nach\",\n  },\n\n  // Media Library (cloud)\n  mediaLibrary: {\n    title: \"Medienbibliothek\",\n    searchPlaceholder: \"Dateien suchen...\",\n    allFiles: \"Alle Dateien\",\n    filterAll: \"Alle Typen\",\n    filterImages: \"Bilder\",\n    filterDocuments: \"Dokumente\",\n    filterVideos: \"Videos\",\n    filterAudio: \"Audio\",\n    newFolder: \"Neuer Ordner\",\n    folderName: \"Ordnername\",\n    noFiles: \"Keine Dateien gefunden\",\n    dropOrClick: \"Dateien hierher ziehen oder klicken zum Hochladen\",\n    acceptedFormats: \"Bilder, PDF, Video, Audio, Dokumente (max. 10 MB)\",\n    uploading: \"Wird hochgeladen...\",\n    uploadingProgress: \"{current} von {total} wird hochgeladen...\",\n    selectImage: \"Bild auswählen\",\n    selectFile: \"Datei auswählen\",\n    deleteSelected: \"Löschen\",\n    copyUrl: \"URL kopieren\",\n    copied: \"Kopiert!\",\n    browseMedia: \"Medienbibliothek durchsuchen\",\n    renameFolder: \"Ordner umbenennen\",\n    addSubfolder: \"Unterordner hinzufügen\",\n    subfolderName: \"Unterordnername\",\n    sortNewest: \"Neueste zuerst\",\n    sortOldest: \"Älteste zuerst\",\n    sortNameAsc: \"Name A-Z\",\n    sortNameDesc: \"Name Z-A\",\n    sortSizeAsc: \"Kleinste zuerst\",\n    sortSizeDesc: \"Größte zuerst\",\n    moveSelected: \"Verschieben\",\n    moveToRoot: \"Alle Dateien\",\n    currentFolder: \"(aktuell)\",\n    confirmDelete: \"Diese Datei löschen?\",\n    renameFile: \"Umbenennen\",\n    editFile: \"Datei bearbeiten\",\n    fileName: \"Dateiname\",\n    altText: \"Alternativtext\",\n    altTextPlaceholder: \"Bildbeschreibung für Barrierefreiheit\",\n    saveChanges: \"Speichern\",\n    cancel: \"Abbrechen\",\n    frequentlyUsed: \"Häufig verwendet\",\n    deleteWarningTitle: \"Datei löschen\",\n    deleteWarningMessage:\n      \"Diese Datei wird dauerhaft gelöscht und kann nicht wiederhergestellt werden.\",\n    deleteWarningUsageNote:\n      \"Die folgenden Dateien werden in Vorlagen verwendet. Das Löschen kann diese Vorlagen beschädigen.\",\n    deleteAnyway: \"Datei löschen\",\n    usedInTemplates: \"In {count} Vorlage(n) verwendet\",\n    viewGrid: \"Rasteransicht\",\n    viewList: \"Listenansicht\",\n    showFolders: \"Ordner anzeigen\",\n    hideFolders: \"Ordner ausblenden\",\n    importFromUrl: \"Von URL importieren\",\n    importUrlPlaceholder: \"https://example.com/image.jpg\",\n    import: \"Importieren\",\n    importing: \"Wird importiert...\",\n    importError: \"Import von URL fehlgeschlagen\",\n    conversionLabel: \"Groesse\",\n    conversionOriginal: \"Original\",\n    conversionSmall: \"Klein (150px)\",\n    conversionMedium: \"Mittel (600px)\",\n    conversionLarge: \"Gross (1200px)\",\n    replaceFile: \"Datei ersetzen\",\n    replaceWarningTitle: \"Datei ersetzen\",\n    replaceWarningMessage:\n      \"Sie sind dabei, diese Datei zu ersetzen. Die Ersatzdatei muss dieselbe Dateierweiterung haben ({extension}).\",\n    replaceWarningUsageNote:\n      \"Diese Datei wird in {count} Vorlage(n) verwendet. Das Ersetzen aktualisiert alle Verweise.\",\n    replaceSelectFile: \"Ersatzdatei auswählen\",\n    replace: \"Ersetzen\",\n    replacing: \"Wird ersetzt...\",\n    replaceError: \"Ersetzen der Datei fehlgeschlagen\",\n    saving: \"Wird gespeichert...\",\n    cropAspectRatio: \"Seitenverhältnis\",\n    cropFree: \"Frei\",\n    cropSquare: \"1:1\",\n    cropLandscape43: \"4:3\",\n    cropLandscape169: \"16:9\",\n    cropOriginal: \"Original\",\n    cropMaxWidth: \"Max. Breite\",\n    cropMaxHeight: \"Max. Höhe\",\n    cropOutputSize: \"Ausgabegröße\",\n    cropPixels: \"px\",\n    cropOptional: \"(optional)\",\n    storageTooltip: \"{used} von {total} verwendet ({remaining} verfügbar)\",\n  },\n\n  // Seitenleiste\n  sidebarNav: {\n    browseModules: \"Gespeicherte Module durchsuchen\",\n    expandSidebar: \"Block-Seitenleiste erweitern\",\n    palette: \"Blockpalette\",\n    insertBlock: \"{block}-Block einfügen\",\n  },\n\n  // Landmark-Bezeichnungen für Hilfstechnologien\n  landmarks: {\n    canvas: \"E-Mail-Leinwand\",\n    blockToolbar: \"Blockeigenschaften\",\n    rightSidebar: \"Blockeigenschaften und Vorlageneinstellungen\",\n    reorderAnnouncements: \"Block-Neuanordnungsmeldungen\",\n  },\n\n  // Design Reference (cloud)\n  errors: {\n    editorLoading: \"Editor wird geladen...\",\n    editorLoadFailed: \"Editor konnte nicht geladen werden.\",\n    retry: \"Erneut versuchen\",\n  },\n};\n\nexport default de;\n"],"mappings":"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"}