@templatical/editor 0.12.1 → 0.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.21.0",
@@ -32,9 +32,9 @@
     "vue": "^3.5.39",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.3.5",
-    "@templatical/core": "0.12.1",
-    "@templatical/quality": "0.12.1",
-    "@templatical/types": "0.12.1"
+    "@templatical/core": "0.13.0",
+    "@templatical/quality": "0.13.0",
+    "@templatical/types": "0.13.0"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/quality": "0.12.1",
-    "@templatical/media-library": "0.12.1",
-    "@templatical/renderer": "0.12.1"
+    "@templatical/media-library": "0.13.0",
+    "@templatical/quality": "0.13.0",
+    "@templatical/renderer": "0.13.0"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/cdn/chunks/CloudEditor-DSeihOan.js.map

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

package/dist/cdn/chunks/CountdownToolbar-BQn0Kj0X.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountdownToolbar-BQn0Kj0X.js","names":[],"sources":["../../../src/components/toolbar/CheckboxItem.vue","../../../src/components/toolbar/CheckboxItem.vue","../../../src/components/toolbar/CountdownToolbar.vue","../../../src/components/toolbar/CountdownToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]\"\n      :checked=\"modelValue\"\n      @change=\"\n        emit('update:modelValue', ($event.target as HTMLInputElement).checked)\n      \"\n    />\n    {{ label }}\n  </label>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]\"\n      :checked=\"modelValue\"\n      @change=\"\n        emit('update:modelValue', ($event.target as HTMLInputElement).checked)\n      \"\n    />\n    {{ label }}\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport ColorPicker from \"../ColorPicker.vue\";\nimport SlidingPillSelect from \"../SlidingPillSelect.vue\";\nimport FieldRow from \"./FieldRow.vue\";\nimport CheckboxItem from \"./CheckboxItem.vue\";\nimport NumberWithSuffix from \"./NumberWithSuffix.vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { inputClass } from \"../../constants/styleConstants\";\nimport type { CountdownBlock } from \"@templatical/types\";\nimport { computed } from \"vue\";\n\ndefineProps<{\n  block: CountdownBlock;\n  fontFamilies: Array<{ value: string; label: string }>;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update\", updates: Partial<CountdownBlock>): void;\n}>();\n\nconst { t } = useI18n();\n\nconst TIMEZONES = [\n  \"UTC\",\n  \"America/New_York\",\n  \"America/Chicago\",\n  \"America/Denver\",\n  \"America/Los_Angeles\",\n  \"Europe/London\",\n  \"Europe/Berlin\",\n  \"Europe/Paris\",\n  \"Europe/Moscow\",\n  \"Asia/Dubai\",\n  \"Asia/Kolkata\",\n  \"Asia/Shanghai\",\n  \"Asia/Tokyo\",\n  \"Australia/Sydney\",\n  \"Pacific/Auckland\",\n];\n\nconst SEPARATORS = [\n  { value: \":\", label: \":\" },\n  { value: \"-\", label: \"-\" },\n  { value: \" \", label: \"␣\" },\n];\n\ntype UnitKey = \"Days\" | \"Hours\" | \"Minutes\" | \"Seconds\";\nconst UNITS: UnitKey[] = [\"Days\", \"Hours\", \"Minutes\", \"Seconds\"];\n\nconst unitItems = computed(() =>\n  UNITS.map((unit) => ({\n    unit,\n    showKey: `show${unit}` as const,\n    labelKey: `label${unit}` as const,\n    translationKey: unit.toLowerCase() as\n      | \"days\"\n      | \"hours\"\n      | \"minutes\"\n      | \"seconds\",\n  })),\n);\n\nfunction updateField(field: keyof CountdownBlock, value: unknown): void {\n  emit(\"update\", { [field]: value } as Partial<CountdownBlock>);\n}\n</script>\n\n<template>\n  <FieldRow :label=\"t.countdown.targetDate\">\n    <input\n      type=\"datetime-local\"\n      :class=\"inputClass\"\n      :value=\"block.targetDate\"\n      @input=\"\n        updateField('targetDate', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.timezone\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.timezone\"\n      @change=\"\n        updateField('timezone', ($event.target as HTMLSelectElement).value)\n      \"\n    >\n      <option v-for=\"tz in TIMEZONES\" :key=\"tz\" :value=\"tz\">{{ tz }}</option>\n    </select>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.display\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <CheckboxItem\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        :model-value=\"block[item.showKey]\"\n        :label=\"t.countdown[item.translationKey]\"\n        @update:model-value=\"updateField(item.showKey, $event)\"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.separator\">\n    <SlidingPillSelect\n      :options=\"SEPARATORS\"\n      :model-value=\"block.separator\"\n      @update:model-value=\"updateField('separator', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.fontFamily\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.fontFamily || ''\"\n      @change=\"\n        updateField(\n          'fontFamily',\n          ($event.target as HTMLSelectElement).value || undefined,\n        )\n      \"\n    >\n      <option value=\"\">{{ t.countdown.inheritFont }}</option>\n      <option\n        v-for=\"font in fontFamilies\"\n        :key=\"font.value\"\n        :value=\"font.value\"\n      >\n        {{ font.label }}\n      </option>\n    </select>\n  </FieldRow>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.digitFontSize\"\n        :min=\"12\"\n        :max=\"72\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('digitFontSize', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.labelFontSize\"\n        :min=\"8\"\n        :max=\"24\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('labelFontSize', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitColor\">\n      <ColorPicker\n        :model-value=\"block.digitColor\"\n        @update:model-value=\"updateField('digitColor', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelColor\">\n      <ColorPicker\n        :model-value=\"block.labelColor\"\n        @update:model-value=\"updateField('labelColor', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <FieldRow :label=\"t.countdown.background\">\n    <ColorPicker\n      :model-value=\"block.backgroundColor\"\n      @update:model-value=\"updateField('backgroundColor', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.labels\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <input\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        type=\"text\"\n        :class=\"inputClass\"\n        :value=\"block[item.labelKey]\"\n        :placeholder=\"t.countdown[item.translationKey]\"\n        @input=\"\n          updateField(item.labelKey, ($event.target as HTMLInputElement).value)\n        \"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiry\">\n    <input\n      type=\"text\"\n      :class=\"inputClass\"\n      :value=\"block.expiredMessage\"\n      :placeholder=\"t.countdown.expiredMessagePlaceholder\"\n      @input=\"\n        updateField('expiredMessage', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiredImageUrl\">\n    <input\n      type=\"url\"\n      :class=\"inputClass\"\n      :value=\"block.expiredImageUrl\"\n      placeholder=\"https://...\"\n      @input=\"\n        updateField(\n          'expiredImageUrl',\n          ($event.target as HTMLInputElement).value,\n        )\n      \"\n    />\n  </FieldRow>\n\n  <CheckboxItem\n    :model-value=\"block.hideOnExpiry\"\n    :label=\"t.countdown.hideOnExpiry\"\n    class=\"tpl:mb-3.5\"\n    @update:model-value=\"updateField('hideOnExpiry', $event)\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport ColorPicker from \"../ColorPicker.vue\";\nimport SlidingPillSelect from \"../SlidingPillSelect.vue\";\nimport FieldRow from \"./FieldRow.vue\";\nimport CheckboxItem from \"./CheckboxItem.vue\";\nimport NumberWithSuffix from \"./NumberWithSuffix.vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { inputClass } from \"../../constants/styleConstants\";\nimport type { CountdownBlock } from \"@templatical/types\";\nimport { computed } from \"vue\";\n\ndefineProps<{\n  block: CountdownBlock;\n  fontFamilies: Array<{ value: string; label: string }>;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update\", updates: Partial<CountdownBlock>): void;\n}>();\n\nconst { t } = useI18n();\n\nconst TIMEZONES = [\n  \"UTC\",\n  \"America/New_York\",\n  \"America/Chicago\",\n  \"America/Denver\",\n  \"America/Los_Angeles\",\n  \"Europe/London\",\n  \"Europe/Berlin\",\n  \"Europe/Paris\",\n  \"Europe/Moscow\",\n  \"Asia/Dubai\",\n  \"Asia/Kolkata\",\n  \"Asia/Shanghai\",\n  \"Asia/Tokyo\",\n  \"Australia/Sydney\",\n  \"Pacific/Auckland\",\n];\n\nconst SEPARATORS = [\n  { value: \":\", label: \":\" },\n  { value: \"-\", label: \"-\" },\n  { value: \" \", label: \"␣\" },\n];\n\ntype UnitKey = \"Days\" | \"Hours\" | \"Minutes\" | \"Seconds\";\nconst UNITS: UnitKey[] = [\"Days\", \"Hours\", \"Minutes\", \"Seconds\"];\n\nconst unitItems = computed(() =>\n  UNITS.map((unit) => ({\n    unit,\n    showKey: `show${unit}` as const,\n    labelKey: `label${unit}` as const,\n    translationKey: unit.toLowerCase() as\n      | \"days\"\n      | \"hours\"\n      | \"minutes\"\n      | \"seconds\",\n  })),\n);\n\nfunction updateField(field: keyof CountdownBlock, value: unknown): void {\n  emit(\"update\", { [field]: value } as Partial<CountdownBlock>);\n}\n</script>\n\n<template>\n  <FieldRow :label=\"t.countdown.targetDate\">\n    <input\n      type=\"datetime-local\"\n      :class=\"inputClass\"\n      :value=\"block.targetDate\"\n      @input=\"\n        updateField('targetDate', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.timezone\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.timezone\"\n      @change=\"\n        updateField('timezone', ($event.target as HTMLSelectElement).value)\n      \"\n    >\n      <option v-for=\"tz in TIMEZONES\" :key=\"tz\" :value=\"tz\">{{ tz }}</option>\n    </select>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.display\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <CheckboxItem\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        :model-value=\"block[item.showKey]\"\n        :label=\"t.countdown[item.translationKey]\"\n        @update:model-value=\"updateField(item.showKey, $event)\"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.separator\">\n    <SlidingPillSelect\n      :options=\"SEPARATORS\"\n      :model-value=\"block.separator\"\n      @update:model-value=\"updateField('separator', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.fontFamily\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.fontFamily || ''\"\n      @change=\"\n        updateField(\n          'fontFamily',\n          ($event.target as HTMLSelectElement).value || undefined,\n        )\n      \"\n    >\n      <option value=\"\">{{ t.countdown.inheritFont }}</option>\n      <option\n        v-for=\"font in fontFamilies\"\n        :key=\"font.value\"\n        :value=\"font.value\"\n      >\n        {{ font.label }}\n      </option>\n    </select>\n  </FieldRow>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.digitFontSize\"\n        :min=\"12\"\n        :max=\"72\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('digitFontSize', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.labelFontSize\"\n        :min=\"8\"\n        :max=\"24\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('labelFontSize', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitColor\">\n      <ColorPicker\n        :model-value=\"block.digitColor\"\n        @update:model-value=\"updateField('digitColor', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelColor\">\n      <ColorPicker\n        :model-value=\"block.labelColor\"\n        @update:model-value=\"updateField('labelColor', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <FieldRow :label=\"t.countdown.background\">\n    <ColorPicker\n      :model-value=\"block.backgroundColor\"\n      @update:model-value=\"updateField('backgroundColor', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.labels\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <input\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        type=\"text\"\n        :class=\"inputClass\"\n        :value=\"block[item.labelKey]\"\n        :placeholder=\"t.countdown[item.translationKey]\"\n        @input=\"\n          updateField(item.labelKey, ($event.target as HTMLInputElement).value)\n        \"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiry\">\n    <input\n      type=\"text\"\n      :class=\"inputClass\"\n      :value=\"block.expiredMessage\"\n      :placeholder=\"t.countdown.expiredMessagePlaceholder\"\n      @input=\"\n        updateField('expiredMessage', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiredImageUrl\">\n    <input\n      type=\"url\"\n      :class=\"inputClass\"\n      :value=\"block.expiredImageUrl\"\n      placeholder=\"https://...\"\n      @input=\"\n        updateField(\n          'expiredImageUrl',\n          ($event.target as HTMLInputElement).value,\n        )\n      \"\n    />\n  </FieldRow>\n\n  <CheckboxItem\n    :model-value=\"block.hideOnExpiry\"\n    :label=\"t.countdown.hideOnExpiry\"\n    class=\"tpl:mb-3.5\"\n    @update:model-value=\"updateField('hideOnExpiry', $event)\"\n  />\n</template>\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"de-BpseTWOA.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    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    widthCustom: \"Benutzerdefiniert\",\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    decorative: \"Dekoratives Bild\",\n    decorativeHint:\n      \"Wird von Bildschirmlesern ignoriert. Nur für Abstandshalter und visuelle Verzierungen verwenden.\",\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    width: \"Breite\",\n    widthAuto: \"An Inhalt anpassen\",\n    fullWidth: \"Volle Breite\",\n    widthCustom: \"Benutzerdefiniert\",\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      website: \"Website\",\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    background: \"Hintergrund\",\n    color: \"Farbe\",\n    display: \"Anzeige\",\n    showOnDesktop: \"Auf Desktop anzeigen\",\n    showOnMobile: \"Auf Mobilgerät anzeigen\",\n    hiddenOnDevice: \"Ausgeblendet auf {device}\",\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    language: \"Sprache\",\n    contentLocale: \"Inhaltssprache\",\n    contentLocaleHint:\n      \"BCP-47-Code (z. B. en, de, pt-BR). Setzt das lang-Attribut der gerenderten E-Mail, damit Screenreader den Inhalt korrekt aussprechen.\",\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    notSet: \"Nicht festgelegt\",\n    clear: \"Farbe entfernen\",\n  },\n\n  // Merge-Tag\n  mergeTag: {\n    clickToEdit: \"Zum Bearbeiten klicken\",\n    remove: \"Merge-Tag entfernen\",\n    insert: \"Merge-Tag einfügen\",\n    editValue: \"Merge-Tag-Wert bearbeiten\",\n    deleteMergeTag: \"Merge-Tag löschen\",\n    suggestionEmpty: \"Keine passenden Merge-Tags\",\n    picker: {\n      title: \"Merge-Tag einfügen\",\n      searchPlaceholder: \"Merge-Tags suchen\",\n      searchAriaLabel: \"Merge-Tags suchen\",\n      noResults: \"Keine passenden Merge-Tags\",\n      empty: \"Keine Merge-Tags konfiguriert\",\n      otherGroup: \"Sonstige\",\n      cancel: \"Abbrechen\",\n      close: \"Schließen\",\n      groupCount: \"{count}\",\n    },\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  issues: {\n    panelTitle: \"Probleme\",\n    panelTabLabel: \"Probleme\",\n    groupErrors: \"Fehler\",\n    groupWarnings: \"Warnungen\",\n    groupInfo: \"Hinweise\",\n    jump: \"Zum Block springen\",\n    fix: \"Beheben\",\n    emptyState: \"Keine Probleme — sieht gut aus.\",\n    badgeError: \"Hat Fehler\",\n    badgeWarning: \"Hat Warnungen\",\n    issueCountTooltip: \"{count} Problem(e)\",\n  },\n\n  smallScreen: {\n    title: \"Größerer Bildschirm erforderlich\",\n    message:\n      \"Der Editor benötigt mehr Platz, als dieser Bildschirm bietet. Öffnen Sie ihn auf einem Tablet oder Desktop, um mit der Bearbeitung zu beginnen.\",\n  },\n};\n\nexport default de;\n"],"mappings":"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"}