@templatical/editor 0.42.1 → 0.43.1

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

@@ -1 +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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"}
+{"version":3,"file":"CloudPanels-INOiwkET.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-Clm1ZVXQ.js → CollaboratorBar-CQ9EpYKQ.js}

@@ -1,5 +1,5 @@
 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-D4kzTMtQ.js";
+import "./useEditorCore-DoX2RgTl.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";
@@ -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-Clm1ZVXQ.js.map
+//# sourceMappingURL=CollaboratorBar-CQ9EpYKQ.js.map

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

@@ -1 +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"}
+{"version":3,"file":"CollaboratorBar-CQ9EpYKQ.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/{ParagraphEditor-J74SIn-m.js → ParagraphEditor-B6A4yQ0A.js}

@@ -1,7 +1,7 @@
 import { E as e, F as t, N as n, Q as r, R as i, S as a, at as o, b as s, c, ct as l, d as u, f as d, g as f, h as p, l as m, lt as h, m as g, p as _, q as v, u as y, ut as b, y as x } from "./draggable-IB4x6w2O.js";
 import { G as S } from "./src-BR3I3gOW.js";
 import { t as C } from "./dist-CXB2_kBa.js";
-import { _ as w, b as T, g as E, y as D } from "./useEditorCore-D4kzTMtQ.js";
+import { _ as w, b as T, g as E, y as D } from "./useEditorCore-DoX2RgTl.js";
 import { $ as O, A as k, E as A, J as ee, Z as j, g as M, v as N } from "./keys-DCWeHkSF.js";
 import { t as P } from "./useI18n-CyO_Nmca.js";
 import { n as F } from "./usePopoverPosition-DGXjXKjM.js";
@@ -613,4 +613,4 @@ var Ee = ["data-tpl-theme", "aria-label"], De = { class: "tpl:flex tpl:items-cen
 //#endregion
 export { Pe as default };
 
-//# sourceMappingURL=ParagraphEditor-J74SIn-m.js.map
+//# sourceMappingURL=ParagraphEditor-B6A4yQ0A.js.map