@templatical/editor 0.41.0 → 0.42.1

package/dist/cdn/chunks/{CloudHeaderExtras-0zdlKiq7.js → CloudHeaderExtras-yvFz2_e-.js}

@@ -1,5 +1,5 @@
 import { H as e, N as t, S as n, at as r, b as i, ct as a, g as o, h as s, l as c, m as l, n as u, p as d, u as f, ut as p, x as m, y as h } from "./draggable-IB4x6w2O.js";
-import { E as g } from "./icons-BKkJ-5xF.js";
+import { D as g } from "./icons-CQnjugjy.js";
 import { n as _ } from "./useCloudI18n-CrjWbpbu.js";
 //#region src/cloud/components/CloudHeaderExtras.vue?vue&type=script&setup=true&lang.ts
 var v = {
@@ -16,7 +16,7 @@ var v = {
 		cloud: {}
 	},
 	setup(n) {
-		let x = m(() => import("./CollaboratorBar-lCZU8qkg.js")), S = m(() => import("./AiFeatureMenu-Cx3qdStQ.js")), { t: C, format: w } = _();
+		let x = m(() => import("./CollaboratorBar-Clm1ZVXQ.js")), S = m(() => import("./AiFeatureMenu-BXSPgOzA.js")), { t: C, format: w } = _();
 		return (m, _) => n.part === "left" ? (t(), o(f, { key: 0 }, [n.cloud.featureFlags.templateLimit.value === null ? s("", !0) : (t(), o("span", v, p(r(w)(r(C).header.templatesUsed, {
 			used: n.cloud.featureFlags.templateCount.value,
 			max: n.cloud.featureFlags.templateLimit.value
@@ -57,4 +57,4 @@ var v = {
 //#endregion
 export { x as default };
 
-//# sourceMappingURL=CloudHeaderExtras-0zdlKiq7.js.map
+//# sourceMappingURL=CloudHeaderExtras-yvFz2_e-.js.map

package/dist/cdn/chunks/CloudHeaderExtras-yvFz2_e-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudHeaderExtras-yvFz2_e-.js","names":["_openBlock","_createElementBlock","_Fragment","_toDisplayString","_unref","_createCommentVNode","_createBlock","_createElementVNode","_normalizeClass","_withModifiers","_createVNode","_createTextVNode","_Transition","_withCtx","_sfc_main","withCtx","openBlock","defineComponent","unref","createVNode","normalizeClass","createElementBlock","createCommentVNode","withModifiers","createBlock","Transition","createBaseVNode","Fragment","toDisplayString","defineAsyncComponent","createTextVNode","Sparkles","useCloudI18nStrict","_hoisted_1","_hoisted_2","_hoisted_3","CloudHeaderExtras_default","CollaboratorBar","AiFeatureMenu","cloudT","cloudFormat","__props","el","_cache","args"],"sources":["../../../src/cloud/components/CloudHeaderExtras.vue","../../../src/cloud/components/CloudHeaderExtras.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { Sparkles } from \"@lucide/vue\";\n\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { CloudAttachment } from \"../runtime\";\n\nconst CollaboratorBar = defineAsyncComponent(\n  () => import(\"./CollaboratorBar.vue\"),\n);\nconst AiFeatureMenu = defineAsyncComponent(() => import(\"./AiFeatureMenu.vue\"));\n\n/**\n * The Cloud-only header controls, filled into `EditorHeader`'s `left-extras`\n * and `right-extras` slots.\n *\n * One component with a `part` prop rather than two: both regions share this\n * file's lazy chunk, so a Cloud session pays one round-trip for all of them and\n * an OSS session pays none.\n *\n * There is no `center` part. The header's centre track must hold a constant\n * width, so only the anchored columns take conditional controls — see\n * `EditorHeader.vue`'s centre comment.\n *\n * The plan-usage readout and the AI button live here rather than in the shared\n * header because they render **cloud-chunk** strings; OSS translators never see\n * them. Comments are deliberately not here: that feature is shared and\n * provider-backed, so its trigger and its strings belong to the shared header and\n * the OSS chunk.\n */\ndefineProps<{\n  part: \"left\" | \"right\";\n  cloud: CloudAttachment;\n}>();\n\nconst { t: cloudT, format: cloudFormat } = useCloudI18nStrict();\n</script>\n\n<template>\n  <!-- Left: the plan's template usage, then who else is in the template right\n       now. Presence sits with the template's identity rather than in the\n       header's centre track: that track's width must stay constant, and a\n       collaborator bar changes width every time somebody joins or leaves — which\n       used to slide the Preview button sideways under the cursor (#574). This\n       column packs from the left, so it grows rightward and moves nothing. -->\n  <template v-if=\"part === 'left'\">\n    <!-- A plan *limit*, not a templates concern, which is why it sits here and\n         its string stays in the cloud chunk. -->\n    <span\n      v-if=\"cloud.featureFlags.templateLimit.value !== null\"\n      data-testid=\"cloud-template-usage\"\n      class=\"tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]\"\n    >\n      {{\n        cloudFormat(cloudT.header.templatesUsed, {\n          used: cloud.featureFlags.templateCount.value,\n          max: cloud.featureFlags.templateLimit.value,\n        })\n      }}\n    </span>\n    <CollaboratorBar\n      v-if=\"cloud.collaboration && cloud.isCollaborationEnabled.value\"\n      :collaborators=\"cloud.collaboration.collaborators.value\"\n      :is-connected=\"cloud.websocket.isConnected.value\"\n    />\n  </template>\n\n  <!-- Right: AI — after the shared header's Comments button and before the\n       test-email button, so the shared header is a superset of the OSS one rather\n       than a rearrangement. -->\n  <template v-else-if=\"part === 'right'\">\n    <div\n      v-if=\"\n        cloud.featureFlags.canUseAiGeneration.value &&\n        cloud.featureFlags.hasTemplateSaved.value\n      \"\n      :ref=\"\n        (el) => (cloud.panelState.aiMenuRef.value = el as HTMLElement | null)\n      \"\n      class=\"tpl:relative\"\n    >\n      <button\n        type=\"button\"\n        data-testid=\"ai-menu-trigger\"\n        :aria-expanded=\"cloud.panelState.aiMenuOpen.value\"\n        class=\"tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200\"\n        :class=\"\n          cloud.panelState.aiButtonActive.value\n            ? 'tpl-ai-btn--active'\n            : 'tpl-ai-btn--idle'\n        \"\n        @click.stop=\"cloud.panelState.toggleAiMenu\"\n      >\n        <Sparkles :size=\"16\" :stroke-width=\"2\" class=\"tpl-ai-btn-icon\" />\n        {{ cloudT.aiChat.button }}\n      </button>\n      <Transition\n        enter-active-class=\"tpl:transition-all tpl:ease-out\"\n        enter-from-class=\"tpl:scale-95 tpl:opacity-0\"\n        enter-to-class=\"tpl:scale-100 tpl:opacity-100\"\n        leave-active-class=\"tpl:transition-all tpl:duration-100 tpl:ease-in\"\n        leave-from-class=\"tpl:scale-100 tpl:opacity-100\"\n        leave-to-class=\"tpl:scale-95 tpl:opacity-0\"\n      >\n        <div\n          v-if=\"cloud.panelState.aiMenuOpen.value\"\n          class=\"tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right\"\n        >\n          <AiFeatureMenu\n            :active-feature=\"cloud.panelState.activeAiFeature.value\"\n            @select=\"cloud.panelState.handleAiFeatureSelect\"\n          />\n        </div>\n      </Transition>\n    </div>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { Sparkles } from \"@lucide/vue\";\n\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { CloudAttachment } from \"../runtime\";\n\nconst CollaboratorBar = defineAsyncComponent(\n  () => import(\"./CollaboratorBar.vue\"),\n);\nconst AiFeatureMenu = defineAsyncComponent(() => import(\"./AiFeatureMenu.vue\"));\n\n/**\n * The Cloud-only header controls, filled into `EditorHeader`'s `left-extras`\n * and `right-extras` slots.\n *\n * One component with a `part` prop rather than two: both regions share this\n * file's lazy chunk, so a Cloud session pays one round-trip for all of them and\n * an OSS session pays none.\n *\n * There is no `center` part. The header's centre track must hold a constant\n * width, so only the anchored columns take conditional controls — see\n * `EditorHeader.vue`'s centre comment.\n *\n * The plan-usage readout and the AI button live here rather than in the shared\n * header because they render **cloud-chunk** strings; OSS translators never see\n * them. Comments are deliberately not here: that feature is shared and\n * provider-backed, so its trigger and its strings belong to the shared header and\n * the OSS chunk.\n */\ndefineProps<{\n  part: \"left\" | \"right\";\n  cloud: CloudAttachment;\n}>();\n\nconst { t: cloudT, format: cloudFormat } = useCloudI18nStrict();\n</script>\n\n<template>\n  <!-- Left: the plan's template usage, then who else is in the template right\n       now. Presence sits with the template's identity rather than in the\n       header's centre track: that track's width must stay constant, and a\n       collaborator bar changes width every time somebody joins or leaves — which\n       used to slide the Preview button sideways under the cursor (#574). This\n       column packs from the left, so it grows rightward and moves nothing. -->\n  <template v-if=\"part === 'left'\">\n    <!-- A plan *limit*, not a templates concern, which is why it sits here and\n         its string stays in the cloud chunk. -->\n    <span\n      v-if=\"cloud.featureFlags.templateLimit.value !== null\"\n      data-testid=\"cloud-template-usage\"\n      class=\"tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]\"\n    >\n      {{\n        cloudFormat(cloudT.header.templatesUsed, {\n          used: cloud.featureFlags.templateCount.value,\n          max: cloud.featureFlags.templateLimit.value,\n        })\n      }}\n    </span>\n    <CollaboratorBar\n      v-if=\"cloud.collaboration && cloud.isCollaborationEnabled.value\"\n      :collaborators=\"cloud.collaboration.collaborators.value\"\n      :is-connected=\"cloud.websocket.isConnected.value\"\n    />\n  </template>\n\n  <!-- Right: AI — after the shared header's Comments button and before the\n       test-email button, so the shared header is a superset of the OSS one rather\n       than a rearrangement. -->\n  <template v-else-if=\"part === 'right'\">\n    <div\n      v-if=\"\n        cloud.featureFlags.canUseAiGeneration.value &&\n        cloud.featureFlags.hasTemplateSaved.value\n      \"\n      :ref=\"\n        (el) => (cloud.panelState.aiMenuRef.value = el as HTMLElement | null)\n      \"\n      class=\"tpl:relative\"\n    >\n      <button\n        type=\"button\"\n        data-testid=\"ai-menu-trigger\"\n        :aria-expanded=\"cloud.panelState.aiMenuOpen.value\"\n        class=\"tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200\"\n        :class=\"\n          cloud.panelState.aiButtonActive.value\n            ? 'tpl-ai-btn--active'\n            : 'tpl-ai-btn--idle'\n        \"\n        @click.stop=\"cloud.panelState.toggleAiMenu\"\n      >\n        <Sparkles :size=\"16\" :stroke-width=\"2\" class=\"tpl-ai-btn-icon\" />\n        {{ cloudT.aiChat.button }}\n      </button>\n      <Transition\n        enter-active-class=\"tpl:transition-all tpl:ease-out\"\n        enter-from-class=\"tpl:scale-95 tpl:opacity-0\"\n        enter-to-class=\"tpl:scale-100 tpl:opacity-100\"\n        leave-active-class=\"tpl:transition-all tpl:duration-100 tpl:ease-in\"\n        leave-from-class=\"tpl:scale-100 tpl:opacity-100\"\n        leave-to-class=\"tpl:scale-95 tpl:opacity-0\"\n      >\n        <div\n          v-if=\"cloud.panelState.aiMenuOpen.value\"\n          class=\"tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right\"\n        >\n          <AiFeatureMenu\n            :active-feature=\"cloud.panelState.activeAiFeature.value\"\n            @select=\"cloud.panelState.handleAiFeatureSelect\"\n          />\n        </div>\n      </Transition>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,IAAMqC,IAAkBR,QAChB,OAAO,gCACf,GACMS,IAAgBT,QAA2B,OAAO,8BAAsB,GAyBxE,EAAE,GAAGU,GAAQ,QAAQC,MAAgBR,EAAmB;mBAU5CS,EAAA,SAAI,UAApBzC,EAAA,GAAAC,EAoBWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAhBDuC,EAAA,MAAM,aAAa,cAAc,UAAK,OAYtCnB,EAAA,IAAA,EAAA,KAbRtB,EAAA,GAAAC,EAWO,QAXPgC,GAWO9B,EALHC,EAAAoC,CAAA,CAAW,CAACpC,EAAAmC,CAAA,CAAM,CAAC,OAAO,eAAa;GAAoB,MAAAE,EAAA,MAAM,aAAa,cAAc;GAAsB,KAAAA,EAAA,MAAM,aAAa,cAAc;EAO/I,CAAA,CAAA,GAAA,CAAA,IAAAA,EAAA,MAAM,iBAAiBA,EAAA,MAAM,uBAAuB,SAD5DzC,EAAA,GAAAM,EAIEF,EAAAiC,CAAA,GAAA;;GAFC,eAAeI,EAAA,MAAM,cAAc,cAAc;GACjD,gBAAcA,EAAA,MAAM,UAAU,YAAY;EAO1B,GAAA,MAAA,GAAA,CAAA,iBAAA,cAAA,CAAA,KAAAnB,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,KAAAmB,EAAA,SAAI,WAAzBzC,EAAA,GAAAC,EA6CWC,GAAA,EAAA,KAAA,EAAA,GAAA,CA3CQuC,EAAA,MAAM,aAAa,mBAAmB,SAAiBA,EAAA,MAAM,aAAa,iBAAiB,SAD5GzC,EAAA,GAAAC,EA2CM,OAAA;;GAtCH,MAAe,MAAQ,EAAA,MAAM,WAAW,UAAU,QAAQyC;GAG3D,OAAM;EAENnC,GAAAA,CAAAA,EAcS,UAAA;GAbP,MAAK;GACL,eAAY;GACX,iBAAekC,EAAA,MAAM,WAAW,WAAW;GAC5C,OAAKjC,EAAA,CAAC,wNACaiC,EAAA,MAAM,WAAW,eAAe,QAAA,uBAAA,kBAAA,CAAA;GAKlD,SAAK,AAAAE,EAAA,OAAAlC,GAAO,GAAAmC,MAAAH,EAAA,MAAM,WAAW,gBAAjBA,EAAA,MAAM,WAAW,aAAY,GAAAG,CAAA,GAAA,CAAA,MAAA,CAAA;EAE1ClC,GAAAA,CAAAA,EAAiEN,EAAA2B,CAAA,GAAA;GAAtD,MAAM;GAAK,gBAAc;GAAG,OAAM;EAAoBpB,CAAAA,GAAAA,EAAA,MACjER,EAAGC,EAAAmC,CAAA,CAAM,CAAC,OAAO,MAAM,GAAA,CAAA,CAAA,GAAA,IAAAL,CAAA,GAEzBxB,EAiBaE,GAAA;GAhBX,sBAAmB;GACnB,oBAAiB;GACjB,kBAAe;GACf,sBAAmB;GACnB,oBAAiB;GACjB,kBAAe;;GAEf,SAAAC,QAQM,CAPE4B,EAAA,MAAM,WAAW,WAAW,SADpCzC,EAAA,GAAAC,EAQM,OARNkC,GAQM,CAJJzB,EAGEN,EAAAkC,CAAA,GAAA;IAFC,kBAAgBG,EAAA,MAAM,WAAW,gBAAgB;IACjD,UAAQA,EAAA,MAAM,WAAW"}

package/dist/cdn/chunks/{CloudPanels-DPh71yOO.js → CloudPanels-DpKck9Na.js}

@@ -1,9 +1,9 @@
 import { F as e, H as t, N as n, S as r, at as i, b as a, ct as o, g as s, h as c, m as l, n as u, p as d, u as f, ut as p, v as m, x as h } from "./draggable-IB4x6w2O.js";
 import { t as g } from "./useI18n-CyO_Nmca.js";
-import { Mt as _, u as v } from "./icons-BKkJ-5xF.js";
+import { Nt as _, d as v } from "./icons-CQnjugjy.js";
 import { n as y } from "./useCloudI18n-CrjWbpbu.js";
 import { d as b, v as x, x as S } from "./styleConstants-C_YAPdQS.js";
-import { t as C } from "./TplModal-D8DoPbFa.js";
+import { t as C } from "./TplModal-mLMmolQp.js";
 //#region src/cloud/components/CloudErrorOverlay.vue?vue&type=script&setup=true&lang.ts
 var w = {
 	key: 0,
@@ -135,7 +135,7 @@ var w = {
 		ready: {}
 	},
 	setup(e) {
-		let r = h(() => import("./AiChatSidebar-mKImUXi6.js")), o = h(() => import("./DesignReferenceSidebar-BlSdh5B7.js")), c = h(() => import("./TemplateScoringPanel-d_Ppowsq.js")), l = e;
+		let r = h(() => import("./AiChatSidebar-DiG-EQ-E.js")), o = h(() => import("./DesignReferenceSidebar-C1-SbE_R.js")), c = h(() => import("./TemplateScoringPanel-ebsrVge3.js")), l = e;
 		function d(e) {
 			l.core.history.record(), l.editor.setContent(e), l.core.conditionPreview.reset();
 		}
@@ -213,4 +213,4 @@ var w = {
 //#endregion
 export { G as default };
 
-//# sourceMappingURL=CloudPanels-DPh71yOO.js.map
+//# sourceMappingURL=CloudPanels-DpKck9Na.js.map

package/dist/cdn/chunks/CloudPanels-DpKck9Na.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudPanels-DpKck9Na.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_toDisplayString","_normalizeClass","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_unref","_createStaticVNode","_createElementVNode","_Fragment","_renderList","_createCommentVNode","_sfc_main","_hoisted_1","_openBlock","_createBlock","TplModal","_withCtx","_createElementVNode","_createVNode","_unref","AlertTriangle","_toDisplayString","_createElementBlock","_Fragment","_renderList","_normalizeClass","_sfc_main","_openBlock","_createElementBlock","_toDisplayString","_unref","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_Fragment","_createVNode","_Transition","_withCtx","CloudLoadingOverlay","CloudErrorOverlay","CloudSaveGateModal","CollabUndoToast","_unref","_sfc_main","renderList","withCtx","openBlock","defineComponent","unref","createVNode","normalizeClass","createElementBlock","createCommentVNode","createBlock","Transition","createBaseVNode","Fragment","toDisplayString","createStaticVNode","defineAsyncComponent","useI18n","CircleAlert","TriangleAlert","useCloudI18nStrict","dangerBtnClass","primaryBtnClass","secondaryBtnClass","TplModal_default","_hoisted_1$3","_hoisted_2$2","_hoisted_3$2","_hoisted_4$1","_hoisted_5$1","CloudErrorOverlay_default","__emit","emit","cloudT","getErrorMessage","error","isNotFoundError","__props","_cache","_hoisted_1$2","_hoisted_2$1","_hoisted_3$1","CloudLoadingOverlay_default","n","_hoisted_1$1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","CloudSaveGateModal_default","issue","_hoisted_1","\"color\"","\"border\"","CollabUndoToast_default","CloudPanels_default","AiChatSidebar","DesignReferenceSidebar","TemplateScoringPanel","props","applyContent","content"],"sources":["../../../src/cloud/components/CloudErrorOverlay.vue","../../../src/cloud/components/CloudErrorOverlay.vue","../../../src/cloud/components/CloudLoadingOverlay.vue","../../../src/cloud/components/CloudLoadingOverlay.vue","../../../src/cloud/components/CloudSaveGateModal.vue","../../../src/cloud/components/CloudSaveGateModal.vue","../../../src/cloud/components/CollabUndoToast.vue","../../../src/cloud/components/CollabUndoToast.vue","../../../src/cloud/components/CloudPanels.vue","../../../src/cloud/components/CloudPanels.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CircleAlert } from \"@lucide/vue\";\nimport { primaryBtnClass } from \"../../constants/styleConstants\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  error: Error | null;\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nfunction getErrorMessage(error: Error): string {\n  if (\n    \"isUnauthorized\" in error &&\n    (error as { isUnauthorized: boolean }).isUnauthorized\n  ) {\n    return cloudT.error.authFailed;\n  }\n  if (\"isNotFound\" in error && (error as { isNotFound: boolean }).isNotFound) {\n    return cloudT.error.templateNotFound;\n  }\n  return cloudT.error.defaultMessage;\n}\n\nfunction isNotFoundError(error: Error): boolean {\n  return (\n    \"isNotFound\" in error && !!(error as { isNotFound: boolean }).isNotFound\n  );\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible && error\"\n    role=\"alert\"\n    class=\"tpl-error tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]\"\n  >\n    <div\n      class=\"tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]\"\n    >\n      <CircleAlert\n        :size=\"32\"\n        :stroke-width=\"1.5\"\n        class=\"tpl:text-[var(--tpl-danger)]\"\n      />\n    </div>\n    <div\n      class=\"tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center\"\n    >\n      <h2 class=\"tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]\">\n        {{ cloudT.error.title }}\n      </h2>\n      <p class=\"tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n        {{ getErrorMessage(error) }}\n      </p>\n    </div>\n    <button\n      v-if=\"!isNotFoundError(error)\"\n      type=\"button\"\n      :class=\"primaryBtnClass\"\n      @click=\"emit('retry')\"\n    >\n      {{ cloudT.error.retry }}\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { CircleAlert } from \"@lucide/vue\";\nimport { primaryBtnClass } from \"../../constants/styleConstants\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  error: Error | null;\n  visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"retry\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nfunction getErrorMessage(error: Error): string {\n  if (\n    \"isUnauthorized\" in error &&\n    (error as { isUnauthorized: boolean }).isUnauthorized\n  ) {\n    return cloudT.error.authFailed;\n  }\n  if (\"isNotFound\" in error && (error as { isNotFound: boolean }).isNotFound) {\n    return cloudT.error.templateNotFound;\n  }\n  return cloudT.error.defaultMessage;\n}\n\nfunction isNotFoundError(error: Error): boolean {\n  return (\n    \"isNotFound\" in error && !!(error as { isNotFound: boolean }).isNotFound\n  );\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible && error\"\n    role=\"alert\"\n    class=\"tpl-error tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]\"\n  >\n    <div\n      class=\"tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]\"\n    >\n      <CircleAlert\n        :size=\"32\"\n        :stroke-width=\"1.5\"\n        class=\"tpl:text-[var(--tpl-danger)]\"\n      />\n    </div>\n    <div\n      class=\"tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center\"\n    >\n      <h2 class=\"tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]\">\n        {{ cloudT.error.title }}\n      </h2>\n      <p class=\"tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n        {{ getErrorMessage(error) }}\n      </p>\n    </div>\n    <button\n      v-if=\"!isNotFoundError(error)\"\n      type=\"button\"\n      :class=\"primaryBtnClass\"\n      @click=\"emit('retry')\"\n    >\n      {{ cloudT.error.retry }}\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-busy=\"true\"\n    :aria-label=\"cloudT.loading.initializing\"\n    class=\"tpl-loading tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]\"\n  >\n    <!-- Skeleton header -->\n    <div\n      class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"\n    >\n      <div\n        class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"\n      ></div>\n      <div class=\"tpl:flex tpl:gap-3\">\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n    </div>\n    <!-- Skeleton body -->\n    <div class=\"tpl:flex tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Left sidebar rail -->\n      <div\n        class=\"tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          v-for=\"n in 5\"\n          :key=\"n\"\n          class=\"tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n      <!-- Canvas area -->\n      <div\n        class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"\n      >\n        <div\n          class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"\n        >\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:flex tpl:justify-center tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"\n            ></div>\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"\n            ></div>\n          </div>\n        </div>\n      </div>\n      <!-- Right panel -->\n      <div\n        class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-busy=\"true\"\n    :aria-label=\"cloudT.loading.initializing\"\n    class=\"tpl-loading tpl:absolute tpl:inset-0 tpl:z-[100] tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]\"\n  >\n    <!-- Skeleton header -->\n    <div\n      class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"\n    >\n      <div\n        class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"\n      ></div>\n      <div class=\"tpl:flex tpl:gap-3\">\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n    </div>\n    <!-- Skeleton body -->\n    <div class=\"tpl:flex tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Left sidebar rail -->\n      <div\n        class=\"tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          v-for=\"n in 5\"\n          :key=\"n\"\n          class=\"tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n      </div>\n      <!-- Canvas area -->\n      <div\n        class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"\n      >\n        <div\n          class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"\n        >\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div>\n            <div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div>\n          </div>\n          <div class=\"tpl:flex tpl:justify-center tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"\n            ></div>\n          </div>\n          <div class=\"tpl:space-y-2 tpl:py-4\">\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"\n            ></div>\n            <div\n              class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"\n            ></div>\n          </div>\n        </div>\n      </div>\n      <!-- Right panel -->\n      <div\n        class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"\n      >\n        <div\n          class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"\n        ></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n        <div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AlertTriangle } from \"@lucide/vue\";\nimport {\n  dangerBtnClass,\n  secondaryBtnClass,\n} from \"../../constants/styleConstants\";\nimport TplModal from \"../../components/TplModal.vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\ndefineProps<{\n  open: boolean;\n  issues: LintIssue[];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <TplModal :visible=\"open\" @close=\"emit('cancel')\">\n    <div\n      role=\"alertdialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"tpl-save-gate-title\"\n      aria-describedby=\"tpl-save-gate-body\"\n      data-testid=\"cloud-save-gate-dialog\"\n      class=\"tpl:flex tpl:max-h-[80%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-lg)]\"\n    >\n      <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n        <AlertTriangle\n          :size=\"18\"\n          :stroke-width=\"2\"\n          class=\"tpl:text-[var(--tpl-warning)]\"\n        />\n        <h2\n          id=\"tpl-save-gate-title\"\n          class=\"tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n        >\n          {{ cloudT.saveGate.title }}\n        </h2>\n      </header>\n\n      <p\n        id=\"tpl-save-gate-body\"\n        class=\"tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n      >\n        {{ cloudT.saveGate.body }}\n      </p>\n\n      <ul\n        class=\"tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-2\"\n      >\n        <li\n          v-for=\"issue in issues\"\n          :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n          class=\"tpl:flex tpl:flex-col tpl:gap-0.5 tpl:rounded tpl:px-2 tpl:py-1.5\"\n        >\n          <span class=\"tpl:text-xs tpl:text-[var(--tpl-text)]\">\n            {{ issue.message }}\n          </span>\n          <span\n            class=\"tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n          >\n            {{ issue.ruleId }}\n          </span>\n        </li>\n      </ul>\n\n      <footer class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n        <button\n          type=\"button\"\n          data-testid=\"cloud-save-gate-cancel\"\n          :class=\"secondaryBtnClass\"\n          @click=\"emit('cancel')\"\n        >\n          {{ cloudT.saveGate.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"cloud-save-gate-confirm\"\n          :class=\"dangerBtnClass\"\n          @click=\"emit('confirm')\"\n        >\n          {{ cloudT.saveGate.confirm }}\n        </button>\n      </footer>\n    </div>\n  </TplModal>\n</template>\n","<script setup lang=\"ts\">\nimport { AlertTriangle } from \"@lucide/vue\";\nimport {\n  dangerBtnClass,\n  secondaryBtnClass,\n} from \"../../constants/styleConstants\";\nimport TplModal from \"../../components/TplModal.vue\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { LintIssue } from \"../../composables/useTemplateLint\";\n\ndefineProps<{\n  open: boolean;\n  issues: LintIssue[];\n}>();\n\nconst emit = defineEmits<{\n  (e: \"cancel\"): void;\n  (e: \"confirm\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n</script>\n\n<template>\n  <TplModal :visible=\"open\" @close=\"emit('cancel')\">\n    <div\n      role=\"alertdialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"tpl-save-gate-title\"\n      aria-describedby=\"tpl-save-gate-body\"\n      data-testid=\"cloud-save-gate-dialog\"\n      class=\"tpl:flex tpl:max-h-[80%] tpl:w-full tpl:max-w-md tpl:flex-col tpl:gap-4 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-5 tpl:shadow-[var(--tpl-shadow-lg)]\"\n    >\n      <header class=\"tpl:flex tpl:items-center tpl:gap-2\">\n        <AlertTriangle\n          :size=\"18\"\n          :stroke-width=\"2\"\n          class=\"tpl:text-[var(--tpl-warning)]\"\n        />\n        <h2\n          id=\"tpl-save-gate-title\"\n          class=\"tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n        >\n          {{ cloudT.saveGate.title }}\n        </h2>\n      </header>\n\n      <p\n        id=\"tpl-save-gate-body\"\n        class=\"tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n      >\n        {{ cloudT.saveGate.body }}\n      </p>\n\n      <ul\n        class=\"tpl:m-0 tpl:flex tpl:max-h-64 tpl:list-none tpl:flex-col tpl:gap-1.5 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-2\"\n      >\n        <li\n          v-for=\"issue in issues\"\n          :key=\"`${issue.ruleId}-${issue.blockId ?? 'template'}`\"\n          class=\"tpl:flex tpl:flex-col tpl:gap-0.5 tpl:rounded tpl:px-2 tpl:py-1.5\"\n        >\n          <span class=\"tpl:text-xs tpl:text-[var(--tpl-text)]\">\n            {{ issue.message }}\n          </span>\n          <span\n            class=\"tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n          >\n            {{ issue.ruleId }}\n          </span>\n        </li>\n      </ul>\n\n      <footer class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n        <button\n          type=\"button\"\n          data-testid=\"cloud-save-gate-cancel\"\n          :class=\"secondaryBtnClass\"\n          @click=\"emit('cancel')\"\n        >\n          {{ cloudT.saveGate.cancel }}\n        </button>\n        <button\n          type=\"button\"\n          data-testid=\"cloud-save-gate-confirm\"\n          :class=\"dangerBtnClass\"\n          @click=\"emit('confirm')\"\n        >\n          {{ cloudT.saveGate.confirm }}\n        </button>\n      </footer>\n    </div>\n  </TplModal>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    role=\"status\"\n    aria-live=\"polite\"\n    class=\"tpl:absolute tpl:top-16 tpl:left-1/2 tpl:z-[60] tpl:-translate-x-1/2 tpl:rounded-[var(--tpl-radius)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"\n      background-color: var(--tpl-warning-light);\n      color: var(--tpl-text);\n      border: 1px solid var(--tpl-warning);\n    \"\n  >\n    {{ t.history.collabWarning }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\n\ndefineProps<{\n  visible: boolean;\n}>();\n\nconst { t } = useI18n();\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    role=\"status\"\n    aria-live=\"polite\"\n    class=\"tpl:absolute tpl:top-16 tpl:left-1/2 tpl:z-[60] tpl:-translate-x-1/2 tpl:rounded-[var(--tpl-radius)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"\n      background-color: var(--tpl-warning-light);\n      color: var(--tpl-text);\n      border: 1px solid var(--tpl-warning);\n    \"\n  >\n    {{ t.history.collabWarning }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport type { TemplateContent } from \"@templatical/types\";\nimport type { UseEditorReturn } from \"@templatical/core\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport type { CloudAttachment, CloudReady, CloudRuntime } from \"../runtime\";\n\nimport CloudErrorOverlay from \"./CloudErrorOverlay.vue\";\nimport CloudLoadingOverlay from \"./CloudLoadingOverlay.vue\";\nimport CloudSaveGateModal from \"./CloudSaveGateModal.vue\";\nimport CollabUndoToast from \"./CollabUndoToast.vue\";\n\nconst AiChatSidebar = defineAsyncComponent(() => import(\"./AiChatSidebar.vue\"));\nconst DesignReferenceSidebar = defineAsyncComponent(\n  () => import(\"./DesignReferenceSidebar.vue\"),\n);\nconst TemplateScoringPanel = defineAsyncComponent(\n  () => import(\"./TemplateScoringPanel.vue\"),\n);\n\n/**\n * Every piece of Cloud chrome that renders outside the header.\n *\n * `Editor.vue` mounts this behind one lazy `defineAsyncComponent` gated on a\n * cloud runtime being present, so an OSS consumer downloads none of it — the\n * `SavedBlocksPanels` / `TestEmailPanel` pattern.\n *\n * The overlays live here rather than in the shared editor deliberately: `init()`\n * cannot fail after it mounts, and OSS should not grow the ability.\n *\n * The comments sidebar is deliberately not here: it is shared, as `CommentsPanel`\n * in `Editor.vue` over a `CommentsProvider`. Its filter target lives on the shared\n * feature rather than being relayed through this component, so it survives the\n * lazy panel's mount without a runtime hop.\n *\n * The media library is not here either: it is shared, as `MediaPanels` in\n * `Editor.vue` over a `MediaProvider`. Cloud supplies that provider; it does\n * not mount a second modal.\n */\nconst props = defineProps<{\n  editor: UseEditorReturn;\n  core: UseEditorCoreReturn;\n  runtime: CloudRuntime;\n  cloud: CloudAttachment;\n  ready: CloudReady;\n}>();\n\nfunction applyContent(content: TemplateContent): void {\n  props.core.history.record();\n  props.editor.setContent(content);\n  props.core.conditionPreview.reset();\n}\n</script>\n\n<template>\n  <!-- A template create / load in flight. Cloud reads its content from the\n       server, so there is a real gap where the canvas shows the wrong thing. -->\n  <Transition\n    enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n    enter-from-class=\"tpl:opacity-100\"\n    enter-to-class=\"tpl:opacity-100\"\n    leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n    leave-from-class=\"tpl:opacity-100\"\n    leave-to-class=\"tpl:opacity-0\"\n  >\n    <CloudLoadingOverlay :visible=\"editor.state.isLoading\" />\n  </Transition>\n\n  <!-- Session failure — an auth refresh that could not renew the token. The\n       *bootstrap* has no overlay any more: it runs before the mount, so a\n       failure there rejects `initCloud()` instead of mounting a dead editor. -->\n  <Transition\n    enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n    enter-from-class=\"tpl:opacity-0\"\n    enter-to-class=\"tpl:opacity-100\"\n    leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n    leave-from-class=\"tpl:opacity-100\"\n    leave-to-class=\"tpl:opacity-0\"\n  >\n    <CloudErrorOverlay\n      :error=\"ready.sessionError.value\"\n      :visible=\"!!ready.sessionError.value\"\n      @retry=\"ready.retry\"\n    />\n  </Transition>\n\n  <CloudSaveGateModal\n    :open=\"ready.saveGate.modalOpen.value\"\n    :issues=\"ready.saveGate.blockingIssues.value\"\n    @cancel=\"ready.saveGate.cancel\"\n    @confirm=\"ready.saveGate.confirmAndSave\"\n  />\n\n  <Transition\n    enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n    enter-from-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n    enter-to-class=\"tpl:translate-y-0 tpl:opacity-100\"\n    leave-active-class=\"tpl:transition-all tpl:duration-300 tpl:ease-in\"\n    leave-from-class=\"tpl:translate-y-0 tpl:opacity-100\"\n    leave-to-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n  >\n    <CollabUndoToast\n      :visible=\"ready.collabWarning.collabUndoWarningVisible.value\"\n    />\n  </Transition>\n\n  <AiChatSidebar\n    :visible=\"cloud.panelState.aiChatOpen.value\"\n    :on-apply=\"applyContent\"\n    @close=\"cloud.panelState.aiChatOpen.value = false\"\n  />\n\n  <TemplateScoringPanel\n    :visible=\"cloud.panelState.scoringPanelOpen.value\"\n    @close=\"cloud.panelState.scoringPanelOpen.value = false\"\n  />\n\n  <DesignReferenceSidebar\n    :visible=\"cloud.panelState.designReferenceOpen.value\"\n    :has-existing-blocks=\"editor.content.value.blocks.length > 0\"\n    @close=\"cloud.panelState.designReferenceOpen.value = false\"\n    @apply=\"applyContent\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport type { TemplateContent } from \"@templatical/types\";\nimport type { UseEditorReturn } from \"@templatical/core\";\n\nimport type { UseEditorCoreReturn } from \"../../composables/useEditorCore\";\nimport type { CloudAttachment, CloudReady, CloudRuntime } from \"../runtime\";\n\nimport CloudErrorOverlay from \"./CloudErrorOverlay.vue\";\nimport CloudLoadingOverlay from \"./CloudLoadingOverlay.vue\";\nimport CloudSaveGateModal from \"./CloudSaveGateModal.vue\";\nimport CollabUndoToast from \"./CollabUndoToast.vue\";\n\nconst AiChatSidebar = defineAsyncComponent(() => import(\"./AiChatSidebar.vue\"));\nconst DesignReferenceSidebar = defineAsyncComponent(\n  () => import(\"./DesignReferenceSidebar.vue\"),\n);\nconst TemplateScoringPanel = defineAsyncComponent(\n  () => import(\"./TemplateScoringPanel.vue\"),\n);\n\n/**\n * Every piece of Cloud chrome that renders outside the header.\n *\n * `Editor.vue` mounts this behind one lazy `defineAsyncComponent` gated on a\n * cloud runtime being present, so an OSS consumer downloads none of it — the\n * `SavedBlocksPanels` / `TestEmailPanel` pattern.\n *\n * The overlays live here rather than in the shared editor deliberately: `init()`\n * cannot fail after it mounts, and OSS should not grow the ability.\n *\n * The comments sidebar is deliberately not here: it is shared, as `CommentsPanel`\n * in `Editor.vue` over a `CommentsProvider`. Its filter target lives on the shared\n * feature rather than being relayed through this component, so it survives the\n * lazy panel's mount without a runtime hop.\n *\n * The media library is not here either: it is shared, as `MediaPanels` in\n * `Editor.vue` over a `MediaProvider`. Cloud supplies that provider; it does\n * not mount a second modal.\n */\nconst props = defineProps<{\n  editor: UseEditorReturn;\n  core: UseEditorCoreReturn;\n  runtime: CloudRuntime;\n  cloud: CloudAttachment;\n  ready: CloudReady;\n}>();\n\nfunction applyContent(content: TemplateContent): void {\n  props.core.history.record();\n  props.editor.setContent(content);\n  props.core.conditionPreview.reset();\n}\n</script>\n\n<template>\n  <!-- A template create / load in flight. Cloud reads its content from the\n       server, so there is a real gap where the canvas shows the wrong thing. -->\n  <Transition\n    enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n    enter-from-class=\"tpl:opacity-100\"\n    enter-to-class=\"tpl:opacity-100\"\n    leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n    leave-from-class=\"tpl:opacity-100\"\n    leave-to-class=\"tpl:opacity-0\"\n  >\n    <CloudLoadingOverlay :visible=\"editor.state.isLoading\" />\n  </Transition>\n\n  <!-- Session failure — an auth refresh that could not renew the token. The\n       *bootstrap* has no overlay any more: it runs before the mount, so a\n       failure there rejects `initCloud()` instead of mounting a dead editor. -->\n  <Transition\n    enter-active-class=\"tpl:transition-opacity tpl:duration-200\"\n    enter-from-class=\"tpl:opacity-0\"\n    enter-to-class=\"tpl:opacity-100\"\n    leave-active-class=\"tpl:transition-opacity tpl:duration-300\"\n    leave-from-class=\"tpl:opacity-100\"\n    leave-to-class=\"tpl:opacity-0\"\n  >\n    <CloudErrorOverlay\n      :error=\"ready.sessionError.value\"\n      :visible=\"!!ready.sessionError.value\"\n      @retry=\"ready.retry\"\n    />\n  </Transition>\n\n  <CloudSaveGateModal\n    :open=\"ready.saveGate.modalOpen.value\"\n    :issues=\"ready.saveGate.blockingIssues.value\"\n    @cancel=\"ready.saveGate.cancel\"\n    @confirm=\"ready.saveGate.confirmAndSave\"\n  />\n\n  <Transition\n    enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n    enter-from-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n    enter-to-class=\"tpl:translate-y-0 tpl:opacity-100\"\n    leave-active-class=\"tpl:transition-all tpl:duration-300 tpl:ease-in\"\n    leave-from-class=\"tpl:translate-y-0 tpl:opacity-100\"\n    leave-to-class=\"tpl:translate-y-[-8px] tpl:opacity-0\"\n  >\n    <CollabUndoToast\n      :visible=\"ready.collabWarning.collabUndoWarningVisible.value\"\n    />\n  </Transition>\n\n  <AiChatSidebar\n    :visible=\"cloud.panelState.aiChatOpen.value\"\n    :on-apply=\"applyContent\"\n    @close=\"cloud.panelState.aiChatOpen.value = false\"\n  />\n\n  <TemplateScoringPanel\n    :visible=\"cloud.panelState.scoringPanelOpen.value\"\n    @close=\"cloud.panelState.scoringPanelOpen.value = false\"\n  />\n\n  <DesignReferenceSidebar\n    :visible=\"cloud.panelState.designReferenceOpen.value\"\n    :has-existing-blocks=\"editor.content.value.blocks.length > 0\"\n    @close=\"cloud.panelState.designReferenceOpen.value = false\"\n    @apply=\"applyContent\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/{CollaboratorBar-lCZU8qkg.js → CollaboratorBar-Clm1ZVXQ.js}

@@ -1,6 +1,6 @@
 import { F as e, N as t, S as n, at as r, f as i, g as a, h as o, lt as s, m as c, p as l, u, ut as d } from "./draggable-IB4x6w2O.js";
-import "./useEditorCore-DZmtKwJh.js";
-import { a as f, i as p } from "./icons-BKkJ-5xF.js";
+import "./useEditorCore-D4kzTMtQ.js";
+import { a as f, i as p } from "./icons-CQnjugjy.js";
 import { n as m } from "./useCloudI18n-CrjWbpbu.js";
 import { t as h } from "./readableTextColor-f8Kykfnh.js";
 //#region src/cloud/components/CollaboratorBar.vue?vue&type=script&setup=true&lang.ts
@@ -49,4 +49,4 @@ var g = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, _
 //#endregion
 export { S as default };
 
-//# sourceMappingURL=CollaboratorBar-lCZU8qkg.js.map
+//# sourceMappingURL=CollaboratorBar-Clm1ZVXQ.js.map

package/dist/cdn/chunks/CollaboratorBar-Clm1ZVXQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollaboratorBar-Clm1ZVXQ.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_unref","_createBlock","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_sfc_main","renderList","openBlock","defineComponent","unref","computed","createElementBlock","createCommentVNode","normalizeStyle","createBlock","createBaseVNode","toDisplayString","WifiOff","Wifi","useCloudI18nStrict","readableTextColor","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","maxVisible","CollaboratorBar_default","props","__props","cloudT","visibleCollaborators","overflowCollaborators","overflowCount","overflowNames","c","getInitials","parts","name","Fragment","collaborator"],"sources":["../../../src/cloud/components/CollaboratorBar.vue","../../../src/cloud/components/CollaboratorBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Collaborator } from \"@templatical/types\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { Wifi, WifiOff } from \"@lucide/vue\";\nimport { computed } from \"vue\";\nimport { readableTextColor } from \"../../utils/readableTextColor\";\n\nconst props = defineProps<{\n  collaborators: Collaborator[];\n  isConnected: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst maxVisible = 3;\n\nconst visibleCollaborators = computed(() =>\n  props.collaborators.slice(0, maxVisible),\n);\n\nconst overflowCollaborators = computed(() =>\n  props.collaborators.slice(maxVisible),\n);\n\nconst overflowCount = computed(() => overflowCollaborators.value.length);\n\nconst overflowNames = computed(() =>\n  overflowCollaborators.value.map((c) => c.name).join(\"\\n\"),\n);\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (\n      parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n    ).toUpperCase();\n  }\n  return name.charAt(0).toUpperCase();\n}\n</script>\n\n<template>\n  <div class=\"tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2\">\n    <!-- Connection indicator -->\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs\"\n      :style=\"{\n        color: isConnected ? 'var(--tpl-success)' : 'var(--tpl-text-muted)',\n      }\"\n      :title=\"\n        isConnected\n          ? cloudT.collaboration.connected\n          : cloudT.collaboration.disconnected\n      \"\n    >\n      <Wifi v-if=\"isConnected\" :size=\"12\" :stroke-width=\"2\" />\n      <WifiOff v-else :size=\"12\" :stroke-width=\"2\" />\n    </div>\n\n    <!-- Avatar stack -->\n    <div\n      v-if=\"collaborators.length > 0\"\n      class=\"tpl:flex tpl:items-center tpl:-space-x-1.5\"\n    >\n      <div\n        v-for=\"collaborator in visibleCollaborators\"\n        :key=\"collaborator.id\"\n        class=\"tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]\"\n        :style=\"{\n          backgroundColor: collaborator.color,\n          color: readableTextColor(collaborator.color),\n        }\"\n        :title=\"collaborator.name\"\n      >\n        {{ getInitials(collaborator.name) }}\n      </div>\n      <div\n        v-if=\"overflowCount > 0\"\n        class=\"tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"overflowNames\"\n      >\n        +{{ overflowCount }}\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Collaborator } from \"@templatical/types\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { Wifi, WifiOff } from \"@lucide/vue\";\nimport { computed } from \"vue\";\nimport { readableTextColor } from \"../../utils/readableTextColor\";\n\nconst props = defineProps<{\n  collaborators: Collaborator[];\n  isConnected: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst maxVisible = 3;\n\nconst visibleCollaborators = computed(() =>\n  props.collaborators.slice(0, maxVisible),\n);\n\nconst overflowCollaborators = computed(() =>\n  props.collaborators.slice(maxVisible),\n);\n\nconst overflowCount = computed(() => overflowCollaborators.value.length);\n\nconst overflowNames = computed(() =>\n  overflowCollaborators.value.map((c) => c.name).join(\"\\n\"),\n);\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (\n      parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n    ).toUpperCase();\n  }\n  return name.charAt(0).toUpperCase();\n}\n</script>\n\n<template>\n  <div class=\"tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2\">\n    <!-- Connection indicator -->\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs\"\n      :style=\"{\n        color: isConnected ? 'var(--tpl-success)' : 'var(--tpl-text-muted)',\n      }\"\n      :title=\"\n        isConnected\n          ? cloudT.collaboration.connected\n          : cloudT.collaboration.disconnected\n      \"\n    >\n      <Wifi v-if=\"isConnected\" :size=\"12\" :stroke-width=\"2\" />\n      <WifiOff v-else :size=\"12\" :stroke-width=\"2\" />\n    </div>\n\n    <!-- Avatar stack -->\n    <div\n      v-if=\"collaborators.length > 0\"\n      class=\"tpl:flex tpl:items-center tpl:-space-x-1.5\"\n    >\n      <div\n        v-for=\"collaborator in visibleCollaborators\"\n        :key=\"collaborator.id\"\n        class=\"tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]\"\n        :style=\"{\n          backgroundColor: collaborator.color,\n          color: readableTextColor(collaborator.color),\n        }\"\n        :title=\"collaborator.name\"\n      >\n        {{ getInitials(collaborator.name) }}\n      </div>\n      <div\n        v-if=\"overflowCount > 0\"\n        class=\"tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"overflowNames\"\n      >\n        +{{ overflowCount }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;iCAcM+B,IAAa;;;;;;;EAPnB,IAAME,IAAQC,GAKR,EAAE,GAAGC,MAAWX,EAAmB,GAInCY,IAAuBrB,QAC3BkB,EAAM,cAAc,MAAM,GAAGF,CAAU,CACzC,GAEMM,IAAwBtB,QAC5BkB,EAAM,cAAc,MAAMF,CAAU,CACtC,GAEMO,IAAgBvB,QAAesB,EAAsB,MAAM,MAAM,GAEjEE,IAAgBxB,QACpBsB,EAAsB,MAAM,KAAK,MAAMG,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,CAC1D;EAEA,SAASC,EAAY,GAAsB;GACzC,IAAMC,IAAQC,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK;GAMrC,OALID,EAAM,UAAU,KAEhBA,EAAM,EAAE,CAAC,OAAO,CAAC,IAAIA,EAAMA,EAAM,SAAS,EAAE,CAAC,OAAO,CAAC,EAAA,CACrD,YAAY,IAETC,EAAK,OAAO,CAAC,CAAC,CAAC,YAAY;EACpC;oBAIE3C,EAAA,GAAAC,EA0CM,OA1CNyB,GA0CM,CAxCJxB,EAaM,OAAA;GAZJ,OAAM;GACL,OAAKC,EAAA,EAAmB,OAAA+B,EAAA,cAAW,uBAAA,wBAAA,CAAA;GAGnC,OAAgBA,EAAA,cAAwB9B,EAAA+B,CAAA,CAAM,CAAC,cAAc,YAAsB/B,EAAA+B,CAAA,CAAM,CAAC,cAAc;EAM7F,GAAA,CAAAD,EAAA,eAAZlC,EAAA,GAAAK,EAAwDD,EAAAmB,CAAA,GAAA;;GAA9B,MAAM;GAAK,gBAAc;EACnDvB,CAAAA,MAAAA,EAAA,GAAAK,EAA+CD,EAAAkB,CAAA,GAAA;;GAA9B,MAAM;GAAK,gBAAc;EAKpC,CAAA,EAAA,GAAA,IAAAK,CAAA,GAAAO,EAAA,cAAc,SAAM,KAD5BlC,EAAA,GAAAC,EAuBM,OAvBN2B,GAuBM,EAnBJ5B,EAAA,EAAA,GAAAC,EAWMK,GAAA,MAAAC,EAVmB6B,EAAA,QAAhB,OADTpC,EAAA,GAAAC,EAWM,OAAA;GATH,KAAK4C,EAAa;GACnB,OAAM;GACL,OAAK1C,EAAA;IAA+B,iBAAA0C,EAAa;IAAwB,OAAAzC,EAAAqB,CAAA,CAAiB,CAACoB,EAAa,KAAK;;GAI7G,OAAOA,EAAa;EAElB,GAAArC,EAAAiC,EAAYI,EAAa,IAAI,CAAA,GAAA,IAAAhB,CAAA,EAG1B,GAAA,GAAA,IAAAS,EAAA,QAAa,KADrBtC,EAAA,GAAAC,EAMM,OAAA;;GAJJ,OAAM;GACL,OAAOsC,EAAA;EACT,GAAA,OACE/B,EAAG8B,EAAA,KAAa,GAAA,GAAAR,CAAA,KAAAb,EAAA,IAAA,EAAA,CAAA,CAAA,KAAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/cdn/chunks/{CommentsPanel-BtAGZfF6.js → CommentsPanel-CjhxGMjL.js}

@@ -5,7 +5,7 @@ var o = /* @__PURE__ */ t({
 	__name: "CommentsPanel",
 	props: { feature: {} },
 	setup(t) {
-		let o = a(() => import("./CommentsSidebar-Ws07MXYj.js"));
+		let o = a(() => import("./CommentsSidebar-D9bqMnlt.js"));
 		return (a, s) => t.feature.isOpen.value ? (e(), i(n(o), {
 			key: 0,
 			visible: t.feature.isOpen.value,
@@ -17,4 +17,4 @@ var o = /* @__PURE__ */ t({
 //#endregion
 export { o as default };
 
-//# sourceMappingURL=CommentsPanel-BtAGZfF6.js.map
+//# sourceMappingURL=CommentsPanel-CjhxGMjL.js.map

package/dist/cdn/chunks/CommentsPanel-CjhxGMjL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsPanel-CjhxGMjL.js","names":["_openBlock","_createBlock","_unref","_createCommentVNode","_sfc_main","openBlock","defineComponent","unref","createCommentVNode","createBlock","defineAsyncComponent","CommentsPanel_default","CommentsSidebar","__props","_cache"],"sources":["../../../src/components/CommentsPanel.vue","../../../src/components/CommentsPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Mount point for the comments sidebar, shared by both entry points.\n *\n * The sidebar is `defineAsyncComponent` behind a `v-if` on its open state, so its\n * chunk is fetched only when the user actually opens the panel. `Editor.vue` in\n * turn lazy-loads *this* wrapper and renders it only when a `CommentsProvider` and\n * a `user` are configured, so a consumer with neither downloads none of it —\n * the `TestEmailPanel` / `SavedBlocksPanels` shape.\n *\n * Never static-import `CommentsSidebar` into `Editor.vue`: that collapses the\n * whole panel into the main entry for every consumer. Guarded by\n * `tests/cdn-chunk-granularity.test.ts`.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseCommentsFeatureReturn } from \"../composables/useCommentsFeature\";\n\ndefineProps<{\n  feature: UseCommentsFeatureReturn;\n}>();\n\nconst CommentsSidebar = defineAsyncComponent(\n  () => import(\"./CommentsSidebar.vue\"),\n);\n</script>\n\n<template>\n  <CommentsSidebar\n    v-if=\"feature.isOpen.value\"\n    :visible=\"feature.isOpen.value\"\n    :feature=\"feature\"\n    @close=\"feature.close()\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Mount point for the comments sidebar, shared by both entry points.\n *\n * The sidebar is `defineAsyncComponent` behind a `v-if` on its open state, so its\n * chunk is fetched only when the user actually opens the panel. `Editor.vue` in\n * turn lazy-loads *this* wrapper and renders it only when a `CommentsProvider` and\n * a `user` are configured, so a consumer with neither downloads none of it —\n * the `TestEmailPanel` / `SavedBlocksPanels` shape.\n *\n * Never static-import `CommentsSidebar` into `Editor.vue`: that collapses the\n * whole panel into the main entry for every consumer. Guarded by\n * `tests/cdn-chunk-granularity.test.ts`.\n */\nimport { defineAsyncComponent } from \"vue\";\nimport type { UseCommentsFeatureReturn } from \"../composables/useCommentsFeature\";\n\ndefineProps<{\n  feature: UseCommentsFeatureReturn;\n}>();\n\nconst CommentsSidebar = defineAsyncComponent(\n  () => import(\"./CommentsSidebar.vue\"),\n);\n</script>\n\n<template>\n  <CommentsSidebar\n    v-if=\"feature.isOpen.value\"\n    :visible=\"feature.isOpen.value\"\n    :feature=\"feature\"\n    @close=\"feature.close()\"\n  />\n</template>\n"],"mappings":";;;;;;;EAqBA,IAAMY,IAAkBF,QAChB,OAAO,gCACf;mBAKUG,EAAA,QAAQ,OAAO,SADvBb,EAAA,GAAAC,EAKEC,EAAAU,CAAA,GAAA;;GAHC,SAASC,EAAA,QAAQ,OAAO;GACxB,SAASA,EAAA;GACT,SAAK,AAAAC,EAAA,QAAA,MAAED,EAAA,QAAQ,MAAK"}

package/dist/cdn/chunks/{CommentsSidebar-Ws07MXYj.js → CommentsSidebar-D9bqMnlt.js}

@@ -1,7 +1,7 @@
 import { B as e, F as t, H as n, N as r, Q as i, S as a, U as o, at as s, b as c, ct as l, f as u, g as d, h as f, k as ee, lt as te, m as p, n as m, o as h, p as g, u as _, ut as v, y as ne } from "./draggable-IB4x6w2O.js";
 import { $ as re, g as ie } from "./keys-DCWeHkSF.js";
 import { t as ae } from "./useI18n-CyO_Nmca.js";
-import { It as oe, K as y, L as se, Lt as ce, M as b, Nt as le, d as x, it as S, jt as ue, n as C, tt as w } from "./icons-BKkJ-5xF.js";
+import { Lt as oe, Mt as se, N as y, Pt as ce, R as le, Rt as ue, at as b, f as x, n as S, nt as C, q as w } from "./icons-CQnjugjy.js";
 import { t as T } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
 //#region src/components/CommentsSidebar.vue?vue&type=script&setup=true&lang.ts
@@ -201,7 +201,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 				class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
 			}, [
 				g("div", pe, [g("div", me, [
-					c(s(w), {
+					c(s(C), {
 						size: 13,
 						"stroke-width": 2
 					}),
@@ -212,7 +212,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
 					"aria-label": s(O).comments.close,
 					onClick: i[0] ||= (e) => St("close")
-				}, [c(s(C), {
+				}, [c(s(S), {
 					size: 14,
 					"stroke-width": 2
 				})], 8, ge)]),
@@ -239,11 +239,11 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 						onClick: i[3] ||= (e) => U("block", s(A).state.selectedBlockId ?? void 0)
 					}, v(s(O).comments.filterBlock), 11, be)) : f("", !0)
 				]),
-				g("div", xe, [Ct.value ? (r(), d("div", Se, [c(s(S), {
+				g("div", xe, [Ct.value ? (r(), d("div", Se, [c(s(b), {
 					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 					size: 24,
 					"stroke-width": 2
-				})])) : H.value.length === 0 ? (r(), d("div", Ce, [c(s(w), {
+				})])) : H.value.length === 0 ? (r(), d("div", Ce, [c(s(C), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
@@ -264,7 +264,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
 								title: e.resolvedAt ? s(O).comments.unresolve : s(O).comments.resolve,
 								onClick: (t) => jt(e)
-							}, [c(s(ue), {
+							}, [c(s(se), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
@@ -276,7 +276,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
 								title: s(O).comments.edit,
 								onClick: (t) => W(e)
-							}, [c(s(y), {
+							}, [c(s(w), {
 								size: 12,
 								"stroke-width": 2
 							})], 8, Pe)) : f("", !0),
@@ -292,7 +292,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 							})], 8, Fe)) : f("", !0)
 						])]),
 						c(m, { name: "tpl-resolve" }, {
-							default: n(() => [e.resolvedAt ? (r(), d("div", Ie, [c(s(ce), {
+							default: n(() => [e.resolvedAt ? (r(), d("div", Ie, [c(s(ue), {
 								size: 10,
 								"stroke-width": 2.5
 							}), g("span", null, v(s(k)(s(O).comments.resolvedBy, { name: e.resolvedBy?.name ?? "" })), 1)])) : f("", !0)]),
@@ -334,7 +334,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
 							title: s(O).comments.reply,
 							onClick: (t) => kt(e.id)
-						}, [c(s(se), {
+						}, [c(s(le), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
@@ -342,7 +342,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 							key: 1,
 							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
 							onClick: (t) => Ot(e.id)
-						}, [R.value.has(e.id) ? (r(), p(s(le), {
+						}, [R.value.has(e.id) ? (r(), p(s(ce), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2
@@ -366,7 +366,7 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors",
 								title: s(O).comments.edit,
 								onClick: (e) => W(t)
-							}, [c(s(y), {
+							}, [c(s(w), {
 								size: 11,
 								"stroke-width": 2
 							})], 8, rt)) : f("", !0), Mt(t) ? (r(), d("button", {
@@ -419,14 +419,14 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 								class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 								disabled: !F.value.trim() || j.value.isSubmitting.value,
 								onClick: (t) => Y(e.id)
-							}, [c(s(b), {
+							}, [c(s(y), {
 								size: 14,
 								"stroke-width": 2
 							})], 8, gt),
 							g("button", {
 								class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:text-[var(--tpl-text-muted)]",
 								onClick: i[11] ||= (e) => At()
-							}, [c(s(C), {
+							}, [c(s(S), {
 								size: 14,
 								"stroke-width": 2
 							})])
@@ -449,12 +449,12 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 					"data-testid": "comments-send",
 					disabled: !N.value.trim() || j.value.isSubmitting.value,
 					onClick: J
-				}, [j.value.isSubmitting.value ? (r(), p(s(S), {
+				}, [j.value.isSubmitting.value ? (r(), p(s(b), {
 					key: 0,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (r(), p(s(b), {
+				})) : (r(), p(s(y), {
 					key: 1,
 					size: 16,
 					"stroke-width": 2
@@ -467,4 +467,4 @@ var fe = ["aria-label"], pe = { class: "tpl:flex tpl:items-center tpl:justify-be
 //#endregion
 export { E as default };
 
-//# sourceMappingURL=CommentsSidebar-Ws07MXYj.js.map
+//# sourceMappingURL=CommentsSidebar-D9bqMnlt.js.map