@templatical/editor 0.27.5 → 0.27.6

package/dist/cdn/chunks/TplModal-lUdHsbjL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TplModal-lUdHsbjL.js","names":[],"sources":["../../../src/components/TplModal.vue","../../../src/components/TplModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useFocusTrap } from \"../composables\";\nimport { usePopoverRoot } from \"../composables/usePopoverRoot\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../keys\";\nimport { computed, inject, ref } from \"vue\";\n\nconst props = defineProps<{\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst dialogRef = ref<HTMLElement | null>(null);\nconst isVisible = computed(() => props.visible);\nuseFocusTrap(dialogRef, isVisible);\n\nconst tplUiTheme = inject(UI_THEME_KEY);\n\n// The backdrop below carries the bare `tpl` class, which re-declares every\n// `--tpl-*` token from the base `.tpl` rule. A custom property declared on an\n// element beats one inherited from an ancestor, so that re-declaration shadows\n// the consumer's `theme` config — which lives as inline styles on the editor\n// root — for this whole teleported subtree. Re-applying `themeStyles` here is\n// what restores it, and doing it on the backdrop covers every dialog rendered\n// through this wrapper rather than each one remembering to. `data-tpl-theme`\n// does the same job for the dark token block. See the invariant in\n// `tests/theme-token-scope.test.ts` (issue #487).\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Escape\") {\n    emit(\"close\");\n  }\n  emit(\"keydown\", event);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <Transition\n      enter-active-class=\"tpl:transition\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <!-- The backdrop is the reference box every slotted panel caps against,\n           which is why it owns the gutter (`p-4`) rather than each panel\n           carrying its own margin. `inset-0` gives it a definite height; the\n           wrapper below spans that height so a panel's percentage cap\n           (`max-h-[90%]` / `max-h-[80%]`) has an unbroken chain to resolve\n           through. Those numbers are the `vh` values they replaced, so an\n           untrapped editor renders exactly as before.\n\n           Panels must never cap in `vh`. `fixed` covers the viewport only while\n           nothing traps it, and an ancestor with `transform`, `filter`,\n           `backdrop-filter`, `will-change: transform`, `contain: paint`,\n           `container-type` or a transform animation becomes the containing\n           block for fixed descendants. The editor is embedded in someone\n           else's page, so any of those can sit above it: `inset-0` then\n           resolves to that ancestor's box while a `vh` cap still resolves to\n           the viewport, and the panel overflows a container that usually also\n           has `overflow: hidden`. That is issue #575 — in a 420px host inside a\n           720px viewport, a 648px panel clipped ~113px off both the top and the\n           bottom, with no scrollbar to reach the buttons. Capping against the\n           backdrop is self-correcting whether or not the trap is present.\n           Locked by `tests/overlay-height-scope.test.ts`.\n\n           The padding belongs here and not on the wrapper: preflight is\n           omitted, so non-form elements keep `content-box` and padding on an\n           `h-full` element would add to 100% and overflow by exactly the\n           padding (the trap behind issue #115). Insets size the backdrop's\n           border box, so padding here safely shrinks the content box instead. -->\n      <div\n        v-if=\"visible\"\n        :data-tpl-theme=\"tplUiTheme\"\n        class=\"tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center tpl:p-4\"\n        style=\"\n          background-color: var(--tpl-overlay);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        :style=\"themeStyles\"\n        @click.self=\"emit('close')\"\n        @keydown=\"handleKeydown\"\n      >\n        <!-- `h-full` only, deliberately no `w-full`: height is what has to\n             become definite, and widening this element would change what\n             `w-full` on a panel resolves against. Panels are shrink-to-fit\n             horizontally — the test-email dialog stays compact until its\n             preview opens, and the saved-blocks browser pins an explicit width\n             precisely because this wrapper is shrink-to-fit. Constraining one\n             axis leaves all of that intact.\n\n             It repeats `@click.self` because it now covers the backdrop's full\n             height: clicks in the gap above or below the panel land here, so\n             without it click-outside-to-close would only work on the padding\n             ring and the columns either side. -->\n        <div\n          ref=\"dialogRef\"\n          class=\"tpl:flex tpl:h-full tpl:items-center tpl:justify-center\"\n          @click.self=\"emit('close')\"\n        >\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useFocusTrap } from \"../composables\";\nimport { usePopoverRoot } from \"../composables/usePopoverRoot\";\nimport { THEME_STYLES_KEY, UI_THEME_KEY } from \"../keys\";\nimport { computed, inject, ref } from \"vue\";\n\nconst props = defineProps<{\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n  (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst dialogRef = ref<HTMLElement | null>(null);\nconst isVisible = computed(() => props.visible);\nuseFocusTrap(dialogRef, isVisible);\n\nconst tplUiTheme = inject(UI_THEME_KEY);\n\n// The backdrop below carries the bare `tpl` class, which re-declares every\n// `--tpl-*` token from the base `.tpl` rule. A custom property declared on an\n// element beats one inherited from an ancestor, so that re-declaration shadows\n// the consumer's `theme` config — which lives as inline styles on the editor\n// root — for this whole teleported subtree. Re-applying `themeStyles` here is\n// what restores it, and doing it on the backdrop covers every dialog rendered\n// through this wrapper rather than each one remembering to. `data-tpl-theme`\n// does the same job for the dark token block. See the invariant in\n// `tests/theme-token-scope.test.ts` (issue #487).\nconst themeStyles = inject(THEME_STYLES_KEY, null);\nconst popoverRoot = usePopoverRoot();\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Escape\") {\n    emit(\"close\");\n  }\n  emit(\"keydown\", event);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"popoverRoot\" :to=\"popoverRoot\">\n    <Transition\n      enter-active-class=\"tpl:transition\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <!-- The backdrop is the reference box every slotted panel caps against,\n           which is why it owns the gutter (`p-4`) rather than each panel\n           carrying its own margin. `inset-0` gives it a definite height; the\n           wrapper below spans that height so a panel's percentage cap\n           (`max-h-[90%]` / `max-h-[80%]`) has an unbroken chain to resolve\n           through. Those numbers are the `vh` values they replaced, so an\n           untrapped editor renders exactly as before.\n\n           Panels must never cap in `vh`. `fixed` covers the viewport only while\n           nothing traps it, and an ancestor with `transform`, `filter`,\n           `backdrop-filter`, `will-change: transform`, `contain: paint`,\n           `container-type` or a transform animation becomes the containing\n           block for fixed descendants. The editor is embedded in someone\n           else's page, so any of those can sit above it: `inset-0` then\n           resolves to that ancestor's box while a `vh` cap still resolves to\n           the viewport, and the panel overflows a container that usually also\n           has `overflow: hidden`. That is issue #575 — in a 420px host inside a\n           720px viewport, a 648px panel clipped ~113px off both the top and the\n           bottom, with no scrollbar to reach the buttons. Capping against the\n           backdrop is self-correcting whether or not the trap is present.\n           Locked by `tests/overlay-height-scope.test.ts`.\n\n           The padding belongs here and not on the wrapper: preflight is\n           omitted, so non-form elements keep `content-box` and padding on an\n           `h-full` element would add to 100% and overflow by exactly the\n           padding (the trap behind issue #115). Insets size the backdrop's\n           border box, so padding here safely shrinks the content box instead. -->\n      <div\n        v-if=\"visible\"\n        :data-tpl-theme=\"tplUiTheme\"\n        class=\"tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center tpl:p-4\"\n        style=\"\n          background-color: var(--tpl-overlay);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        :style=\"themeStyles\"\n        @click.self=\"emit('close')\"\n        @keydown=\"handleKeydown\"\n      >\n        <!-- `h-full` only, deliberately no `w-full`: height is what has to\n             become definite, and widening this element would change what\n             `w-full` on a panel resolves against. Panels are shrink-to-fit\n             horizontally — the test-email dialog stays compact until its\n             preview opens, and the saved-blocks browser pins an explicit width\n             precisely because this wrapper is shrink-to-fit. Constraining one\n             axis leaves all of that intact.\n\n             It repeats `@click.self` because it now covers the backdrop's full\n             height: clicks in the gap above or below the panel land here, so\n             without it click-outside-to-close would only work on the padding\n             ring and the columns either side. -->\n        <div\n          ref=\"dialogRef\"\n          class=\"tpl:flex tpl:h-full tpl:items-center tpl:justify-center\"\n          @click.self=\"emit('close')\"\n        >\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;EAMA,IAAM,IAAQ,GAIR,IAAO,GAKP,IAAY,EAAwB,IAAI,GACxC,IAAY,QAAe,EAAM,OAAO;EAC9C,EAAa,GAAW,CAAS;EAEjC,IAAM,IAAa,EAAO,CAAY,GAWhC,IAAc,EAAO,GAAkB,IAAI,GAC3C,IAAc,EAAe;EAEnC,SAAS,EAAc,GAA4B;GAIjD,AAHI,EAAM,QAAQ,YAChB,EAAK,OAAO,GAEd,EAAK,WAAW,CAAK;EACvB;mBAIkB,EAAA,CAAA,KAAhB,EAAA,GAAA,EAsEW,GAAA;;GAtEmB,IAAI,EAAA,CAAA;EAChC,GAAA,CAAA,EAoEa,GAAA;GAnEX,sBAAmB;GACnB,oBAAiB;GACjB,kBAAe;GACf,sBAAmB;GACnB,oBAAiB;GACjB,kBAAe;;GA6Bf,SAAA,QAgCM,CA/BE,EAAA,WADR,EAAA,GAAA,EAgCM,OAAA;;IA9BH,kBAAgB,EAAA,CAAA;IACjB,OAAM;IACN,OAIC,EAAA,CAJD;KAAA,oBAAA;KAAA,mBAAA;KAAA,2BAAA;IAAA,GAKQ,EAAA,CAAA,CAAW,CAAA;IAClB,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,OAAA,GAAA,CAAA,MAAA,CAAA;IAChB,WAAS;GAcV,GAAA,CAAA,EAMM,OAAA;IALA,SAAA;IAAJ,KAAI;IACJ,OAAM;IACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,OAAA,GAAA,CAAA,MAAA,CAAA;GAEjB,GAAA,CAAA,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA,GAAA,IAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/cdn/chunks/{VersionHistoryMenu-BNYSIjVj.js → VersionHistoryMenu-CXMPsVMR.js}

@@ -1,7 +1,7 @@
 import { F as e, H as t, N as n, Q as r, S as i, at as a, b as o, ct as s, f as c, g as l, h as u, l as d, n as f, p, u as m, ut as h, y as g } from "./draggable-BfpsXFg7.js";
 import { t as _ } from "./dist-CM8TB0VD.js";
 import { t as v } from "./useI18n-4sUbTM3Y.js";
-import { Ft as y, It as b, Pt as x, it as S, kt as C } from "./icons-Dl5bcXmT.js";
+import { Ft as y, It as b, Nt as x, it as S, kt as C } from "./icons-BrdgOeXm.js";
 import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
 //#region src/components/VersionHistoryMenu.vue?vue&type=script&setup=true&lang.ts
 var T = [
@@ -89,7 +89,7 @@ var T = [
 				title: a(V).versionHistory.olderVersion,
 				"aria-label": a(V).versionHistory.olderVersion,
 				onClick: d(Y, ["stop"])
-			}, [o(a(x), {
+			}, [o(a(y), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, T),
@@ -135,7 +135,7 @@ var T = [
 				title: a(V).versionHistory.newerVersion,
 				"aria-label": a(V).versionHistory.newerVersion,
 				onClick: d(J, ["stop"])
-			}, [o(a(y), {
+			}, [o(a(x), {
 				size: 14,
 				"stroke-width": 2
 			})], 8, L)
@@ -145,4 +145,4 @@ var T = [
 //#endregion
 export { R as default };
 
-//# sourceMappingURL=VersionHistoryMenu-BNYSIjVj.js.map
+//# sourceMappingURL=VersionHistoryMenu-CXMPsVMR.js.map

package/dist/cdn/chunks/{VersionHistoryMenu-BNYSIjVj.js.map → VersionHistoryMenu-CXMPsVMR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VersionHistoryMenu-BNYSIjVj.js","names":[],"sources":["../../../src/components/VersionHistoryMenu.vue","../../../src/components/VersionHistoryMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The header's version-history control: step older / newer through the list, or\n * open the dropdown and jump straight to one.\n *\n * Shared by both editors — it was `cloud/components/SnapshotHistory.vue` and\n * spoke Cloud's wire shape (`created_at`, `is_autosave`) directly. It now reads\n * the `TemplateVersion` contract, so any provider drives it.\n */\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport type { TemplateVersion } from \"@templatical/types\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { formatRelativeTime } from \"../utils/formatRelativeTime\";\n\nconst props = defineProps<{\n  versions: TemplateVersion[];\n  isLoading: boolean;\n  isRestoring: boolean;\n  /** Which version is on the canvas, or `null` while editing normally. */\n  previewingId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open\"): void;\n  (e: \"navigate\", version: TemplateVersion): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n/**\n * Position in the list (0 = newest), derived from what is actually previewed\n * rather than tracked locally. A local index went stale the moment the user\n * cancelled a preview — the arrows then stepped from wherever they had left off\n * instead of from the top.\n */\nconst currentIndex = computed(() =>\n  props.previewingId === null\n    ? -1\n    : props.versions.findIndex((v) => v.id === props.previewingId),\n);\n\nconst canGoNewer = computed(\n  () => currentIndex.value > 0 && !props.isRestoring && !props.isLoading,\n);\n\nconst canGoOlder = computed(\n  () =>\n    currentIndex.value < props.versions.length - 1 &&\n    props.versions.length > 0 &&\n    !props.isRestoring &&\n    !props.isLoading,\n);\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value - 1]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value + 1]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  // Always on open, never only when empty: history grows behind the user's back\n  // (every save may record one), so a list fetched once would go stale silently.\n  if (isOpen.value) emit(\"open\");\n}\n\nfunction selectVersion(version: TemplateVersion): void {\n  emit(\"navigate\", version);\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(dateString, t.time, format, 7);\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n    data-testid=\"version-history\"\n  >\n    <!-- Step to an older version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-older\"\n      :disabled=\"!canGoOlder\"\n      :title=\"t.versionHistory.olderVersion\"\n      :aria-label=\"t.versionHistory.olderVersion\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-toggle\"\n      :aria-expanded=\"isOpen\"\n      :title=\"t.versionHistory.tooltip\"\n      :aria-label=\"t.versionHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        data-testid=\"version-history-dropdown\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ t.versionHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading && versions.length === 0\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n          role=\"status\"\n          aria-busy=\"true\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"versions.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n          data-testid=\"version-history-empty\"\n        >\n          {{ t.versionHistory.empty }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"version in versions\"\n            :key=\"version.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]\"\n            :class=\"\n              version.id === previewingId\n                ? 'tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]'\n                : 'tpl:border-l-transparent'\n            \"\n            style=\"background-color: transparent\"\n            data-testid=\"version-history-entry\"\n            :data-version-id=\"version.id\"\n            :disabled=\"isRestoring\"\n            @click=\"selectVersion(version)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{\n                  version.label ?? formatDate(version.createdAt)\n                }}</span>\n                <span\n                  v-if=\"version.isAutomatic\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ t.versionHistory.auto }}\n                </span>\n              </div>\n              <!-- A labelled version still shows when it was taken, and by whom\n                   if the store tracks that; an unlabelled one already leads with\n                   the date, so the line would repeat it. -->\n              <div\n                v-if=\"version.label || version.author?.name\"\n                class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n              >\n                <template v-if=\"version.label\">{{\n                  formatDate(version.createdAt)\n                }}</template>\n                <template v-if=\"version.label && version.author?.name\">\n                  ·\n                </template>\n                <template v-if=\"version.author?.name\">{{\n                  version.author.name\n                }}</template>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Step to a newer version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-newer\"\n      :disabled=\"!canGoNewer\"\n      :title=\"t.versionHistory.newerVersion\"\n      :aria-label=\"t.versionHistory.newerVersion\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * The header's version-history control: step older / newer through the list, or\n * open the dropdown and jump straight to one.\n *\n * Shared by both editors — it was `cloud/components/SnapshotHistory.vue` and\n * spoke Cloud's wire shape (`created_at`, `is_autosave`) directly. It now reads\n * the `TemplateVersion` contract, so any provider drives it.\n */\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport type { TemplateVersion } from \"@templatical/types\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { formatRelativeTime } from \"../utils/formatRelativeTime\";\n\nconst props = defineProps<{\n  versions: TemplateVersion[];\n  isLoading: boolean;\n  isRestoring: boolean;\n  /** Which version is on the canvas, or `null` while editing normally. */\n  previewingId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open\"): void;\n  (e: \"navigate\", version: TemplateVersion): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n/**\n * Position in the list (0 = newest), derived from what is actually previewed\n * rather than tracked locally. A local index went stale the moment the user\n * cancelled a preview — the arrows then stepped from wherever they had left off\n * instead of from the top.\n */\nconst currentIndex = computed(() =>\n  props.previewingId === null\n    ? -1\n    : props.versions.findIndex((v) => v.id === props.previewingId),\n);\n\nconst canGoNewer = computed(\n  () => currentIndex.value > 0 && !props.isRestoring && !props.isLoading,\n);\n\nconst canGoOlder = computed(\n  () =>\n    currentIndex.value < props.versions.length - 1 &&\n    props.versions.length > 0 &&\n    !props.isRestoring &&\n    !props.isLoading,\n);\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value - 1]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value + 1]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  // Always on open, never only when empty: history grows behind the user's back\n  // (every save may record one), so a list fetched once would go stale silently.\n  if (isOpen.value) emit(\"open\");\n}\n\nfunction selectVersion(version: TemplateVersion): void {\n  emit(\"navigate\", version);\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(dateString, t.time, format, 7);\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n    data-testid=\"version-history\"\n  >\n    <!-- Step to an older version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-older\"\n      :disabled=\"!canGoOlder\"\n      :title=\"t.versionHistory.olderVersion\"\n      :aria-label=\"t.versionHistory.olderVersion\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-toggle\"\n      :aria-expanded=\"isOpen\"\n      :title=\"t.versionHistory.tooltip\"\n      :aria-label=\"t.versionHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        data-testid=\"version-history-dropdown\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ t.versionHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading && versions.length === 0\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n          role=\"status\"\n          aria-busy=\"true\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"versions.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n          data-testid=\"version-history-empty\"\n        >\n          {{ t.versionHistory.empty }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"version in versions\"\n            :key=\"version.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]\"\n            :class=\"\n              version.id === previewingId\n                ? 'tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]'\n                : 'tpl:border-l-transparent'\n            \"\n            style=\"background-color: transparent\"\n            data-testid=\"version-history-entry\"\n            :data-version-id=\"version.id\"\n            :disabled=\"isRestoring\"\n            @click=\"selectVersion(version)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{\n                  version.label ?? formatDate(version.createdAt)\n                }}</span>\n                <span\n                  v-if=\"version.isAutomatic\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ t.versionHistory.auto }}\n                </span>\n              </div>\n              <!-- A labelled version still shows when it was taken, and by whom\n                   if the store tracks that; an unlabelled one already leads with\n                   the date, so the line would repeat it. -->\n              <div\n                v-if=\"version.label || version.author?.name\"\n                class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n              >\n                <template v-if=\"version.label\">{{\n                  formatDate(version.createdAt)\n                }}</template>\n                <template v-if=\"version.label && version.author?.name\">\n                  ·\n                </template>\n                <template v-if=\"version.author?.name\">{{\n                  version.author.name\n                }}</template>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Step to a newer version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-newer\"\n      :disabled=\"!canGoNewer\"\n      :title=\"t.versionHistory.newerVersion\"\n      :aria-label=\"t.versionHistory.newerVersion\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"VersionHistoryMenu-CXMPsVMR.js","names":[],"sources":["../../../src/components/VersionHistoryMenu.vue","../../../src/components/VersionHistoryMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The header's version-history control: step older / newer through the list, or\n * open the dropdown and jump straight to one.\n *\n * Shared by both editors — it was `cloud/components/SnapshotHistory.vue` and\n * spoke Cloud's wire shape (`created_at`, `is_autosave`) directly. It now reads\n * the `TemplateVersion` contract, so any provider drives it.\n */\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport type { TemplateVersion } from \"@templatical/types\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { formatRelativeTime } from \"../utils/formatRelativeTime\";\n\nconst props = defineProps<{\n  versions: TemplateVersion[];\n  isLoading: boolean;\n  isRestoring: boolean;\n  /** Which version is on the canvas, or `null` while editing normally. */\n  previewingId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open\"): void;\n  (e: \"navigate\", version: TemplateVersion): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n/**\n * Position in the list (0 = newest), derived from what is actually previewed\n * rather than tracked locally. A local index went stale the moment the user\n * cancelled a preview — the arrows then stepped from wherever they had left off\n * instead of from the top.\n */\nconst currentIndex = computed(() =>\n  props.previewingId === null\n    ? -1\n    : props.versions.findIndex((v) => v.id === props.previewingId),\n);\n\nconst canGoNewer = computed(\n  () => currentIndex.value > 0 && !props.isRestoring && !props.isLoading,\n);\n\nconst canGoOlder = computed(\n  () =>\n    currentIndex.value < props.versions.length - 1 &&\n    props.versions.length > 0 &&\n    !props.isRestoring &&\n    !props.isLoading,\n);\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value - 1]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value + 1]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  // Always on open, never only when empty: history grows behind the user's back\n  // (every save may record one), so a list fetched once would go stale silently.\n  if (isOpen.value) emit(\"open\");\n}\n\nfunction selectVersion(version: TemplateVersion): void {\n  emit(\"navigate\", version);\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(dateString, t.time, format, 7);\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n    data-testid=\"version-history\"\n  >\n    <!-- Step to an older version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-older\"\n      :disabled=\"!canGoOlder\"\n      :title=\"t.versionHistory.olderVersion\"\n      :aria-label=\"t.versionHistory.olderVersion\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-toggle\"\n      :aria-expanded=\"isOpen\"\n      :title=\"t.versionHistory.tooltip\"\n      :aria-label=\"t.versionHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        data-testid=\"version-history-dropdown\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ t.versionHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading && versions.length === 0\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n          role=\"status\"\n          aria-busy=\"true\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"versions.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n          data-testid=\"version-history-empty\"\n        >\n          {{ t.versionHistory.empty }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"version in versions\"\n            :key=\"version.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]\"\n            :class=\"\n              version.id === previewingId\n                ? 'tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]'\n                : 'tpl:border-l-transparent'\n            \"\n            style=\"background-color: transparent\"\n            data-testid=\"version-history-entry\"\n            :data-version-id=\"version.id\"\n            :disabled=\"isRestoring\"\n            @click=\"selectVersion(version)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{\n                  version.label ?? formatDate(version.createdAt)\n                }}</span>\n                <span\n                  v-if=\"version.isAutomatic\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ t.versionHistory.auto }}\n                </span>\n              </div>\n              <!-- A labelled version still shows when it was taken, and by whom\n                   if the store tracks that; an unlabelled one already leads with\n                   the date, so the line would repeat it. -->\n              <div\n                v-if=\"version.label || version.author?.name\"\n                class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n              >\n                <template v-if=\"version.label\">{{\n                  formatDate(version.createdAt)\n                }}</template>\n                <template v-if=\"version.label && version.author?.name\">\n                  ·\n                </template>\n                <template v-if=\"version.author?.name\">{{\n                  version.author.name\n                }}</template>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Step to a newer version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-newer\"\n      :disabled=\"!canGoNewer\"\n      :title=\"t.versionHistory.newerVersion\"\n      :aria-label=\"t.versionHistory.newerVersion\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * The header's version-history control: step older / newer through the list, or\n * open the dropdown and jump straight to one.\n *\n * Shared by both editors — it was `cloud/components/SnapshotHistory.vue` and\n * spoke Cloud's wire shape (`created_at`, `is_autosave`) directly. It now reads\n * the `TemplateVersion` contract, so any provider drives it.\n */\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  Clock,\n  LoaderCircle,\n} from \"@lucide/vue\";\nimport type { TemplateVersion } from \"@templatical/types\";\nimport { useI18n } from \"../composables/useI18n\";\nimport { formatRelativeTime } from \"../utils/formatRelativeTime\";\n\nconst props = defineProps<{\n  versions: TemplateVersion[];\n  isLoading: boolean;\n  isRestoring: boolean;\n  /** Which version is on the canvas, or `null` while editing normally. */\n  previewingId: string | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"open\"): void;\n  (e: \"navigate\", version: TemplateVersion): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n/**\n * Position in the list (0 = newest), derived from what is actually previewed\n * rather than tracked locally. A local index went stale the moment the user\n * cancelled a preview — the arrows then stepped from wherever they had left off\n * instead of from the top.\n */\nconst currentIndex = computed(() =>\n  props.previewingId === null\n    ? -1\n    : props.versions.findIndex((v) => v.id === props.previewingId),\n);\n\nconst canGoNewer = computed(\n  () => currentIndex.value > 0 && !props.isRestoring && !props.isLoading,\n);\n\nconst canGoOlder = computed(\n  () =>\n    currentIndex.value < props.versions.length - 1 &&\n    props.versions.length > 0 &&\n    !props.isRestoring &&\n    !props.isLoading,\n);\n\nfunction goNewer(): void {\n  if (!canGoNewer.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value - 1]);\n}\n\nfunction goOlder(): void {\n  if (!canGoOlder.value) return;\n  emit(\"navigate\", props.versions[currentIndex.value + 1]);\n}\n\nfunction toggleDropdown(): void {\n  isOpen.value = !isOpen.value;\n  // Always on open, never only when empty: history grows behind the user's back\n  // (every save may record one), so a list fetched once would go stale silently.\n  if (isOpen.value) emit(\"open\");\n}\n\nfunction selectVersion(version: TemplateVersion): void {\n  emit(\"navigate\", version);\n  isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n  const result = formatRelativeTime(dateString, t.time, format, 7);\n  if (result !== null) return result;\n\n  return new Date(dateString).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nonClickOutside(dropdownRef, () => {\n  isOpen.value = false;\n});\n</script>\n\n<template>\n  <div\n    ref=\"dropdownRef\"\n    class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n    data-testid=\"version-history\"\n  >\n    <!-- Step to an older version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-older\"\n      :disabled=\"!canGoOlder\"\n      :title=\"t.versionHistory.olderVersion\"\n      :aria-label=\"t.versionHistory.olderVersion\"\n      @click.stop=\"goOlder\"\n    >\n      <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n    </button>\n\n    <!-- History dropdown toggle -->\n    <button\n      class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-toggle\"\n      :aria-expanded=\"isOpen\"\n      :title=\"t.versionHistory.tooltip\"\n      :aria-label=\"t.versionHistory.tooltip\"\n      @click.stop=\"toggleDropdown\"\n    >\n      <Clock :size=\"16\" :stroke-width=\"1.5\" />\n      <ChevronDown\n        class=\"tpl:transition-transform\"\n        :class=\"{ 'tpl:rotate-180': isOpen }\"\n        :size=\"10\"\n        :stroke-width=\"2\"\n      />\n    </button>\n\n    <Transition name=\"tpl-dropdown\">\n      <div\n        v-if=\"isOpen\"\n        class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n        data-testid=\"version-history-dropdown\"\n      >\n        <div\n          class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n        >\n          {{ t.versionHistory.dropdownTitle }}\n        </div>\n\n        <div\n          v-if=\"isLoading && versions.length === 0\"\n          class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n          role=\"status\"\n          aria-busy=\"true\"\n        >\n          <LoaderCircle\n            class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n            :size=\"20\"\n            :stroke-width=\"2\"\n          />\n        </div>\n\n        <div\n          v-else-if=\"versions.length === 0\"\n          class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n          data-testid=\"version-history-empty\"\n        >\n          {{ t.versionHistory.empty }}\n        </div>\n\n        <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n          <button\n            v-for=\"version in versions\"\n            :key=\"version.id\"\n            class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-l-2 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:hover:border-l-[var(--tpl-primary)] tpl:hover:bg-[var(--tpl-bg-hover)]\"\n            :class=\"\n              version.id === previewingId\n                ? 'tpl:border-l-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg-active)]'\n                : 'tpl:border-l-transparent'\n            \"\n            style=\"background-color: transparent\"\n            data-testid=\"version-history-entry\"\n            :data-version-id=\"version.id\"\n            :disabled=\"isRestoring\"\n            @click=\"selectVersion(version)\"\n          >\n            <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n              <div\n                class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n              >\n                <span>{{\n                  version.label ?? formatDate(version.createdAt)\n                }}</span>\n                <span\n                  v-if=\"version.isAutomatic\"\n                  class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-xs tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n                >\n                  {{ t.versionHistory.auto }}\n                </span>\n              </div>\n              <!-- A labelled version still shows when it was taken, and by whom\n                   if the store tracks that; an unlabelled one already leads with\n                   the date, so the line would repeat it. -->\n              <div\n                v-if=\"version.label || version.author?.name\"\n                class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n              >\n                <template v-if=\"version.label\">{{\n                  formatDate(version.createdAt)\n                }}</template>\n                <template v-if=\"version.label && version.author?.name\">\n                  ·\n                </template>\n                <template v-if=\"version.author?.name\">{{\n                  version.author.name\n                }}</template>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Step to a newer version -->\n    <button\n      class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-30 tpl:disabled:hover:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n      data-testid=\"version-history-newer\"\n      :disabled=\"!canGoNewer\"\n      :title=\"t.versionHistory.newerVersion\"\n      :aria-label=\"t.versionHistory.newerVersion\"\n      @click.stop=\"goNewer\"\n    >\n      <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{VersionHistoryPanels-CSryv5rE.js → VersionHistoryPanels-oTKA6TUS.js}

@@ -5,7 +5,7 @@ var c = /* @__PURE__ */ t({
 	__name: "VersionHistoryPanels",
 	props: { feature: {} },
 	setup(t) {
-		let c = t, l = s(() => import("./VersionPreviewBanner-C4mr6y2u.js")), u = s(() => import("./RestoreVersionDialog-DYI-M27i.js"));
+		let c = t, l = s(() => import("./VersionPreviewBanner-7DZLUVaE.js")), u = s(() => import("./RestoreVersionDialog-BWewwJIZ.js"));
 		async function d() {
 			try {
 				await c.feature.requestRestore();
@@ -45,4 +45,4 @@ var c = /* @__PURE__ */ t({
 //#endregion
 export { c as default };
 
-//# sourceMappingURL=VersionHistoryPanels-CSryv5rE.js.map
+//# sourceMappingURL=VersionHistoryPanels-oTKA6TUS.js.map

package/dist/cdn/chunks/{VersionHistoryPanels-CSryv5rE.js.map → VersionHistoryPanels-oTKA6TUS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VersionHistoryPanels-CSryv5rE.js","names":[],"sources":["../../../src/components/VersionHistoryPanels.vue","../../../src/components/VersionHistoryPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Mount point for the version-history chrome that sits outside the header,\n * shared by the OSS and Cloud editors.\n *\n * Same shape as `SavedBlocksPanels.vue` / `TestEmailPanel.vue`: everything here\n * is `defineAsyncComponent` behind a `v-if` on its own state, and the editors in\n * turn lazy-load *this* wrapper and render it only when a\n * `VersionHistoryProvider` is configured — so a consumer without one downloads\n * none of it.\n *\n * The header's dropdown control is not here for one reason only: it has to sit\n * in the header's centre column. It is lazily imported at those two sites\n * instead, and covered by the same CDN chunk guard.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseVersionHistoryFeatureReturn } from \"../composables/useVersionHistoryFeature\";\n\nconst props = defineProps<{\n  feature: UseVersionHistoryFeatureReturn;\n}>();\n\nconst VersionPreviewBanner = defineAsyncComponent(\n  () => import(\"./VersionPreviewBanner.vue\"),\n);\n// Its own chunk, fetched only if a restore is attempted with unsaved work —\n// which for a Cloud session (autosave on) is the uncommon case.\nconst RestoreVersionDialog = defineAsyncComponent(\n  () => import(\"./RestoreVersionDialog.vue\"),\n);\n\n/**\n * Every action here swallows its rejection: the feature already reported it\n * through `onError` and rolled the canvas back, and an unhandled rejection out\n * of a DOM event binding helps nobody.\n */\nasync function handleRequestRestore(): Promise<void> {\n  try {\n    await props.feature.requestRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleSaveAndRestore(): Promise<void> {\n  try {\n    await props.feature.saveAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleDiscardAndRestore(): Promise<void> {\n  try {\n    await props.feature.discardAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n</script>\n\n<template>\n  <VersionPreviewBanner\n    v-if=\"feature.isPreviewing.value\"\n    :visible=\"feature.isPreviewing.value\"\n    :can-restore=\"feature.canRestore.value\"\n    @cancel=\"feature.cancelPreview()\"\n    @confirm=\"handleRequestRestore\"\n  />\n\n  <RestoreVersionDialog\n    v-if=\"feature.isConfirmingRestore.value\"\n    :visible=\"feature.isConfirmingRestore.value\"\n    :can-save=\"feature.canSaveBeforeRestore.value\"\n    :is-busy=\"feature.isConfirmBusy.value\"\n    @cancel=\"feature.cancelRestoreConfirm()\"\n    @save-and-restore=\"handleSaveAndRestore\"\n    @discard-and-restore=\"handleDiscardAndRestore\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Mount point for the version-history chrome that sits outside the header,\n * shared by the OSS and Cloud editors.\n *\n * Same shape as `SavedBlocksPanels.vue` / `TestEmailPanel.vue`: everything here\n * is `defineAsyncComponent` behind a `v-if` on its own state, and the editors in\n * turn lazy-load *this* wrapper and render it only when a\n * `VersionHistoryProvider` is configured — so a consumer without one downloads\n * none of it.\n *\n * The header's dropdown control is not here for one reason only: it has to sit\n * in the header's centre column. It is lazily imported at those two sites\n * instead, and covered by the same CDN chunk guard.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseVersionHistoryFeatureReturn } from \"../composables/useVersionHistoryFeature\";\n\nconst props = defineProps<{\n  feature: UseVersionHistoryFeatureReturn;\n}>();\n\nconst VersionPreviewBanner = defineAsyncComponent(\n  () => import(\"./VersionPreviewBanner.vue\"),\n);\n// Its own chunk, fetched only if a restore is attempted with unsaved work —\n// which for a Cloud session (autosave on) is the uncommon case.\nconst RestoreVersionDialog = defineAsyncComponent(\n  () => import(\"./RestoreVersionDialog.vue\"),\n);\n\n/**\n * Every action here swallows its rejection: the feature already reported it\n * through `onError` and rolled the canvas back, and an unhandled rejection out\n * of a DOM event binding helps nobody.\n */\nasync function handleRequestRestore(): Promise<void> {\n  try {\n    await props.feature.requestRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleSaveAndRestore(): Promise<void> {\n  try {\n    await props.feature.saveAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleDiscardAndRestore(): Promise<void> {\n  try {\n    await props.feature.discardAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n</script>\n\n<template>\n  <VersionPreviewBanner\n    v-if=\"feature.isPreviewing.value\"\n    :visible=\"feature.isPreviewing.value\"\n    :can-restore=\"feature.canRestore.value\"\n    @cancel=\"feature.cancelPreview()\"\n    @confirm=\"handleRequestRestore\"\n  />\n\n  <RestoreVersionDialog\n    v-if=\"feature.isConfirmingRestore.value\"\n    :visible=\"feature.isConfirmingRestore.value\"\n    :can-save=\"feature.canSaveBeforeRestore.value\"\n    :is-busy=\"feature.isConfirmBusy.value\"\n    @cancel=\"feature.cancelRestoreConfirm()\"\n    @save-and-restore=\"handleSaveAndRestore\"\n    @discard-and-restore=\"handleDiscardAndRestore\"\n  />\n</template>\n"],"mappings":";;;;;;;EAkBA,IAAM,IAAQ,GAIR,IAAuB,QACrB,OAAO,qCACf,GAGM,IAAuB,QACrB,OAAO,qCACf;EAOA,eAAe,IAAsC;GACnD,IAAI;IACF,MAAM,EAAM,QAAQ,eAAe;GACrC,QAAQ,CAER;EACF;EAEA,eAAe,IAAsC;GACnD,IAAI;IACF,MAAM,EAAM,QAAQ,eAAe;GACrC,QAAQ,CAER;EACF;EAEA,eAAe,IAAyC;GACtD,IAAI;IACF,MAAM,EAAM,QAAQ,kBAAkB;GACxC,QAAQ,CAER;EACF;oBAKU,EAAA,GAAA,EAAA,GAAA,MAAA,CAAA,EAAA,QAAQ,aAAa,SAD7B,EAAA,GAAA,EAME,EAAA,CAAA,GAAA;;GAJC,SAAS,EAAA,QAAQ,aAAa;GAC9B,eAAa,EAAA,QAAQ,WAAW;GAChC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,cAAa;GAC7B,WAAS;EAIJ,GAAA,MAAA,GAAA,CAAA,WAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAAA,QAAQ,oBAAoB,SADpC,EAAA,GAAA,EAQE,EAAA,CAAA,GAAA;;GANC,SAAS,EAAA,QAAQ,oBAAoB;GACrC,YAAU,EAAA,QAAQ,qBAAqB;GACvC,WAAS,EAAA,QAAQ,cAAc;GAC/B,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,qBAAoB;GACpC,kBAAkB;GAClB,qBAAqB"}
+{"version":3,"file":"VersionHistoryPanels-oTKA6TUS.js","names":[],"sources":["../../../src/components/VersionHistoryPanels.vue","../../../src/components/VersionHistoryPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Mount point for the version-history chrome that sits outside the header,\n * shared by the OSS and Cloud editors.\n *\n * Same shape as `SavedBlocksPanels.vue` / `TestEmailPanel.vue`: everything here\n * is `defineAsyncComponent` behind a `v-if` on its own state, and the editors in\n * turn lazy-load *this* wrapper and render it only when a\n * `VersionHistoryProvider` is configured — so a consumer without one downloads\n * none of it.\n *\n * The header's dropdown control is not here for one reason only: it has to sit\n * in the header's centre column. It is lazily imported at those two sites\n * instead, and covered by the same CDN chunk guard.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseVersionHistoryFeatureReturn } from \"../composables/useVersionHistoryFeature\";\n\nconst props = defineProps<{\n  feature: UseVersionHistoryFeatureReturn;\n}>();\n\nconst VersionPreviewBanner = defineAsyncComponent(\n  () => import(\"./VersionPreviewBanner.vue\"),\n);\n// Its own chunk, fetched only if a restore is attempted with unsaved work —\n// which for a Cloud session (autosave on) is the uncommon case.\nconst RestoreVersionDialog = defineAsyncComponent(\n  () => import(\"./RestoreVersionDialog.vue\"),\n);\n\n/**\n * Every action here swallows its rejection: the feature already reported it\n * through `onError` and rolled the canvas back, and an unhandled rejection out\n * of a DOM event binding helps nobody.\n */\nasync function handleRequestRestore(): Promise<void> {\n  try {\n    await props.feature.requestRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleSaveAndRestore(): Promise<void> {\n  try {\n    await props.feature.saveAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleDiscardAndRestore(): Promise<void> {\n  try {\n    await props.feature.discardAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n</script>\n\n<template>\n  <VersionPreviewBanner\n    v-if=\"feature.isPreviewing.value\"\n    :visible=\"feature.isPreviewing.value\"\n    :can-restore=\"feature.canRestore.value\"\n    @cancel=\"feature.cancelPreview()\"\n    @confirm=\"handleRequestRestore\"\n  />\n\n  <RestoreVersionDialog\n    v-if=\"feature.isConfirmingRestore.value\"\n    :visible=\"feature.isConfirmingRestore.value\"\n    :can-save=\"feature.canSaveBeforeRestore.value\"\n    :is-busy=\"feature.isConfirmBusy.value\"\n    @cancel=\"feature.cancelRestoreConfirm()\"\n    @save-and-restore=\"handleSaveAndRestore\"\n    @discard-and-restore=\"handleDiscardAndRestore\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Mount point for the version-history chrome that sits outside the header,\n * shared by the OSS and Cloud editors.\n *\n * Same shape as `SavedBlocksPanels.vue` / `TestEmailPanel.vue`: everything here\n * is `defineAsyncComponent` behind a `v-if` on its own state, and the editors in\n * turn lazy-load *this* wrapper and render it only when a\n * `VersionHistoryProvider` is configured — so a consumer without one downloads\n * none of it.\n *\n * The header's dropdown control is not here for one reason only: it has to sit\n * in the header's centre column. It is lazily imported at those two sites\n * instead, and covered by the same CDN chunk guard.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseVersionHistoryFeatureReturn } from \"../composables/useVersionHistoryFeature\";\n\nconst props = defineProps<{\n  feature: UseVersionHistoryFeatureReturn;\n}>();\n\nconst VersionPreviewBanner = defineAsyncComponent(\n  () => import(\"./VersionPreviewBanner.vue\"),\n);\n// Its own chunk, fetched only if a restore is attempted with unsaved work —\n// which for a Cloud session (autosave on) is the uncommon case.\nconst RestoreVersionDialog = defineAsyncComponent(\n  () => import(\"./RestoreVersionDialog.vue\"),\n);\n\n/**\n * Every action here swallows its rejection: the feature already reported it\n * through `onError` and rolled the canvas back, and an unhandled rejection out\n * of a DOM event binding helps nobody.\n */\nasync function handleRequestRestore(): Promise<void> {\n  try {\n    await props.feature.requestRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleSaveAndRestore(): Promise<void> {\n  try {\n    await props.feature.saveAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n\nasync function handleDiscardAndRestore(): Promise<void> {\n  try {\n    await props.feature.discardAndRestore();\n  } catch {\n    /* reported through onError */\n  }\n}\n</script>\n\n<template>\n  <VersionPreviewBanner\n    v-if=\"feature.isPreviewing.value\"\n    :visible=\"feature.isPreviewing.value\"\n    :can-restore=\"feature.canRestore.value\"\n    @cancel=\"feature.cancelPreview()\"\n    @confirm=\"handleRequestRestore\"\n  />\n\n  <RestoreVersionDialog\n    v-if=\"feature.isConfirmingRestore.value\"\n    :visible=\"feature.isConfirmingRestore.value\"\n    :can-save=\"feature.canSaveBeforeRestore.value\"\n    :is-busy=\"feature.isConfirmBusy.value\"\n    @cancel=\"feature.cancelRestoreConfirm()\"\n    @save-and-restore=\"handleSaveAndRestore\"\n    @discard-and-restore=\"handleDiscardAndRestore\"\n  />\n</template>\n"],"mappings":";;;;;;;EAkBA,IAAM,IAAQ,GAIR,IAAuB,QACrB,OAAO,qCACf,GAGM,IAAuB,QACrB,OAAO,qCACf;EAOA,eAAe,IAAsC;GACnD,IAAI;IACF,MAAM,EAAM,QAAQ,eAAe;GACrC,QAAQ,CAER;EACF;EAEA,eAAe,IAAsC;GACnD,IAAI;IACF,MAAM,EAAM,QAAQ,eAAe;GACrC,QAAQ,CAER;EACF;EAEA,eAAe,IAAyC;GACtD,IAAI;IACF,MAAM,EAAM,QAAQ,kBAAkB;GACxC,QAAQ,CAER;EACF;oBAKU,EAAA,GAAA,EAAA,GAAA,MAAA,CAAA,EAAA,QAAQ,aAAa,SAD7B,EAAA,GAAA,EAME,EAAA,CAAA,GAAA;;GAJC,SAAS,EAAA,QAAQ,aAAa;GAC9B,eAAa,EAAA,QAAQ,WAAW;GAChC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,cAAa;GAC7B,WAAS;EAIJ,GAAA,MAAA,GAAA,CAAA,WAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAAA,QAAQ,oBAAoB,SADpC,EAAA,GAAA,EAQE,EAAA,CAAA,GAAA;;GANC,SAAS,EAAA,QAAQ,oBAAoB;GACrC,YAAU,EAAA,QAAQ,qBAAqB;GACvC,WAAS,EAAA,QAAQ,cAAc;GAC/B,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,qBAAoB;GACpC,kBAAkB;GAClB,qBAAqB"}

package/dist/cdn/chunks/{VersionPreviewBanner-C4mr6y2u.js → VersionPreviewBanner-7DZLUVaE.js}

@@ -1,6 +1,6 @@
 import { N as e, S as t, at as n, b as r, ct as i, g as a, h as o, p as s, ut as c } from "./draggable-BfpsXFg7.js";
 import { t as l } from "./useI18n-4sUbTM3Y.js";
-import { kt as u } from "./icons-Dl5bcXmT.js";
+import { kt as u } from "./icons-BrdgOeXm.js";
 import { f as d, v as f } from "./styleConstants-C_YAPdQS.js";
 //#region src/components/VersionPreviewBanner.vue?vue&type=script&setup=true&lang.ts
 var p = {
@@ -37,4 +37,4 @@ var p = {
 //#endregion
 export { g as default };
 
-//# sourceMappingURL=VersionPreviewBanner-C4mr6y2u.js.map
+//# sourceMappingURL=VersionPreviewBanner-7DZLUVaE.js.map

package/dist/cdn/chunks/{VersionPreviewBanner-C4mr6y2u.js.map → VersionPreviewBanner-7DZLUVaE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VersionPreviewBanner-C4mr6y2u.js","names":[],"sources":["../../../src/components/VersionPreviewBanner.vue","../../../src/components/VersionPreviewBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ghostBtnClass, primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Shown while a past version is on the canvas instead of the user's own work.\n * Cancel puts the pre-preview content back; Restore makes the version current.\n *\n * Lives outside `src/cloud/` because version history is a BYO provider, not a\n * Cloud feature — a consumer's own `versionHistory` provider drives this banner\n * with no Cloud involved.\n */\nimport { Clock } from \"@lucide/vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n  /**\n   * Whether the provider supplied `restore`. When it didn't, history is\n   * browse-and-preview only, so the confirm action does not render at all\n   * rather than rendering disabled — the same discipline saved blocks uses.\n   */\n  canRestore: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t } = useI18n();\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    data-testid=\"version-preview-banner\"\n    role=\"status\"\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>{{ t.versionPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        :class=\"ghostBtnClass\"\n        style=\"background-color: transparent\"\n        data-testid=\"version-preview-cancel\"\n        @click=\"emit('cancel')\"\n      >\n        {{ t.versionPreview.cancel }}\n      </button>\n      <button\n        v-if=\"canRestore\"\n        :class=\"primaryBtnClass\"\n        data-testid=\"version-preview-restore\"\n        @click=\"emit('confirm')\"\n      >\n        {{ t.versionPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ghostBtnClass, primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Shown while a past version is on the canvas instead of the user's own work.\n * Cancel puts the pre-preview content back; Restore makes the version current.\n *\n * Lives outside `src/cloud/` because version history is a BYO provider, not a\n * Cloud feature — a consumer's own `versionHistory` provider drives this banner\n * with no Cloud involved.\n */\nimport { Clock } from \"@lucide/vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n  /**\n   * Whether the provider supplied `restore`. When it didn't, history is\n   * browse-and-preview only, so the confirm action does not render at all\n   * rather than rendering disabled — the same discipline saved blocks uses.\n   */\n  canRestore: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t } = useI18n();\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    data-testid=\"version-preview-banner\"\n    role=\"status\"\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>{{ t.versionPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        :class=\"ghostBtnClass\"\n        style=\"background-color: transparent\"\n        data-testid=\"version-preview-cancel\"\n        @click=\"emit('cancel')\"\n      >\n        {{ t.versionPreview.cancel }}\n      </button>\n      <button\n        v-if=\"canRestore\"\n        :class=\"primaryBtnClass\"\n        data-testid=\"version-preview-restore\"\n        @click=\"emit('confirm')\"\n      >\n        {{ t.versionPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,IAAM,IAAO,GAKP,EAAE,SAAM,EAAQ;mBAKZ,EAAA,WADR,EAAA,GAAA,EAkCM,OAlCN,GAkCM,CA5BJ,EASM,OATN,GASM,CANJ,EAIE,EAAA,CAAA,GAAA;GAHC,MAAM;GACN,gBAAc;GACf,OAAM;EAER,CAAA,GAAA,EAA2C,QAAA,MAAA,EAAlC,EAAA,CAAA,CAAC,CAAC,eAAe,OAAO,GAAA,CAAA,CAAA,CAAA,GAEnC,EAiBM,OAjBN,GAiBM,CAhBJ,EAOS,UAAA;GANN,OAAK,EAAE,EAAA,CAAA,CAAa;GACrB,OAAA,EAAA,oBAAA,cAAA;GACA,eAAY;GACX,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;EAET,GAAA,EAAA,EAAA,CAAA,CAAC,CAAC,eAAe,MAAM,GAAA,CAAA,GAGpB,EAAA,cADR,EAAA,GAAA,EAOS,UAAA;;GALN,OAAK,EAAE,EAAA,CAAA,CAAe;GACvB,eAAY;GACX,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;EAET,GAAA,EAAA,EAAA,CAAA,CAAC,CAAC,eAAe,OAAO,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"VersionPreviewBanner-7DZLUVaE.js","names":[],"sources":["../../../src/components/VersionPreviewBanner.vue","../../../src/components/VersionPreviewBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ghostBtnClass, primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Shown while a past version is on the canvas instead of the user's own work.\n * Cancel puts the pre-preview content back; Restore makes the version current.\n *\n * Lives outside `src/cloud/` because version history is a BYO provider, not a\n * Cloud feature — a consumer's own `versionHistory` provider drives this banner\n * with no Cloud involved.\n */\nimport { Clock } from \"@lucide/vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n  /**\n   * Whether the provider supplied `restore`. When it didn't, history is\n   * browse-and-preview only, so the confirm action does not render at all\n   * rather than rendering disabled — the same discipline saved blocks uses.\n   */\n  canRestore: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t } = useI18n();\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    data-testid=\"version-preview-banner\"\n    role=\"status\"\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>{{ t.versionPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        :class=\"ghostBtnClass\"\n        style=\"background-color: transparent\"\n        data-testid=\"version-preview-cancel\"\n        @click=\"emit('cancel')\"\n      >\n        {{ t.versionPreview.cancel }}\n      </button>\n      <button\n        v-if=\"canRestore\"\n        :class=\"primaryBtnClass\"\n        data-testid=\"version-preview-restore\"\n        @click=\"emit('confirm')\"\n      >\n        {{ t.versionPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ghostBtnClass, primaryBtnClass } from \"../constants/styleConstants\";\n/**\n * Shown while a past version is on the canvas instead of the user's own work.\n * Cancel puts the pre-preview content back; Restore makes the version current.\n *\n * Lives outside `src/cloud/` because version history is a BYO provider, not a\n * Cloud feature — a consumer's own `versionHistory` provider drives this banner\n * with no Cloud involved.\n */\nimport { Clock } from \"@lucide/vue\";\nimport { useI18n } from \"../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n  /**\n   * Whether the provider supplied `restore`. When it didn't, history is\n   * browse-and-preview only, so the confirm action does not render at all\n   * rather than rendering disabled — the same discipline saved blocks uses.\n   */\n  canRestore: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t } = useI18n();\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    data-testid=\"version-preview-banner\"\n    role=\"status\"\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>{{ t.versionPreview.message }}</span>\n    </div>\n    <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n      <button\n        :class=\"ghostBtnClass\"\n        style=\"background-color: transparent\"\n        data-testid=\"version-preview-cancel\"\n        @click=\"emit('cancel')\"\n      >\n        {{ t.versionPreview.cancel }}\n      </button>\n      <button\n        v-if=\"canRestore\"\n        :class=\"primaryBtnClass\"\n        data-testid=\"version-preview-restore\"\n        @click=\"emit('confirm')\"\n      >\n        {{ t.versionPreview.restore }}\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,IAAM,IAAO,GAKP,EAAE,SAAM,EAAQ;mBAKZ,EAAA,WADR,EAAA,GAAA,EAkCM,OAlCN,GAkCM,CA5BJ,EASM,OATN,GASM,CANJ,EAIE,EAAA,CAAA,GAAA;GAHC,MAAM;GACN,gBAAc;GACf,OAAM;EAER,CAAA,GAAA,EAA2C,QAAA,MAAA,EAAlC,EAAA,CAAA,CAAC,CAAC,eAAe,OAAO,GAAA,CAAA,CAAA,CAAA,GAEnC,EAiBM,OAjBN,GAiBM,CAhBJ,EAOS,UAAA;GANN,OAAK,EAAE,EAAA,CAAA,CAAa;GACrB,OAAA,EAAA,oBAAA,cAAA;GACA,eAAY;GACX,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,QAAA;EAET,GAAA,EAAA,EAAA,CAAA,CAAC,CAAC,eAAe,MAAM,GAAA,CAAA,GAGpB,EAAA,cADR,EAAA,GAAA,EAOS,UAAA;;GALN,OAAK,EAAE,EAAA,CAAA,CAAe;GACvB,eAAY;GACX,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;EAET,GAAA,EAAA,EAAA,CAAA,CAAC,CAAC,eAAe,OAAO,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/cdn/chunks/{blockTypeIcons-A9qFb1cR.js → blockTypeIcons-D8dtoELC.js}

@@ -1,4 +1,4 @@
-import { A as e, Dt as t, G as n, Ot as r, V as i, W as a, X as o, Z as s, et as c, f as l, ft as u, mt as d, v as f } from "./icons-Dl5bcXmT.js";
+import { A as e, Dt as t, G as n, Ot as r, V as i, W as a, X as o, Z as s, et as c, f as l, ft as u, mt as d, v as f } from "./icons-BrdgOeXm.js";
 //#region src/utils/blockTypeIcons.ts
 var p = {
 	section: t,
@@ -18,4 +18,4 @@ var p = {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=blockTypeIcons-A9qFb1cR.js.map
+//# sourceMappingURL=blockTypeIcons-D8dtoELC.js.map

package/dist/cdn/chunks/{blockTypeIcons-A9qFb1cR.js.map → blockTypeIcons-D8dtoELC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"blockTypeIcons-A9qFb1cR.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;AAiBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;AACR"}
+{"version":3,"file":"blockTypeIcons-D8dtoELC.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;AAiBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;AACR"}

package/dist/cdn/chunks/{createCloudRuntime-DYDf_-rN.js → createCloudRuntime-CedWXagq.js}

@@ -53,7 +53,7 @@ function E(e) {
 		let t = f(e);
 		if (t) return s?.(t), null;
 		try {
-			let { MediaApiClient: t } = await import("./src-BDUi-9js.js");
+			let { MediaApiClient: t } = await import("./src-BS2ClsbB.js");
 			return l(await new t(a).uploadMedia(e));
 		} catch (e) {
 			return s?.(e), null;
@@ -341,4 +341,4 @@ async function k(r) {
 //#endregion
 export { k as bootstrapCloud };
 
-//# sourceMappingURL=createCloudRuntime-DYDf_-rN.js.map
+//# sourceMappingURL=createCloudRuntime-CedWXagq.js.map

package/dist/cdn/chunks/{createCloudRuntime-DYDf_-rN.js.map → createCloudRuntime-CedWXagq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"createCloudRuntime-DYDf_-rN.js","names":[],"sources":["../../../src/cloud/composables/useCloudFeatureFlags.ts","../../../src/cloud/composables/useCloudMediaLibrary.ts","../../../src/cloud/composables/useCloudPanelState.ts","../../../src/cloud/composables/useCloudSaveGate.ts","../../../src/cloud/composables/useCollabUndoWarning.ts","../../../src/cloud/collectSavedBlockIds.ts","../../../src/cloud/createCloudRuntime.ts"],"sourcesContent":["import { computed, type ComputedRef } from \"vue\";\nimport type {\n  UsePlanConfigReturn,\n  UseAiConfigReturn,\n} from \"@templatical/core/cloud\";\n\nexport interface UseCloudFeatureFlagsOptions {\n  planConfigInstance: UsePlanConfigReturn;\n  aiConfig: UseAiConfigReturn;\n  /** The loaded template's id, or `null` before one exists. */\n  getTemplateId: () => string | null;\n}\n\nexport interface UseCloudFeatureFlagsReturn {\n  canUseAiGeneration: ComputedRef<boolean>;\n  canSendTestEmail: ComputedRef<boolean>;\n  hasTemplateSaved: ComputedRef<boolean>;\n  templateLimit: ComputedRef<number | null>;\n  templateCount: ComputedRef<number>;\n}\n\n/**\n * Every entitlement check Cloud makes, in one place.\n *\n * The containment rule this exists for: entitlement checks go through here,\n * never inline in a component and never across a package boundary. With five\n * plan features left there is little excuse to break it.\n *\n * Save status is deliberately not here — it lives on `useTemplatesFeature`, which\n * the one shared header reads, and was never an entitlement. Footer branding is\n * likewise not gated: `config.branding !== false` decides it on any plan.\n */\nexport function useCloudFeatureFlags(\n  options: UseCloudFeatureFlagsOptions,\n): UseCloudFeatureFlagsReturn {\n  const { planConfigInstance, aiConfig, getTemplateId } = 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(() => getTemplateId() !== null);\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  return {\n    canUseAiGeneration,\n    canSendTestEmail,\n    hasTemplateSaved,\n    templateLimit,\n    templateCount,\n  };\n}\n","import { onScopeDispose, type Ref } from \"vue\";\nimport type {\n  MediaCategory,\n  MediaConfig,\n  MediaItem,\n  MediaRequestContext,\n} from \"@templatical/media-library\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaResult } from \"@templatical/types\";\n\nexport interface UseCloudMediaLibraryOptions {\n  onRequestMedia?: (context: MediaRequestContext) => Promise<MediaItem | null>;\n  mediaLibraryOpen: Ref<boolean>;\n  mediaLibraryAccept: Ref<MediaCategory[] | undefined>;\n  /** Auth used by the built-in drag-and-drop upload (#229). */\n  authManager: AuthManager;\n  /**\n   * Active plan's media config, read at upload time for a client-side\n   * pre-check (MIME + size) before hitting the network. Returns `null` until\n   * the plan config has loaded; the server stays the authoritative validator.\n   */\n  getMediaConfig?: () => MediaConfig | null;\n  /** Surface upload/validation failures to the consumer's error handler. */\n  onError?: (error: Error) => void;\n}\n\nexport interface UseCloudMediaLibraryReturn {\n  handleRequestMedia: (\n    context?: MediaRequestContext,\n  ) => Promise<MediaResult | null>;\n  handleMediaSelect: (item: MediaItem) => void;\n  handleMediaLibraryClose: () => void;\n}\n\nexport function useCloudMediaLibrary(\n  options: UseCloudMediaLibraryOptions,\n): UseCloudMediaLibraryReturn {\n  const {\n    onRequestMedia,\n    mediaLibraryOpen,\n    mediaLibraryAccept,\n    authManager,\n    getMediaConfig,\n    onError,\n  } = options;\n\n  let mediaResolve: ((result: MediaResult | null) => void) | null = null;\n\n  function toMediaResult(item: MediaItem): MediaResult {\n    return { url: item.url, alt: item.alt_text || undefined };\n  }\n\n  async function handleRequestMedia(\n    context?: MediaRequestContext,\n  ): Promise<MediaResult | null> {\n    const accept = context?.accept ?? [\"images\"];\n\n    // Drag-and-drop upload path (#229). A dropped file is forwarded to a\n    // consumer handler if one is configured; otherwise it's uploaded directly\n    // to the cloud and the resulting media item becomes the block's image.\n    if (context?.files?.length) {\n      if (onRequestMedia) {\n        const item = await onRequestMedia({ accept, files: context.files });\n        return item ? toMediaResult(item) : null;\n      }\n      return uploadDroppedFile(context.files[0]);\n    }\n\n    // If consumer provides a custom media handler, use it.\n    if (onRequestMedia) {\n      const item = await onRequestMedia({ accept });\n      return item ? toMediaResult(item) : null;\n    }\n\n    // Otherwise open the built-in media library. If a previous request\n    // is still pending (e.g. consumer fired two requests back-to-back),\n    // settle it with null so its caller doesn't hang forever.\n    if (mediaResolve) {\n      mediaResolve(null);\n      mediaResolve = null;\n    }\n    mediaLibraryAccept.value = accept;\n    mediaLibraryOpen.value = true;\n    return new Promise<MediaResult | null>((resolve) => {\n      mediaResolve = (result) => {\n        resolve(result);\n      };\n    });\n  }\n\n  async function uploadDroppedFile(file: File): Promise<MediaResult | null> {\n    const validationError = validateFile(file);\n    if (validationError) {\n      onError?.(validationError);\n      return null;\n    }\n    try {\n      // media-library is an optional, cloud-only peer — import lazily so OSS\n      // bundles never pull it in. Cloud consumers always have it installed.\n      const { MediaApiClient } = await import(\"@templatical/media-library\");\n      const item = await new MediaApiClient(authManager).uploadMedia(file);\n      return toMediaResult(item);\n    } catch (error) {\n      onError?.(error as Error);\n      return null;\n    }\n  }\n\n  function validateFile(file: File): Error | null {\n    const media = getMediaConfig?.() ?? null;\n    if (!media) return null; // config not loaded yet → defer to server.\n    const acceptedTypes = media.categories?.images?.mime_types ?? [];\n    if (acceptedTypes.length > 0 && !acceptedTypes.includes(file.type)) {\n      return new Error(\n        `Unsupported image type: ${file.type || \"unknown\"}. Accepted: ${acceptedTypes.join(\", \")}.`,\n      );\n    }\n    if (media.max_file_size > 0 && file.size > media.max_file_size) {\n      return new Error(\n        `Image is too large (${file.size} bytes). Maximum allowed is ${media.max_file_size} bytes.`,\n      );\n    }\n    return null;\n  }\n\n  function handleMediaSelect(item: MediaItem): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.(toMediaResult(item));\n    mediaResolve = null;\n  }\n\n  function handleMediaLibraryClose(): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.(null);\n    mediaResolve = null;\n  }\n\n  onScopeDispose(() => {\n    if (mediaResolve) {\n      mediaResolve(null);\n      mediaResolve = null;\n    }\n  });\n\n  return {\n    handleRequestMedia,\n    handleMediaSelect,\n    handleMediaLibraryClose,\n  };\n}\n","import { computed, 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  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 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    mediaLibraryOpen,\n    mediaLibraryAccept,\n    aiMenuOpen,\n    aiMenuRef,\n    rightPanelOpen,\n    activeAiFeature,\n    aiButtonActive,\n    toggleAiMenu,\n    handleAiFeatureSelect,\n  };\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  /**\n   * Runs the save only when the gate would not block, and does **nothing** when\n   * it would — no modal, no save, nothing pending. Returns whether it ran.\n   *\n   * This is the autosave path. A modal on a debounce timer would interrupt\n   * typing, but simply saving anyway would demote `blockOnError` from a server\n   * policy to a manual-save-only speed bump. Skipping leaves the template dirty\n   * and the header saying \"unsaved\", which is true, and the reason stays visible\n   * in the Issues panel. The next edit re-arms the debounce, so fixing the issue\n   * is what lets the save through — no retry timer needed.\n   */\n  runUnlessBlocked: (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 runUnlessBlocked(\n    run: () => Promise<unknown> | unknown,\n  ): Promise<boolean> {\n    if (shouldBlock.value) return false;\n    await run();\n    return true;\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    runUnlessBlocked,\n    confirmAndSave,\n    cancel,\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","/**\n * Just enough of a stored template to walk its ids — deliberately structural\n * rather than `Template`, because the caller reads `editor.state`, which is\n * `DeepReadonly` and so not assignable to the mutable contract type.\n */\ninterface SavedBlockIdSource {\n  content?: {\n    blocks?: readonly {\n      id: string;\n      type: string;\n      children?: readonly (readonly { id: string }[])[];\n    }[];\n  };\n}\n\n/**\n * Every block id present in the **stored** template, sections' children\n * included.\n *\n * This is the last thing the deleted Cloud editor core carried over the OSS one\n * (`savedBlockIds`), and it never belonged there: its only reader gates a\n * comment filter on whether the block exists server-side, which makes it a\n * *comments* dependency. It travels with that feature accordingly, and reaches\n * `CommentsSidebar` through `capabilities.comments.isBlockSaved`.\n *\n * Derived on demand rather than memoised: `state.template` only changes on a\n * create / load / save round-trip, and the one caller runs on a user filtering\n * the comments panel.\n */\nexport function collectSavedBlockIds(\n  template: SavedBlockIdSource | null | undefined,\n): Set<string> {\n  const ids = new Set<string>();\n  const blocks = template?.content?.blocks;\n  if (!blocks) return ids;\n\n  for (const block of blocks) {\n    ids.add(block.id);\n    if (block.type === \"section\" && block.children) {\n      for (const column of block.children) {\n        for (const child of column) {\n          ids.add(child.id);\n        }\n      }\n    }\n  }\n  return ids;\n}\n","import { computed, provide, ref, watch } from \"vue\";\nimport {\n  AuthManager,\n  isFatalAuthError,\n  performHealthCheck,\n  useAiConfig,\n  useCollaboration,\n  useCollaborationBroadcast,\n  useExport,\n  useMcpListener,\n  usePlanConfig,\n  resolveExportFonts,\n  resolveWebSocketConfig,\n  createCloudCommentsProvider,\n  createCloudRenderProvider,\n  createCloudSavedBlocksProvider,\n  createCloudTemplatesProvider,\n  createCloudTestEmailProvider,\n  createCloudVersionHistoryProvider,\n  useTemplateScoring,\n  useTestEmail,\n  useWebSocket,\n  type RealtimeChannel,\n} from \"@templatical/core/cloud\";\nimport type { UseEditorReturn } from \"@templatical/core\";\nimport type {\n  CommentsProvider,\n  EditorUser,\n  RenderProvider,\n  SavedBlocksProvider,\n  Template,\n  TemplateContent,\n  TemplatePatch,\n  TemplatesProvider,\n  TestEmailProvider,\n  VersionHistoryProvider,\n} from \"@templatical/types\";\n\nimport type { CloudTranslations } from \"../i18n\";\nimport { preRenderCustomBlocks } from \"../utils/preRenderCustomBlocks\";\nimport { logger } from \"../utils/logger\";\nimport type { UseEditorCoreReturn } from \"../composables/useEditorCore\";\nimport {\n  AI_CONFIG_KEY,\n  AUTH_MANAGER_KEY,\n  CLOUD_TRANSLATIONS_KEY,\n  SCORING_KEY,\n} from \"../keys\";\n\nimport { useCloudFeatureFlags } from \"./composables/useCloudFeatureFlags\";\nimport {\n  useCloudMediaLibrary,\n  type UseCloudMediaLibraryReturn,\n} from \"./composables/useCloudMediaLibrary\";\nimport { useCloudPanelState } from \"./composables/useCloudPanelState\";\nimport {\n  useCloudSaveGate,\n  type UseCloudSaveGateReturn,\n} from \"./composables/useCloudSaveGate\";\nimport {\n  useCollabUndoWarning,\n  type UseCollabUndoWarningReturn,\n} from \"./composables/useCollabUndoWarning\";\nimport { collectSavedBlockIds } from \"./collectSavedBlockIds\";\nimport type {\n  CloudAttachContext,\n  CloudAttachment,\n  CloudCollaborationInstance,\n  CloudReady,\n  CloudReadyContext,\n  CloudRuntime,\n} from \"./runtime\";\nimport type { TemplaticalCloudEditorConfig } from \"./cloudConfig\";\n\nexport interface BootstrapCloudOptions {\n  config: TemplaticalCloudEditorConfig;\n  cloudTranslations: CloudTranslations;\n}\n\n/**\n * What {@link bootstrapCloud} hands back: a set of ordinary `init()` config\n * values, plus the runtime for the few things that must run inside the editor\n * component's `setup()`.\n */\nexport interface CloudBootstrap {\n  runtime: CloudRuntime;\n  providers: {\n    templates: TemplatesProvider;\n    render: RenderProvider;\n    versionHistory: VersionHistoryProvider;\n    /** Absent when `savedBlocks: false` — the feature is then off entirely. */\n    savedBlocks?: SavedBlocksProvider;\n    testEmail: TestEmailProvider;\n    comments: CommentsProvider;\n  };\n  /**\n   * Who is editing, from the JWT — `init({ user })`'s value for a Cloud session.\n   *\n   * `undefined` when the project's token carries no `user` claim, which makes\n   * comments unavailable rather than anonymous. Not a key `initCloud()` accepts:\n   * Cloud's comment writes are signed against this same claim, so a\n   * consumer-supplied identity would only be able to disagree with it.\n   */\n  user?: EditorUser;\n}\n\n/**\n * Cloud's bootstrap and adapter wiring, in one place, run **before the editor\n * mounts**.\n *\n * This replaces `useCloudInitialization`, which owned a second `useEditor`, a\n * second `useEditorCore` and a post-mount async dance with its own loading and\n * error states. The dance is gone: auth, the health check and the plan fetch all\n * resolve here, and a failure rejects `initCloud()` rather than mounting an\n * editor that cannot work. What is left is adapter construction.\n *\n * Two things deliberately stay Cloud-only:\n *\n * - **Entitlements.** In an all-BYO world there are no plans, so `planConfig` is\n *   Cloud's commercial layer above the provider set rather than a provider\n *   itself. It is down to five booleans, each metering a resource Cloud buys.\n * - **Mid-session failure.** `init()` cannot fail after it mounts and should not\n *   grow the ability, so the error overlay lives on this side of the seam.\n */\nexport async function bootstrapCloud(\n  options: BootstrapCloudOptions,\n): Promise<CloudBootstrap> {\n  const { config, cloudTranslations } = options;\n\n  // --- Late-bound editor access ---------------------------------------------\n  //\n  // The providers below are built before there is an editor to read. Each\n  // reaches it through these holders, filled by `attach()` / `ready()` — which is\n  // what lets them be handed to `init()` as ordinary config keys.\n  let editorRef: UseEditorReturn | null = null;\n  let coreRef: UseEditorCoreReturn | null = null;\n  let websocketRef: ReturnType<typeof useWebSocket> | null = null;\n  let mediaLibRef: UseCloudMediaLibraryReturn | null = null;\n  let collaboration: CloudCollaborationInstance | null = null;\n  let collabWarning: UseCollabUndoWarningReturn | null = null;\n  let saveGate: UseCloudSaveGateReturn | null = null;\n\n  const sessionError = ref<Error | null>(null);\n  const lockedBlocks = ref<Map<string, unknown>>(new Map());\n  /**\n   * Cloud's presence channel, forward-declared for the comments adapter's\n   * `subscribe`. `useWebSocket` can only be built in `attach()` (it needs the\n   * editor), while the provider is handed to `init()` before that — so the adapter\n   * watches this and rebinds when the real channel lands.\n   */\n  const commentChannel = ref<RealtimeChannel | null>(null);\n\n  function requireEditor(): UseEditorReturn {\n    if (!editorRef) {\n      throw new Error(\"[Templatical] The Cloud editor is not mounted yet.\");\n    }\n    return editorRef;\n  }\n\n  function getTemplateId(): string | null {\n    return editorRef?.state.template?.id ?? null;\n  }\n\n  // --- Auth + plan ----------------------------------------------------------\n\n  const authManager = new AuthManager({\n    ...config.auth,\n    // Only a *fatal* refusal raises the overlay. A 4xx means the endpoint\n    // rejected the credentials, so every subsequent request fails the same way\n    // and the session really is over. A network blip or a 5xx resolves on its\n    // own, and blanking a mounted editor over one interrupts someone mid-edit on\n    // a template that is probably unsaved — a worse outcome than the blip.\n    //\n    // The consumer hears about both: `onError` fires either way, and\n    // `AuthManager` re-throws regardless, so a caller that cannot proceed still\n    // finds out.\n    onError: (error: Error) => {\n      if (isFatalAuthError(error)) {\n        sessionError.value = error;\n      }\n      config.onError?.(error);\n    },\n  });\n\n  const planConfigInstance = usePlanConfig({\n    authManager,\n    onError: config.onError,\n  });\n\n  await authManager.initialize();\n\n  const healthResult = await performHealthCheck({ authManager });\n  if (!healthResult.api.ok) {\n    throw new Error(\"Health check failed: API is not reachable\");\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  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\n  // The bootstrap itself is what the overlay would have covered, and it just\n  // succeeded — so anything `onError` recorded on the way here is stale.\n  sessionError.value = null;\n\n  // --- Rejected consumer keys ----------------------------------------------\n  //\n  // None is declared on `TemplaticalCloudEditorConfig`, so these only fire for\n  // JavaScript consumers — warned rather than silently dropped, because the\n  // symptom (a store that stays empty while Cloud's fills up) reads as a broken\n  // provider rather than a rejected one.\n  if ((config as { templates?: unknown }).templates) {\n    logger.warn(\n      \"initCloud does not accept a `templates` provider — the template id is \" +\n        \"the join key for collaboration, version history, comments, AI rewrite, \" +\n        \"scoring and the server-side export, so an id Cloud never issued would \" +\n        \"degrade all six. The supplied provider is ignored. Use init() to bring \" +\n        \"your own.\",\n    );\n  }\n  if ((config as { versionHistory?: unknown }).versionHistory) {\n    logger.warn(\n      \"initCloud does not accept a `versionHistory` provider — a version is \" +\n        \"keyed to a template id Cloud issued, so Cloud owns its history. The \" +\n        \"supplied provider is ignored. Use init() to bring your own.\",\n    );\n  }\n  if ((config as { comments?: unknown }).comments) {\n    logger.warn(\n      \"initCloud does not accept a `comments` provider — a comment is keyed to \" +\n        \"a template id Cloud issued, and its author is signed by the auth token, \" +\n        \"so Cloud owns the conversation. The supplied provider is ignored. Use \" +\n        \"init() to bring your own.\",\n    );\n  }\n  // Rejected for a different reason than the three above: not the join key, but\n  // because Cloud renders on its own for test email, scheduled sends and API\n  // exports (`createCloudTestEmailProvider` calls `exportHtml` directly). A\n  // consumer provider would have changed `toMjml()` / `toHtml()` and nothing\n  // else, so what the user previewed and exported was not what Cloud delivered —\n  // and Cloud's output is a deliberate superset (countdown GIFs, composited video\n  // thumbnails), so the consumer's was also worse for those blocks.\n  if ((config as { render?: unknown }).render) {\n    logger.warn(\n      \"initCloud does not accept a `render` provider — Cloud renders \" +\n        \"server-side for test email, sends and exports, so a supplied renderer \" +\n        \"would change only what you preview and export, never what Cloud \" +\n        \"delivers. The supplied provider is ignored. For your own MJML, call \" +\n        \"renderToMjml(editor.getContent()) from @templatical/renderer.\",\n    );\n  }\n\n  // --- Providers ------------------------------------------------------------\n\n  function connectRealtime(template: Template): void {\n    const websocketConfig = planConfigInstance.config.value?.websocket;\n    if (!websocketRef || !websocketConfig) return;\n    websocketRef.connect(template.id, resolveWebSocketConfig(websocketConfig));\n  }\n\n  const baseTemplates = createCloudTemplatesProvider(authManager);\n  const baseCreate = baseTemplates.create;\n  const baseSave = baseTemplates.save;\n\n  /**\n   * Cloud's templates adapter plus the choreography the template id anchors: the\n   * websocket joins the template's presence channel, and the consumer's\n   * `onCreate` / `onLoad` fire.\n   *\n   * That choreography belongs in the adapter rather than in an editor-side\n   * lifecycle composable, because it *is* adapter business — Cloud is what keys\n   * realtime off the id it issued. `useCloudLifecycle` existed only to hold it.\n   *\n   * `save` pre-renders custom blocks, which is why it is wrapped too.\n   */\n  const templates: TemplatesProvider = {\n    load: async (id: string) => {\n      const template = await baseTemplates.load(id);\n      connectRealtime(template);\n      config.onLoad?.(template);\n      return template;\n    },\n    create:\n      typeof baseCreate === \"function\"\n        ? async (input: { name?: string; content: TemplateContent }) => {\n            const template = await baseCreate(input);\n            connectRealtime(template);\n            config.onCreate?.(template);\n            return template;\n          }\n        : false,\n    save:\n      typeof baseSave === \"function\"\n        ? async (id: string, patch: TemplatePatch) => {\n            if (coreRef && editorRef) {\n              await preRenderCustomBlocks(\n                editorRef.content.value,\n                coreRef.registry,\n              );\n            }\n            return baseSave(id, patch);\n          }\n        : false,\n  };\n\n  // Always Cloud's — see the rejected-keys block above. Cloud renders\n  // independently for delivery, so a second renderer could only disagree with it.\n  const render: RenderProvider = createCloudRenderProvider({\n    authManager,\n    getTemplateId,\n    // Plain `editor.save()`: the templates adapter below already pre-renders\n    // custom blocks on every save, which is exactly what the render endpoint\n    // needs, since it exports from the stored copy rather than from\n    // `payload.content`.\n    save: () => requireEditor().save(),\n  });\n\n  const versionHistory = createCloudVersionHistoryProvider(authManager);\n\n  // Realtime is the adapter's own business: `subscribe` binds the presence channel\n  // above, so `useCommentListener` in `@templatical/core` never learns that Pusher\n  // exists and a BYO provider with an SSE stream slots into the same seam.\n  const comments = createCloudCommentsProvider({\n    authManager,\n    channel: commentChannel,\n    getSocketId: () => websocketRef?.getSocketId() ?? null,\n  });\n\n  // From the JWT, not from config. Cloud signs comment writes against this same\n  // claim, so a consumer-supplied identity could only disagree with it — and a\n  // token without the claim leaves comments unavailable rather than anonymous.\n  const cloudUser: EditorUser | undefined = authManager.userConfig\n    ? { id: authManager.userConfig.id, name: authManager.userConfig.name }\n    : undefined;\n\n  // A consumer may pass their own store instead of a boolean, in which case it\n  // replaces Cloud's. That path is deliberately NOT plan-gated: `saved_modules`\n  // licenses Cloud's *storage*, and someone else's backend isn't Cloud's to sell.\n  const consumerSavedBlocks =\n    typeof config.savedBlocks === \"object\" && config.savedBlocks !== null\n      ? config.savedBlocks\n      : null;\n  const savedBlocks: SavedBlocksProvider | undefined =\n    config.savedBlocks === false\n      ? undefined\n      : (consumerSavedBlocks ?? createCloudSavedBlocksProvider(authManager));\n\n  // Cloud's test-email *config* — plan enablement plus the signed allowlist, both\n  // carried by the JWT `authManager.initialize()` already resolved above. Hence\n  // the constant `isAuthReady`: there is no window where it is false.\n  const testEmailConfig = useTestEmail({\n    authManager,\n    isAuthReady: ref(true),\n  });\n\n  // Cloud's own send path renders through the export endpoint directly: the\n  // adapter derives HTML from the *saved* template and applies\n  // `onBeforeTestEmail` to it, which is a narrower job than the render contract.\n  const exporter = useExport({ authManager });\n\n  const consumerTestEmail = config.testEmail ?? null;\n  const testEmail: TestEmailProvider =\n    consumerTestEmail ??\n    createCloudTestEmailProvider({\n      authManager,\n      getTemplateId,\n      save: () => requireEditor().save(),\n      exportHtml: (templateId: string) =>\n        exporter.exportHtml(templateId, resolveExportFonts(config.fonts)),\n      allowedEmails: testEmailConfig.allowedEmails,\n      getSignature: testEmailConfig.getSignature,\n      onBeforeTestEmail: config.onBeforeTestEmail,\n    });\n\n  // --- Setup-time wiring ----------------------------------------------------\n\n  const aiConfig = useAiConfig(config.ai);\n  const scoringInstance = useTemplateScoring({ authManager, getTemplateId });\n\n  const featureFlags = useCloudFeatureFlags({\n    planConfigInstance,\n    aiConfig,\n    getTemplateId,\n  });\n\n  const isCollaborationEnabled = computed(\n    () =>\n      !!config.collaboration?.enabled &&\n      planConfigInstance.hasFeature(\"collaboration\"),\n  );\n\n  function attach(context: CloudAttachContext): CloudAttachment {\n    const editor = context.editor;\n    editorRef = editor;\n\n    provide(CLOUD_TRANSLATIONS_KEY, cloudTranslations);\n    provide(AUTH_MANAGER_KEY, authManager);\n    provide(AI_CONFIG_KEY, aiConfig);\n    provide(SCORING_KEY, scoringInstance);\n\n    const websocket = useWebSocket({ authManager, onError: config.onError });\n    websocketRef = websocket;\n\n    // Feeds the comments adapter's `subscribe`, which was handed to `init()` before\n    // this socket existed.\n    watch(\n      websocket.channel,\n      (channel) => {\n        commentChannel.value = channel;\n      },\n      { immediate: true },\n    );\n\n    if (config.mcp?.enabled) {\n      useMcpListener({\n        editor,\n        channel: websocket.channel,\n        onOperation: config.mcp.onOperation,\n      });\n    }\n\n    // Order matters: the broadcast wrapper replaces the editor's mutators so they\n    // publish to peers, and `useEditorCore`'s history interceptor then wraps them\n    // again to push history entries. Reversing it would push history for remote\n    // operations and drift the two peers apart.\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 CloudCollaborationInstance;\n\n      watch(\n        () => collaboration!.lockedBlocks.value,\n        (next) => {\n          lockedBlocks.value = next;\n        },\n        { immediate: true },\n      );\n\n      useCollaborationBroadcast(editor, collaboration);\n    }\n\n    const panelState = useCloudPanelState();\n\n    const mediaLib = useCloudMediaLibrary({\n      onRequestMedia: config.onRequestMedia,\n      mediaLibraryOpen: panelState.mediaLibraryOpen,\n      mediaLibraryAccept: panelState.mediaLibraryAccept,\n      authManager,\n      getMediaConfig: () => planConfigInstance.config.value?.media ?? null,\n      onError: config.onError,\n    });\n    mediaLibRef = mediaLib;\n\n    return {\n      websocket,\n      panelState,\n      mediaLib,\n      // Handed to `MediaLibraryModal` as props by `CloudPanels`. A bare-string\n      // injection would resolve to `undefined` silently; see\n      // `CloudMediaBrowserContext`.\n      mediaBrowser: {\n        authManager,\n        projectId: authManager.projectId,\n        planConfig: planConfigInstance,\n      },\n      featureFlags,\n      collaboration,\n      isCollaborationEnabled,\n    };\n  }\n\n  function ready(context: CloudReadyContext): CloudReady {\n    const { core, capabilities } = context;\n    coreRef = core;\n\n    saveGate = useCloudSaveGate({\n      issues: core.templateLint ? core.templateLint.issues : ref([]),\n      planConfig: planConfigInstance.config,\n    });\n\n    collabWarning = useCollabUndoWarning({\n      isCollaborationEnabled,\n      getCollaboratorCount: () =>\n        collaboration?.collaborators.value.length ?? 0,\n      canUndo: core.history.canUndo,\n    });\n\n    // Mutated in place rather than re-provided: `useEditorCore` already provided\n    // this exact object, so components injecting it see Cloud's entries on their\n    // first render. Same pattern `versionHistory` uses in `Editor.vue`.\n    //\n    // `capabilities.comments` is *not* set here any more: comments became a shared\n    // provider-backed feature, so `Editor.vue` builds the capability from\n    // `useCommentsFeature` exactly as it does for saved blocks and test email, and\n    // Cloud contributes only the two predicates below.\n    capabilities.plan = planConfigInstance;\n    capabilities.ai = aiConfig;\n\n    // Registered unconditionally. `custom_blocks` and `theme_customization` used\n    // to gate these — entitlements on editor capability the free editor grants,\n    // and the only two things `applyPlanGates` would ever have had to do.\n    if (config.customBlocks?.length) {\n      core.registerCustomBlocks(config.customBlocks);\n    }\n    if (config.theme) {\n      core.themeOverrides.value = config.theme;\n    }\n\n    return {\n      saveGate,\n      collabWarning,\n      sessionError,\n      retry: async () => {\n        try {\n          await authManager.initialize();\n          sessionError.value = null;\n        } catch (error) {\n          sessionError.value =\n            error instanceof Error ? error : new Error(\"Authentication failed\");\n        }\n      },\n    };\n  }\n\n  const runtime: CloudRuntime = {\n    lockedBlocks,\n    onRequestMedia: (context) =>\n      mediaLibRef\n        ? mediaLibRef.handleRequestMedia(context)\n        : Promise.resolve(null),\n    isSavedBlocksAvailable: consumerSavedBlocks\n      ? () => true\n      : () =>\n          config.savedBlocks !== false &&\n          planConfigInstance.hasFeature(\"saved_modules\"),\n    isTestEmailAvailable: consumerTestEmail\n      ? // Their sender, their rules — the `test_email` plan feature licenses\n        // Cloud's sending, and \"the template must be saved\" is a constraint of\n        // Cloud's server-side render, not of an arbitrary backend.\n        () => true\n      : // All three matter and none implies another: the plan may grant the\n        // feature while the project's token omits a recipient config, and Cloud\n        // renders from the *saved* template so there must be one.\n        () =>\n          testEmailConfig.isEnabled.value &&\n          featureFlags.canSendTestEmail.value &&\n          featureFlags.hasTemplateSaved.value,\n    // Three conditions, none implying another: the consumer may switch the feature\n    // off, the plan meters comment storage and its realtime fan-out, and Cloud\n    // anchors a comment to the *saved* template. (Whether a `user` exists is the\n    // shared feature's own gate, not Cloud's.)\n    isCommentsAvailable: () =>\n      config.commenting !== false &&\n      planConfigInstance.hasFeature(\"commenting\") &&\n      featureFlags.hasTemplateSaved.value,\n    // A comment is anchored server-side, so a block that exists only on the canvas\n    // has nothing stored to show. This is the last thing the deleted cloud editor\n    // core carried (`savedBlockIds`), and it was always a comments concern rather\n    // than an editor one.\n    isBlockSaved: (blockId: string) =>\n      collectSavedBlockIds(editorRef?.state.template ?? null).has(blockId),\n    getSaveGate: () => saveGate,\n    isRemoteOperation: () =>\n      collaboration?._isProcessingRemoteOperation() ?? false,\n    onBeforeUndo: () => collabWarning?.showCollabUndoWarning(),\n    attach,\n    ready,\n    destroy() {\n      websocketRef?.disconnect();\n      config.onUnmount?.();\n    },\n  };\n\n  return {\n    runtime,\n    providers: {\n      templates,\n      render,\n      versionHistory,\n      ...(savedBlocks ? { savedBlocks } : {}),\n      testEmail,\n      comments,\n    },\n    user: cloudUser,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createCloudRuntime-CedWXagq.js","names":[],"sources":["../../../src/cloud/composables/useCloudFeatureFlags.ts","../../../src/cloud/composables/useCloudMediaLibrary.ts","../../../src/cloud/composables/useCloudPanelState.ts","../../../src/cloud/composables/useCloudSaveGate.ts","../../../src/cloud/composables/useCollabUndoWarning.ts","../../../src/cloud/collectSavedBlockIds.ts","../../../src/cloud/createCloudRuntime.ts"],"sourcesContent":["import { computed, type ComputedRef } from \"vue\";\nimport type {\n  UsePlanConfigReturn,\n  UseAiConfigReturn,\n} from \"@templatical/core/cloud\";\n\nexport interface UseCloudFeatureFlagsOptions {\n  planConfigInstance: UsePlanConfigReturn;\n  aiConfig: UseAiConfigReturn;\n  /** The loaded template's id, or `null` before one exists. */\n  getTemplateId: () => string | null;\n}\n\nexport interface UseCloudFeatureFlagsReturn {\n  canUseAiGeneration: ComputedRef<boolean>;\n  canSendTestEmail: ComputedRef<boolean>;\n  hasTemplateSaved: ComputedRef<boolean>;\n  templateLimit: ComputedRef<number | null>;\n  templateCount: ComputedRef<number>;\n}\n\n/**\n * Every entitlement check Cloud makes, in one place.\n *\n * The containment rule this exists for: entitlement checks go through here,\n * never inline in a component and never across a package boundary. With five\n * plan features left there is little excuse to break it.\n *\n * Save status is deliberately not here — it lives on `useTemplatesFeature`, which\n * the one shared header reads, and was never an entitlement. Footer branding is\n * likewise not gated: `config.branding !== false` decides it on any plan.\n */\nexport function useCloudFeatureFlags(\n  options: UseCloudFeatureFlagsOptions,\n): UseCloudFeatureFlagsReturn {\n  const { planConfigInstance, aiConfig, getTemplateId } = 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(() => getTemplateId() !== null);\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  return {\n    canUseAiGeneration,\n    canSendTestEmail,\n    hasTemplateSaved,\n    templateLimit,\n    templateCount,\n  };\n}\n","import { onScopeDispose, type Ref } from \"vue\";\nimport type {\n  MediaCategory,\n  MediaConfig,\n  MediaItem,\n  MediaRequestContext,\n} from \"@templatical/media-library\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaResult } from \"@templatical/types\";\n\nexport interface UseCloudMediaLibraryOptions {\n  onRequestMedia?: (context: MediaRequestContext) => Promise<MediaItem | null>;\n  mediaLibraryOpen: Ref<boolean>;\n  mediaLibraryAccept: Ref<MediaCategory[] | undefined>;\n  /** Auth used by the built-in drag-and-drop upload (#229). */\n  authManager: AuthManager;\n  /**\n   * Active plan's media config, read at upload time for a client-side\n   * pre-check (MIME + size) before hitting the network. Returns `null` until\n   * the plan config has loaded; the server stays the authoritative validator.\n   */\n  getMediaConfig?: () => MediaConfig | null;\n  /** Surface upload/validation failures to the consumer's error handler. */\n  onError?: (error: Error) => void;\n}\n\nexport interface UseCloudMediaLibraryReturn {\n  handleRequestMedia: (\n    context?: MediaRequestContext,\n  ) => Promise<MediaResult | null>;\n  handleMediaSelect: (item: MediaItem) => void;\n  handleMediaLibraryClose: () => void;\n}\n\nexport function useCloudMediaLibrary(\n  options: UseCloudMediaLibraryOptions,\n): UseCloudMediaLibraryReturn {\n  const {\n    onRequestMedia,\n    mediaLibraryOpen,\n    mediaLibraryAccept,\n    authManager,\n    getMediaConfig,\n    onError,\n  } = options;\n\n  let mediaResolve: ((result: MediaResult | null) => void) | null = null;\n\n  function toMediaResult(item: MediaItem): MediaResult {\n    return { url: item.url, alt: item.alt_text || undefined };\n  }\n\n  async function handleRequestMedia(\n    context?: MediaRequestContext,\n  ): Promise<MediaResult | null> {\n    const accept = context?.accept ?? [\"images\"];\n\n    // Drag-and-drop upload path (#229). A dropped file is forwarded to a\n    // consumer handler if one is configured; otherwise it's uploaded directly\n    // to the cloud and the resulting media item becomes the block's image.\n    if (context?.files?.length) {\n      if (onRequestMedia) {\n        const item = await onRequestMedia({ accept, files: context.files });\n        return item ? toMediaResult(item) : null;\n      }\n      return uploadDroppedFile(context.files[0]);\n    }\n\n    // If consumer provides a custom media handler, use it.\n    if (onRequestMedia) {\n      const item = await onRequestMedia({ accept });\n      return item ? toMediaResult(item) : null;\n    }\n\n    // Otherwise open the built-in media library. If a previous request\n    // is still pending (e.g. consumer fired two requests back-to-back),\n    // settle it with null so its caller doesn't hang forever.\n    if (mediaResolve) {\n      mediaResolve(null);\n      mediaResolve = null;\n    }\n    mediaLibraryAccept.value = accept;\n    mediaLibraryOpen.value = true;\n    return new Promise<MediaResult | null>((resolve) => {\n      mediaResolve = (result) => {\n        resolve(result);\n      };\n    });\n  }\n\n  async function uploadDroppedFile(file: File): Promise<MediaResult | null> {\n    const validationError = validateFile(file);\n    if (validationError) {\n      onError?.(validationError);\n      return null;\n    }\n    try {\n      // media-library is an optional, cloud-only peer — import lazily so OSS\n      // bundles never pull it in. Cloud consumers always have it installed.\n      const { MediaApiClient } = await import(\"@templatical/media-library\");\n      const item = await new MediaApiClient(authManager).uploadMedia(file);\n      return toMediaResult(item);\n    } catch (error) {\n      onError?.(error as Error);\n      return null;\n    }\n  }\n\n  function validateFile(file: File): Error | null {\n    const media = getMediaConfig?.() ?? null;\n    if (!media) return null; // config not loaded yet → defer to server.\n    const acceptedTypes = media.categories?.images?.mime_types ?? [];\n    if (acceptedTypes.length > 0 && !acceptedTypes.includes(file.type)) {\n      return new Error(\n        `Unsupported image type: ${file.type || \"unknown\"}. Accepted: ${acceptedTypes.join(\", \")}.`,\n      );\n    }\n    if (media.max_file_size > 0 && file.size > media.max_file_size) {\n      return new Error(\n        `Image is too large (${file.size} bytes). Maximum allowed is ${media.max_file_size} bytes.`,\n      );\n    }\n    return null;\n  }\n\n  function handleMediaSelect(item: MediaItem): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.(toMediaResult(item));\n    mediaResolve = null;\n  }\n\n  function handleMediaLibraryClose(): void {\n    mediaLibraryOpen.value = false;\n    mediaResolve?.(null);\n    mediaResolve = null;\n  }\n\n  onScopeDispose(() => {\n    if (mediaResolve) {\n      mediaResolve(null);\n      mediaResolve = null;\n    }\n  });\n\n  return {\n    handleRequestMedia,\n    handleMediaSelect,\n    handleMediaLibraryClose,\n  };\n}\n","import { computed, 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  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 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    mediaLibraryOpen,\n    mediaLibraryAccept,\n    aiMenuOpen,\n    aiMenuRef,\n    rightPanelOpen,\n    activeAiFeature,\n    aiButtonActive,\n    toggleAiMenu,\n    handleAiFeatureSelect,\n  };\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  /**\n   * Runs the save only when the gate would not block, and does **nothing** when\n   * it would — no modal, no save, nothing pending. Returns whether it ran.\n   *\n   * This is the autosave path. A modal on a debounce timer would interrupt\n   * typing, but simply saving anyway would demote `blockOnError` from a server\n   * policy to a manual-save-only speed bump. Skipping leaves the template dirty\n   * and the header saying \"unsaved\", which is true, and the reason stays visible\n   * in the Issues panel. The next edit re-arms the debounce, so fixing the issue\n   * is what lets the save through — no retry timer needed.\n   */\n  runUnlessBlocked: (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 runUnlessBlocked(\n    run: () => Promise<unknown> | unknown,\n  ): Promise<boolean> {\n    if (shouldBlock.value) return false;\n    await run();\n    return true;\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    runUnlessBlocked,\n    confirmAndSave,\n    cancel,\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","/**\n * Just enough of a stored template to walk its ids — deliberately structural\n * rather than `Template`, because the caller reads `editor.state`, which is\n * `DeepReadonly` and so not assignable to the mutable contract type.\n */\ninterface SavedBlockIdSource {\n  content?: {\n    blocks?: readonly {\n      id: string;\n      type: string;\n      children?: readonly (readonly { id: string }[])[];\n    }[];\n  };\n}\n\n/**\n * Every block id present in the **stored** template, sections' children\n * included.\n *\n * This is the last thing the deleted Cloud editor core carried over the OSS one\n * (`savedBlockIds`), and it never belonged there: its only reader gates a\n * comment filter on whether the block exists server-side, which makes it a\n * *comments* dependency. It travels with that feature accordingly, and reaches\n * `CommentsSidebar` through `capabilities.comments.isBlockSaved`.\n *\n * Derived on demand rather than memoised: `state.template` only changes on a\n * create / load / save round-trip, and the one caller runs on a user filtering\n * the comments panel.\n */\nexport function collectSavedBlockIds(\n  template: SavedBlockIdSource | null | undefined,\n): Set<string> {\n  const ids = new Set<string>();\n  const blocks = template?.content?.blocks;\n  if (!blocks) return ids;\n\n  for (const block of blocks) {\n    ids.add(block.id);\n    if (block.type === \"section\" && block.children) {\n      for (const column of block.children) {\n        for (const child of column) {\n          ids.add(child.id);\n        }\n      }\n    }\n  }\n  return ids;\n}\n","import { computed, provide, ref, watch } from \"vue\";\nimport {\n  AuthManager,\n  isFatalAuthError,\n  performHealthCheck,\n  useAiConfig,\n  useCollaboration,\n  useCollaborationBroadcast,\n  useExport,\n  useMcpListener,\n  usePlanConfig,\n  resolveExportFonts,\n  resolveWebSocketConfig,\n  createCloudCommentsProvider,\n  createCloudRenderProvider,\n  createCloudSavedBlocksProvider,\n  createCloudTemplatesProvider,\n  createCloudTestEmailProvider,\n  createCloudVersionHistoryProvider,\n  useTemplateScoring,\n  useTestEmail,\n  useWebSocket,\n  type RealtimeChannel,\n} from \"@templatical/core/cloud\";\nimport type { UseEditorReturn } from \"@templatical/core\";\nimport type {\n  CommentsProvider,\n  EditorUser,\n  RenderProvider,\n  SavedBlocksProvider,\n  Template,\n  TemplateContent,\n  TemplatePatch,\n  TemplatesProvider,\n  TestEmailProvider,\n  VersionHistoryProvider,\n} from \"@templatical/types\";\n\nimport type { CloudTranslations } from \"../i18n\";\nimport { preRenderCustomBlocks } from \"../utils/preRenderCustomBlocks\";\nimport { logger } from \"../utils/logger\";\nimport type { UseEditorCoreReturn } from \"../composables/useEditorCore\";\nimport {\n  AI_CONFIG_KEY,\n  AUTH_MANAGER_KEY,\n  CLOUD_TRANSLATIONS_KEY,\n  SCORING_KEY,\n} from \"../keys\";\n\nimport { useCloudFeatureFlags } from \"./composables/useCloudFeatureFlags\";\nimport {\n  useCloudMediaLibrary,\n  type UseCloudMediaLibraryReturn,\n} from \"./composables/useCloudMediaLibrary\";\nimport { useCloudPanelState } from \"./composables/useCloudPanelState\";\nimport {\n  useCloudSaveGate,\n  type UseCloudSaveGateReturn,\n} from \"./composables/useCloudSaveGate\";\nimport {\n  useCollabUndoWarning,\n  type UseCollabUndoWarningReturn,\n} from \"./composables/useCollabUndoWarning\";\nimport { collectSavedBlockIds } from \"./collectSavedBlockIds\";\nimport type {\n  CloudAttachContext,\n  CloudAttachment,\n  CloudCollaborationInstance,\n  CloudReady,\n  CloudReadyContext,\n  CloudRuntime,\n} from \"./runtime\";\nimport type { TemplaticalCloudEditorConfig } from \"./cloudConfig\";\n\nexport interface BootstrapCloudOptions {\n  config: TemplaticalCloudEditorConfig;\n  cloudTranslations: CloudTranslations;\n}\n\n/**\n * What {@link bootstrapCloud} hands back: a set of ordinary `init()` config\n * values, plus the runtime for the few things that must run inside the editor\n * component's `setup()`.\n */\nexport interface CloudBootstrap {\n  runtime: CloudRuntime;\n  providers: {\n    templates: TemplatesProvider;\n    render: RenderProvider;\n    versionHistory: VersionHistoryProvider;\n    /** Absent when `savedBlocks: false` — the feature is then off entirely. */\n    savedBlocks?: SavedBlocksProvider;\n    testEmail: TestEmailProvider;\n    comments: CommentsProvider;\n  };\n  /**\n   * Who is editing, from the JWT — `init({ user })`'s value for a Cloud session.\n   *\n   * `undefined` when the project's token carries no `user` claim, which makes\n   * comments unavailable rather than anonymous. Not a key `initCloud()` accepts:\n   * Cloud's comment writes are signed against this same claim, so a\n   * consumer-supplied identity would only be able to disagree with it.\n   */\n  user?: EditorUser;\n}\n\n/**\n * Cloud's bootstrap and adapter wiring, in one place, run **before the editor\n * mounts**.\n *\n * This replaces `useCloudInitialization`, which owned a second `useEditor`, a\n * second `useEditorCore` and a post-mount async dance with its own loading and\n * error states. The dance is gone: auth, the health check and the plan fetch all\n * resolve here, and a failure rejects `initCloud()` rather than mounting an\n * editor that cannot work. What is left is adapter construction.\n *\n * Two things deliberately stay Cloud-only:\n *\n * - **Entitlements.** In an all-BYO world there are no plans, so `planConfig` is\n *   Cloud's commercial layer above the provider set rather than a provider\n *   itself. It is down to five booleans, each metering a resource Cloud buys.\n * - **Mid-session failure.** `init()` cannot fail after it mounts and should not\n *   grow the ability, so the error overlay lives on this side of the seam.\n */\nexport async function bootstrapCloud(\n  options: BootstrapCloudOptions,\n): Promise<CloudBootstrap> {\n  const { config, cloudTranslations } = options;\n\n  // --- Late-bound editor access ---------------------------------------------\n  //\n  // The providers below are built before there is an editor to read. Each\n  // reaches it through these holders, filled by `attach()` / `ready()` — which is\n  // what lets them be handed to `init()` as ordinary config keys.\n  let editorRef: UseEditorReturn | null = null;\n  let coreRef: UseEditorCoreReturn | null = null;\n  let websocketRef: ReturnType<typeof useWebSocket> | null = null;\n  let mediaLibRef: UseCloudMediaLibraryReturn | null = null;\n  let collaboration: CloudCollaborationInstance | null = null;\n  let collabWarning: UseCollabUndoWarningReturn | null = null;\n  let saveGate: UseCloudSaveGateReturn | null = null;\n\n  const sessionError = ref<Error | null>(null);\n  const lockedBlocks = ref<Map<string, unknown>>(new Map());\n  /**\n   * Cloud's presence channel, forward-declared for the comments adapter's\n   * `subscribe`. `useWebSocket` can only be built in `attach()` (it needs the\n   * editor), while the provider is handed to `init()` before that — so the adapter\n   * watches this and rebinds when the real channel lands.\n   */\n  const commentChannel = ref<RealtimeChannel | null>(null);\n\n  function requireEditor(): UseEditorReturn {\n    if (!editorRef) {\n      throw new Error(\"[Templatical] The Cloud editor is not mounted yet.\");\n    }\n    return editorRef;\n  }\n\n  function getTemplateId(): string | null {\n    return editorRef?.state.template?.id ?? null;\n  }\n\n  // --- Auth + plan ----------------------------------------------------------\n\n  const authManager = new AuthManager({\n    ...config.auth,\n    // Only a *fatal* refusal raises the overlay. A 4xx means the endpoint\n    // rejected the credentials, so every subsequent request fails the same way\n    // and the session really is over. A network blip or a 5xx resolves on its\n    // own, and blanking a mounted editor over one interrupts someone mid-edit on\n    // a template that is probably unsaved — a worse outcome than the blip.\n    //\n    // The consumer hears about both: `onError` fires either way, and\n    // `AuthManager` re-throws regardless, so a caller that cannot proceed still\n    // finds out.\n    onError: (error: Error) => {\n      if (isFatalAuthError(error)) {\n        sessionError.value = error;\n      }\n      config.onError?.(error);\n    },\n  });\n\n  const planConfigInstance = usePlanConfig({\n    authManager,\n    onError: config.onError,\n  });\n\n  await authManager.initialize();\n\n  const healthResult = await performHealthCheck({ authManager });\n  if (!healthResult.api.ok) {\n    throw new Error(\"Health check failed: API is not reachable\");\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  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\n  // The bootstrap itself is what the overlay would have covered, and it just\n  // succeeded — so anything `onError` recorded on the way here is stale.\n  sessionError.value = null;\n\n  // --- Rejected consumer keys ----------------------------------------------\n  //\n  // None is declared on `TemplaticalCloudEditorConfig`, so these only fire for\n  // JavaScript consumers — warned rather than silently dropped, because the\n  // symptom (a store that stays empty while Cloud's fills up) reads as a broken\n  // provider rather than a rejected one.\n  if ((config as { templates?: unknown }).templates) {\n    logger.warn(\n      \"initCloud does not accept a `templates` provider — the template id is \" +\n        \"the join key for collaboration, version history, comments, AI rewrite, \" +\n        \"scoring and the server-side export, so an id Cloud never issued would \" +\n        \"degrade all six. The supplied provider is ignored. Use init() to bring \" +\n        \"your own.\",\n    );\n  }\n  if ((config as { versionHistory?: unknown }).versionHistory) {\n    logger.warn(\n      \"initCloud does not accept a `versionHistory` provider — a version is \" +\n        \"keyed to a template id Cloud issued, so Cloud owns its history. The \" +\n        \"supplied provider is ignored. Use init() to bring your own.\",\n    );\n  }\n  if ((config as { comments?: unknown }).comments) {\n    logger.warn(\n      \"initCloud does not accept a `comments` provider — a comment is keyed to \" +\n        \"a template id Cloud issued, and its author is signed by the auth token, \" +\n        \"so Cloud owns the conversation. The supplied provider is ignored. Use \" +\n        \"init() to bring your own.\",\n    );\n  }\n  // Rejected for a different reason than the three above: not the join key, but\n  // because Cloud renders on its own for test email, scheduled sends and API\n  // exports (`createCloudTestEmailProvider` calls `exportHtml` directly). A\n  // consumer provider would have changed `toMjml()` / `toHtml()` and nothing\n  // else, so what the user previewed and exported was not what Cloud delivered —\n  // and Cloud's output is a deliberate superset (countdown GIFs, composited video\n  // thumbnails), so the consumer's was also worse for those blocks.\n  if ((config as { render?: unknown }).render) {\n    logger.warn(\n      \"initCloud does not accept a `render` provider — Cloud renders \" +\n        \"server-side for test email, sends and exports, so a supplied renderer \" +\n        \"would change only what you preview and export, never what Cloud \" +\n        \"delivers. The supplied provider is ignored. For your own MJML, call \" +\n        \"renderToMjml(editor.getContent()) from @templatical/renderer.\",\n    );\n  }\n\n  // --- Providers ------------------------------------------------------------\n\n  function connectRealtime(template: Template): void {\n    const websocketConfig = planConfigInstance.config.value?.websocket;\n    if (!websocketRef || !websocketConfig) return;\n    websocketRef.connect(template.id, resolveWebSocketConfig(websocketConfig));\n  }\n\n  const baseTemplates = createCloudTemplatesProvider(authManager);\n  const baseCreate = baseTemplates.create;\n  const baseSave = baseTemplates.save;\n\n  /**\n   * Cloud's templates adapter plus the choreography the template id anchors: the\n   * websocket joins the template's presence channel, and the consumer's\n   * `onCreate` / `onLoad` fire.\n   *\n   * That choreography belongs in the adapter rather than in an editor-side\n   * lifecycle composable, because it *is* adapter business — Cloud is what keys\n   * realtime off the id it issued. `useCloudLifecycle` existed only to hold it.\n   *\n   * `save` pre-renders custom blocks, which is why it is wrapped too.\n   */\n  const templates: TemplatesProvider = {\n    load: async (id: string) => {\n      const template = await baseTemplates.load(id);\n      connectRealtime(template);\n      config.onLoad?.(template);\n      return template;\n    },\n    create:\n      typeof baseCreate === \"function\"\n        ? async (input: { name?: string; content: TemplateContent }) => {\n            const template = await baseCreate(input);\n            connectRealtime(template);\n            config.onCreate?.(template);\n            return template;\n          }\n        : false,\n    save:\n      typeof baseSave === \"function\"\n        ? async (id: string, patch: TemplatePatch) => {\n            if (coreRef && editorRef) {\n              await preRenderCustomBlocks(\n                editorRef.content.value,\n                coreRef.registry,\n              );\n            }\n            return baseSave(id, patch);\n          }\n        : false,\n  };\n\n  // Always Cloud's — see the rejected-keys block above. Cloud renders\n  // independently for delivery, so a second renderer could only disagree with it.\n  const render: RenderProvider = createCloudRenderProvider({\n    authManager,\n    getTemplateId,\n    // Plain `editor.save()`: the templates adapter below already pre-renders\n    // custom blocks on every save, which is exactly what the render endpoint\n    // needs, since it exports from the stored copy rather than from\n    // `payload.content`.\n    save: () => requireEditor().save(),\n  });\n\n  const versionHistory = createCloudVersionHistoryProvider(authManager);\n\n  // Realtime is the adapter's own business: `subscribe` binds the presence channel\n  // above, so `useCommentListener` in `@templatical/core` never learns that Pusher\n  // exists and a BYO provider with an SSE stream slots into the same seam.\n  const comments = createCloudCommentsProvider({\n    authManager,\n    channel: commentChannel,\n    getSocketId: () => websocketRef?.getSocketId() ?? null,\n  });\n\n  // From the JWT, not from config. Cloud signs comment writes against this same\n  // claim, so a consumer-supplied identity could only disagree with it — and a\n  // token without the claim leaves comments unavailable rather than anonymous.\n  const cloudUser: EditorUser | undefined = authManager.userConfig\n    ? { id: authManager.userConfig.id, name: authManager.userConfig.name }\n    : undefined;\n\n  // A consumer may pass their own store instead of a boolean, in which case it\n  // replaces Cloud's. That path is deliberately NOT plan-gated: `saved_modules`\n  // licenses Cloud's *storage*, and someone else's backend isn't Cloud's to sell.\n  const consumerSavedBlocks =\n    typeof config.savedBlocks === \"object\" && config.savedBlocks !== null\n      ? config.savedBlocks\n      : null;\n  const savedBlocks: SavedBlocksProvider | undefined =\n    config.savedBlocks === false\n      ? undefined\n      : (consumerSavedBlocks ?? createCloudSavedBlocksProvider(authManager));\n\n  // Cloud's test-email *config* — plan enablement plus the signed allowlist, both\n  // carried by the JWT `authManager.initialize()` already resolved above. Hence\n  // the constant `isAuthReady`: there is no window where it is false.\n  const testEmailConfig = useTestEmail({\n    authManager,\n    isAuthReady: ref(true),\n  });\n\n  // Cloud's own send path renders through the export endpoint directly: the\n  // adapter derives HTML from the *saved* template and applies\n  // `onBeforeTestEmail` to it, which is a narrower job than the render contract.\n  const exporter = useExport({ authManager });\n\n  const consumerTestEmail = config.testEmail ?? null;\n  const testEmail: TestEmailProvider =\n    consumerTestEmail ??\n    createCloudTestEmailProvider({\n      authManager,\n      getTemplateId,\n      save: () => requireEditor().save(),\n      exportHtml: (templateId: string) =>\n        exporter.exportHtml(templateId, resolveExportFonts(config.fonts)),\n      allowedEmails: testEmailConfig.allowedEmails,\n      getSignature: testEmailConfig.getSignature,\n      onBeforeTestEmail: config.onBeforeTestEmail,\n    });\n\n  // --- Setup-time wiring ----------------------------------------------------\n\n  const aiConfig = useAiConfig(config.ai);\n  const scoringInstance = useTemplateScoring({ authManager, getTemplateId });\n\n  const featureFlags = useCloudFeatureFlags({\n    planConfigInstance,\n    aiConfig,\n    getTemplateId,\n  });\n\n  const isCollaborationEnabled = computed(\n    () =>\n      !!config.collaboration?.enabled &&\n      planConfigInstance.hasFeature(\"collaboration\"),\n  );\n\n  function attach(context: CloudAttachContext): CloudAttachment {\n    const editor = context.editor;\n    editorRef = editor;\n\n    provide(CLOUD_TRANSLATIONS_KEY, cloudTranslations);\n    provide(AUTH_MANAGER_KEY, authManager);\n    provide(AI_CONFIG_KEY, aiConfig);\n    provide(SCORING_KEY, scoringInstance);\n\n    const websocket = useWebSocket({ authManager, onError: config.onError });\n    websocketRef = websocket;\n\n    // Feeds the comments adapter's `subscribe`, which was handed to `init()` before\n    // this socket existed.\n    watch(\n      websocket.channel,\n      (channel) => {\n        commentChannel.value = channel;\n      },\n      { immediate: true },\n    );\n\n    if (config.mcp?.enabled) {\n      useMcpListener({\n        editor,\n        channel: websocket.channel,\n        onOperation: config.mcp.onOperation,\n      });\n    }\n\n    // Order matters: the broadcast wrapper replaces the editor's mutators so they\n    // publish to peers, and `useEditorCore`'s history interceptor then wraps them\n    // again to push history entries. Reversing it would push history for remote\n    // operations and drift the two peers apart.\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 CloudCollaborationInstance;\n\n      watch(\n        () => collaboration!.lockedBlocks.value,\n        (next) => {\n          lockedBlocks.value = next;\n        },\n        { immediate: true },\n      );\n\n      useCollaborationBroadcast(editor, collaboration);\n    }\n\n    const panelState = useCloudPanelState();\n\n    const mediaLib = useCloudMediaLibrary({\n      onRequestMedia: config.onRequestMedia,\n      mediaLibraryOpen: panelState.mediaLibraryOpen,\n      mediaLibraryAccept: panelState.mediaLibraryAccept,\n      authManager,\n      getMediaConfig: () => planConfigInstance.config.value?.media ?? null,\n      onError: config.onError,\n    });\n    mediaLibRef = mediaLib;\n\n    return {\n      websocket,\n      panelState,\n      mediaLib,\n      // Handed to `MediaLibraryModal` as props by `CloudPanels`. A bare-string\n      // injection would resolve to `undefined` silently; see\n      // `CloudMediaBrowserContext`.\n      mediaBrowser: {\n        authManager,\n        projectId: authManager.projectId,\n        planConfig: planConfigInstance,\n      },\n      featureFlags,\n      collaboration,\n      isCollaborationEnabled,\n    };\n  }\n\n  function ready(context: CloudReadyContext): CloudReady {\n    const { core, capabilities } = context;\n    coreRef = core;\n\n    saveGate = useCloudSaveGate({\n      issues: core.templateLint ? core.templateLint.issues : ref([]),\n      planConfig: planConfigInstance.config,\n    });\n\n    collabWarning = useCollabUndoWarning({\n      isCollaborationEnabled,\n      getCollaboratorCount: () =>\n        collaboration?.collaborators.value.length ?? 0,\n      canUndo: core.history.canUndo,\n    });\n\n    // Mutated in place rather than re-provided: `useEditorCore` already provided\n    // this exact object, so components injecting it see Cloud's entries on their\n    // first render. Same pattern `versionHistory` uses in `Editor.vue`.\n    //\n    // `capabilities.comments` is *not* set here any more: comments became a shared\n    // provider-backed feature, so `Editor.vue` builds the capability from\n    // `useCommentsFeature` exactly as it does for saved blocks and test email, and\n    // Cloud contributes only the two predicates below.\n    capabilities.plan = planConfigInstance;\n    capabilities.ai = aiConfig;\n\n    // Registered unconditionally. `custom_blocks` and `theme_customization` used\n    // to gate these — entitlements on editor capability the free editor grants,\n    // and the only two things `applyPlanGates` would ever have had to do.\n    if (config.customBlocks?.length) {\n      core.registerCustomBlocks(config.customBlocks);\n    }\n    if (config.theme) {\n      core.themeOverrides.value = config.theme;\n    }\n\n    return {\n      saveGate,\n      collabWarning,\n      sessionError,\n      retry: async () => {\n        try {\n          await authManager.initialize();\n          sessionError.value = null;\n        } catch (error) {\n          sessionError.value =\n            error instanceof Error ? error : new Error(\"Authentication failed\");\n        }\n      },\n    };\n  }\n\n  const runtime: CloudRuntime = {\n    lockedBlocks,\n    onRequestMedia: (context) =>\n      mediaLibRef\n        ? mediaLibRef.handleRequestMedia(context)\n        : Promise.resolve(null),\n    isSavedBlocksAvailable: consumerSavedBlocks\n      ? () => true\n      : () =>\n          config.savedBlocks !== false &&\n          planConfigInstance.hasFeature(\"saved_modules\"),\n    isTestEmailAvailable: consumerTestEmail\n      ? // Their sender, their rules — the `test_email` plan feature licenses\n        // Cloud's sending, and \"the template must be saved\" is a constraint of\n        // Cloud's server-side render, not of an arbitrary backend.\n        () => true\n      : // All three matter and none implies another: the plan may grant the\n        // feature while the project's token omits a recipient config, and Cloud\n        // renders from the *saved* template so there must be one.\n        () =>\n          testEmailConfig.isEnabled.value &&\n          featureFlags.canSendTestEmail.value &&\n          featureFlags.hasTemplateSaved.value,\n    // Three conditions, none implying another: the consumer may switch the feature\n    // off, the plan meters comment storage and its realtime fan-out, and Cloud\n    // anchors a comment to the *saved* template. (Whether a `user` exists is the\n    // shared feature's own gate, not Cloud's.)\n    isCommentsAvailable: () =>\n      config.commenting !== false &&\n      planConfigInstance.hasFeature(\"commenting\") &&\n      featureFlags.hasTemplateSaved.value,\n    // A comment is anchored server-side, so a block that exists only on the canvas\n    // has nothing stored to show. This is the last thing the deleted cloud editor\n    // core carried (`savedBlockIds`), and it was always a comments concern rather\n    // than an editor one.\n    isBlockSaved: (blockId: string) =>\n      collectSavedBlockIds(editorRef?.state.template ?? null).has(blockId),\n    getSaveGate: () => saveGate,\n    isRemoteOperation: () =>\n      collaboration?._isProcessingRemoteOperation() ?? false,\n    onBeforeUndo: () => collabWarning?.showCollabUndoWarning(),\n    attach,\n    ready,\n    destroy() {\n      websocketRef?.disconnect();\n      config.onUnmount?.();\n    },\n  };\n\n  return {\n    runtime,\n    providers: {\n      templates,\n      render,\n      versionHistory,\n      ...(savedBlocks ? { savedBlocks } : {}),\n      testEmail,\n      comments,\n    },\n    user: cloudUser,\n  };\n}\n"],"mappings":"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"}