@templatical/editor 0.8.0 → 0.8.1

package/dist/{AiFeatureMenu-BOxQqkn9.js → AiFeatureMenu-BPOVM_Ou.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, M as n, b as r, d as i, f as a, h as o, l as s, ot as c, p as l, st as u } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-DT3VrvZS.js";
+import "./useEditorCore-DnCOsekL.js";
 import { A as d, t as f } from "./keys-CY3tkCsv.js";
 import { t as p } from "./image-up-CubAveUO.js";
 import { t as m } from "./shield-check-C5Gv2cM1.js";

package/dist/{CloudEditor-BzCVDD6e.js → CloudEditor-wAkx8TH_.js}

@@ -1,14 +1,14 @@
 import { A as e, B as t, L as n, M as r, O as i, Q as a, X as o, _ as s, at as c, b as l, c as u, d, f, g as p, h as m, j as h, k as g, l as _, m as v, o as y, ot as b, p as x, q as S, rt as C, st as w, t as T, v as E, y as D, z as O } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
 import { t as k } from "./timeouts-BSGxjuUF.js";
 import { E as A, i as j } from "./dist-DJmnUmW9.js";
-import { P as M, S as N, t as ee } from "./useEditorCore-DT3VrvZS.js";
+import { P as M, S as N, t as ee } from "./useEditorCore-DnCOsekL.js";
 import { s as P, t as F } from "./dist-BzRLLpfq.js";
 import { T as I, c as L, l as te, r as ne, s as R, t as re, w as z, x as B } from "./keys-CY3tkCsv.js";
 import { t as V } from "./useI18n-CWX9ZTCW.js";
 import { t as H } from "./createLucideIcon-Di4mqmGn.js";
 import { t as U } from "./check-BF4bEbCU.js";
 import { t as W } from "./circle-alert-CPIth9bC.js";
-import { a as G, c as K, i as q, l as ie, n as J, o as ae, r as oe, s as se, t as ce } from "./styles-Ci7RdimQ.js";
+import { a as G, c as K, i as q, l as ie, n as J, o as ae, r as oe, s as se, t as ce } from "./styles-BEhOSxt5.js";
 import { t as le } from "./clock-B9-ct9r_.js";
 import { t as Y } from "./loader-circle-_9bP23op.js";
 import { t as X } from "./message-circle-gzy2ZGJ3.js";
@@ -592,7 +592,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(t) {
-		let n = D(() => import("./CollaboratorBar-Cb-c1IkS.js")), r = D(() => import("./SnapshotHistory-DiAPOSDM.js")), i = D(() => import("./AiFeatureMenu-BOxQqkn9.js")), { t: a, format: o } = Q();
+		let n = D(() => import("./CollaboratorBar-DIr5ZUv9.js")), r = D(() => import("./SnapshotHistory-DJOsWv4i.js")), i = D(() => import("./AiFeatureMenu-BPOVM_Ou.js")), { t: a, format: o } = Q();
 		return (l, d) => (e(), m("header", Xe, [
 			f("div", Ze, [t.featureFlags.templateLimit.value === null ? v("", !0) : (e(), m("span", Qe, w(C(o)(C(a).header.templatesUsed, {
 				used: t.featureFlags.templateCount.value,
@@ -754,7 +754,7 @@ var Be = ["aria-label"], Ve = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(t, { expose: n, emit: r }) {
-		let i = D(() => import("./AiChatSidebar-B74X6tIx.js")), a = D(() => import("./CommentsSidebar-Qvppl-DR.js")), s = D(() => import("./DesignReferenceSidebar-ucgtoDll.js")), c = D(() => import("./TemplateScoringPanel-BzDVdfOx.js")), l = D(() => import("./TestEmailModal-D5I5Mgtb.js")), u = D(() => import("./SaveModuleDialog-DuzfCamG.js")), d = D(() => import("./ModuleBrowserModal-BotDsZ0R.js")), f = D(async () => {
+		let i = D(() => import("./AiChatSidebar-B74X6tIx.js")), a = D(() => import("./CommentsSidebar-Qvppl-DR.js")), s = D(() => import("./DesignReferenceSidebar-ucgtoDll.js")), c = D(() => import("./TemplateScoringPanel-BzDVdfOx.js")), l = D(() => import("./TestEmailModal-Dqj50aHe.js")), u = D(() => import("./SaveModuleDialog-DhgHOGgX.js")), d = D(() => import("./ModuleBrowserModal-VqGNisDp.js")), f = D(async () => {
 			try {
 				return (await import("@templatical/media-library")).MediaLibraryModal;
 			} catch {

package/dist/{CollaboratorBar-Cb-c1IkS.js → CollaboratorBar-DIr5ZUv9.js}

@@ -1,5 +1,5 @@
 import { A as e, M as t, b as n, d as r, f as i, h as a, l as o, m as s, ot as c, p as l, rt as u, st as d } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-DT3VrvZS.js";
+import "./useEditorCore-DnCOsekL.js";
 import { t as f } from "./createLucideIcon-Di4mqmGn.js";
 import { n as p } from "./useCloudI18n-BPUHj2CZ.js";
 import { t as m } from "./readableTextColor-CXzrEnNb.js";

package/dist/{ModuleBrowserModal-BotDsZ0R.js → ModuleBrowserModal-VqGNisDp.js}

@@ -1,13 +1,13 @@
 import { A as e, B as t, F as n, L as r, M as i, X as a, a as ee, b as o, c as s, d as c, f as l, h as u, i as te, l as d, m as ne, ot as re, p as f, rt as p, st as m, v as h, y as ie, z as ae } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-DT3VrvZS.js";
+import "./useEditorCore-DnCOsekL.js";
 import { A as g, p as _, w as oe } from "./keys-CY3tkCsv.js";
 import { t as se } from "./useI18n-CWX9ZTCW.js";
 import { t as v } from "./createLucideIcon-Di4mqmGn.js";
-import { n as y, t as b } from "./blockTypeIcons-CJNuGjLX.js";
+import { n as y, t as b } from "./blockTypeIcons-qnUeTls5.js";
 import { t as ce } from "./trash-2-424iqbpN.js";
 import { t as le } from "./x-Dlaenqta.js";
 import { n as ue } from "./useCloudI18n-BPUHj2CZ.js";
-import { t as de } from "./TplModal-CVq2BAIW.js";
+import { t as de } from "./TplModal-Dy6RXBV_.js";
 var fe = v("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
@@ -53,7 +53,7 @@ var fe = v("search", [["path", {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(o, { emit: v }) {
-		let B = o, V = v, Ee = ie(() => import("./ModulePreviewCanvas-CDg4MnJP.js")), { t: De } = se(), { t: H } = ue(), U = g(oe, "ModuleBrowserModal"), W = g(_, "ModuleBrowserModal"), G = a(""), K = a(null), q = a(null), J = a("end"), Y = c(() => {
+		let B = o, V = v, Ee = ie(() => import("./ModulePreviewCanvas-DmzW6I_9.js")), { t: De } = se(), { t: H } = ue(), U = g(oe, "ModuleBrowserModal"), W = g(_, "ModuleBrowserModal"), G = a(""), K = a(null), q = a(null), J = a("end"), Y = c(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-CDg4MnJP.js → ModulePreviewCanvas-DmzW6I_9.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, M as n, P as r, b as i, d as a, f as o, h as s, l as c, ot as l, p as u, rt as d, w as f } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { N as p, _ as m, a as h, f as g, g as _, h as v, i as y, m as b, n as x, p as S, r as C, u as w, v as T, y as E } from "./useEditorCore-DT3VrvZS.js";
+import { N as p, _ as m, a as h, f as g, g as _, h as v, i as y, m as b, n as x, p as S, r as C, u as w, v as T, y as E } from "./useEditorCore-DnCOsekL.js";
 import { o as D } from "./keys-CY3tkCsv.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ i({

package/dist/{ParagraphEditor-CfzIUFQ_.js → ParagraphEditor-BQTPI8j8.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, G as n, M as r, X as i, _ as a, at as o, b as s, c, d as l, f as u, h as d, l as f, m as p, ot as m, p as h, rt as g, s as _, st as v, u as y, v as b, w as x } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { C as S, b as C, w } from "./useEditorCore-DT3VrvZS.js";
+import { C as S, b as C, w } from "./useEditorCore-DnCOsekL.js";
 import { t as T } from "./dist-BzRLLpfq.js";
 import { A as E, D, h as O, k } from "./keys-CY3tkCsv.js";
 import { t as A } from "./useI18n-CWX9ZTCW.js";

package/dist/{SaveModuleDialog-DuzfCamG.js → SaveModuleDialog-DhgHOGgX.js}

@@ -1,10 +1,10 @@
 import { A as e, B as t, L as n, M as r, X as i, _ as a, a as o, at as s, b as c, d as l, f as u, h as d, l as ee, m as f, ot as p, p as m, rt as h, st as g, v as _, z as v } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-DT3VrvZS.js";
+import "./useEditorCore-DnCOsekL.js";
 import { A as y, p as b, w as x } from "./keys-CY3tkCsv.js";
 import { t as S } from "./useI18n-CWX9ZTCW.js";
 import { t as te } from "./loader-circle-_9bP23op.js";
 import { n as ne } from "./useCloudI18n-BPUHj2CZ.js";
-import { t as C } from "./TplModal-CVq2BAIW.js";
+import { t as C } from "./TplModal-Dy6RXBV_.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",

package/dist/{SnapshotHistory-DiAPOSDM.js → SnapshotHistory-DJOsWv4i.js}

@@ -1,5 +1,5 @@
 import { A as e, L as t, M as n, X as r, at as i, b as a, c as o, d as s, f as c, h as l, l as u, m as d, rt as f, st as p, t as m, v as h, z as g } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-DT3VrvZS.js";
+import "./useEditorCore-DnCOsekL.js";
 import { t as _ } from "./dist-BzRLLpfq.js";
 import { t as v } from "./useI18n-CWX9ZTCW.js";
 import { t as y } from "./createLucideIcon-Di4mqmGn.js";

package/dist/{TestEmailModal-D5I5Mgtb.js → TestEmailModal-Dqj50aHe.js}

@@ -1,8 +1,8 @@
 import { A as e, B as t, L as n, M as r, X as i, _ as a, at as o, b as s, f as c, h as l, i as u, l as d, m as f, p, rt as m, st as h, v as g, z as _ } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-DT3VrvZS.js";
+import "./useEditorCore-DnCOsekL.js";
 import { t as v } from "./loader-circle-_9bP23op.js";
 import { n as y } from "./useCloudI18n-BPUHj2CZ.js";
-import { t as b } from "./TplModal-CVq2BAIW.js";
+import { t as b } from "./TplModal-Dy6RXBV_.js";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {
 	id: "tpl-test-email-title",

package/dist/{TitleEditor-CZUkhtDo.js → TitleEditor-PQYXfY6W.js}

@@ -1,5 +1,5 @@
 import { A as e, G as t, _ as n, at as r, b as i, f as a, h as o, l as s, m as c, ot as l, p as u, rt as d, st as f, u as p, v as m, w as h } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { b as g } from "./useEditorCore-DT3VrvZS.js";
+import { b as g } from "./useEditorCore-DnCOsekL.js";
 import { D as _, k as v } from "./keys-CY3tkCsv.js";
 import { t as y } from "./useI18n-CWX9ZTCW.js";
 import { a as b, i as x, n as S, r as C, t as w } from "./RichTextEditorContent-Cu9NEkKd.js";

package/dist/{TplModal-CVq2BAIW.js → TplModal-Dy6RXBV_.js}

@@ -1,5 +1,5 @@
 import { A as e, N as t, X as n, b as r, c as i, d as a, f as o, h as s, m as c, p as l, rt as u, t as d, u as f, v as p, w as m, z as h } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { w as g } from "./useEditorCore-DT3VrvZS.js";
+import { w as g } from "./useEditorCore-DnCOsekL.js";
 import { k as _ } from "./keys-CY3tkCsv.js";
 import { t as v } from "./usePopoverRoot-BKJcxsst.js";
 //#region src/cloud/components/TplModal.vue?vue&type=script&setup=true&lang.ts

package/dist/{blockTypeIcons-CJNuGjLX.js → blockTypeIcons-qnUeTls5.js}

@@ -1,4 +1,4 @@
-import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-DT3VrvZS.js";
+import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-DnCOsekL.js";
 import { t as a } from "./createLucideIcon-Di4mqmGn.js";
 var o = a("columns-3", [
 	["rect", {

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.8.0",
-  "initialGzipBytes": 153127,
-  "initialRawBytes": 536472,
+  "version": "0.8.1",
+  "initialGzipBytes": 153153,
+  "initialRawBytes": 536572,
   "initialFileCount": 34,
-  "lazyGzipBytes": 264943,
+  "lazyGzipBytes": 264934,
   "lazyRawBytes": 916661,
   "lazyFileCount": 48,
-  "generatedAt": "2026-05-16T09:08:25.374Z"
+  "generatedAt": "2026-05-16T10:53:45.340Z"
 }

package/dist/cdn/chunks/{AiFeatureMenu-DtrT-aFR.js → AiFeatureMenu-Cr6_Q9Zv.js}

@@ -1,5 +1,5 @@
 import { L as e, M as t, P as n, ct as r, f as i, g as a, m as o, p as s, st as c, u as l, x as u } from "./draggable-P6QWzy4g.js";
-import { It as d, dt as f, nn as p, rt as m, tt as h, ut as g, xt as _ } from "./features-CgTy87Ni.js";
+import { It as d, dt as f, nn as p, rt as m, tt as h, ut as g, xt as _ } from "./features-BsW4aFcn.js";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
@@ -56,4 +56,4 @@ var v = {
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-DtrT-aFR.js.map
+//# sourceMappingURL=AiFeatureMenu-Cr6_Q9Zv.js.map

package/dist/cdn/chunks/{AiFeatureMenu-DtrT-aFR.js.map → AiFeatureMenu-Cr6_Q9Zv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AiFeatureMenu-DtrT-aFR.js","names":[],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,GAAoB,EAEpC,IAAW,EAAc,GAAe,gBAAgB,EAExD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;GACV,EAEK,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;IAAU;GAClC;IAAE,KAAK;IAAoB,MAAM;IAAS;GAC1C;IAAE,KAAK;IAAW,MAAM;IAAa;GACtC,EAEK,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,KAAK,CAAC,CAC1E;EAED,SAAS,EAAS,GAAwB;AAGxC,UAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;;EAGvB,SAAS,EAAe,GAAwB;AAG9C,UAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;;yBAKrB,EA0CM,OA1CN,GA0CM,EAAA,EAAA,GAAA,EAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,eAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,IAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,KAAI,EAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,IAAG,CAAA,EAAA,EAAA,EAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"AiFeatureMenu-Cr6_Q9Zv.js","names":[],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplate;\n  return cloudT.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return cloudT.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return cloudT.aiMenu.designToTemplateDesc;\n  return cloudT.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      class=\"tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        class=\"tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAM,IAAO,GAIP,EAAE,GAAG,MAAW,GAAoB,EAEpC,IAAW,EAAc,GAAe,gBAAgB,EAExD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;GACV,EAEK,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;IAAU;GAClC;IAAE,KAAK;IAAoB,MAAM;IAAS;GAC1C;IAAE,KAAK;IAAW,MAAM;IAAa;GACtC,EAEK,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,KAAK,CAAC,CAC1E;EAED,SAAS,EAAS,GAAwB;AAGxC,UAFI,MAAQ,YAAkB,EAAO,OAAO,cACxC,MAAQ,qBAA2B,EAAO,OAAO,mBAC9C,EAAO,OAAO;;EAGvB,SAAS,EAAe,GAAwB;AAG9C,UAFI,MAAQ,YAAkB,EAAO,OAAO,kBACxC,MAAQ,qBAA2B,EAAO,OAAO,uBAC9C,EAAO,OAAO;;yBAKrB,EA0CM,OA1CN,GA0CM,EAAA,EAAA,GAAA,EAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,eAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,IAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,KAAI,EAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,IAAG,CAAA,EAAA,EAAA,EAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist/cdn/chunks/{BlockIssueBadge-w7n4orSd.js → BlockIssueBadge-D0_mYpkl.js}

@@ -1,5 +1,5 @@
 import { M as e, T as t, f as n, g as r, h as i, it as a, m as o, ot as s, x as c } from "./draggable-P6QWzy4g.js";
-import { $t as l, Dt as u, Ft as d, st as f } from "./features-CgTy87Ni.js";
+import { $t as l, Dt as u, Ft as d, st as f } from "./features-BsW4aFcn.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 	__name: "BlockIssueBadge",
@@ -30,4 +30,4 @@ var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 //#endregion
 export { m as default };
 
-//# sourceMappingURL=BlockIssueBadge-w7n4orSd.js.map
+//# sourceMappingURL=BlockIssueBadge-D0_mYpkl.js.map

package/dist/cdn/chunks/{BlockIssueBadge-w7n4orSd.js.map → BlockIssueBadge-D0_mYpkl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BlockIssueBadge-w7n4orSd.js","names":[],"sources":["../../../src/components/canvas/BlockIssueBadge.vue","../../../src/components/canvas/BlockIssueBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;EAMA,IAAM,IAAQ,GACR,EAAE,SAAM,GAAS,EACjB,IAAO,EAAO,GAAmB,KAAK,EAEtC,IAAc,SACjB,GAAM,OAAO,SAAS,EAAE,EAAE,QAAQ,MAAM,EAAE,YAAY,EAAM,QAAQ,CACtE,EAEK,IAAW,QACX,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,QAAQ,GAAS,UAC9D,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,UAAU,GAAS,YAC7D,KACP,EAEI,IAAU,QACd,EAAS,UAAU,UAAU,EAAE,OAAO,aAAa,EAAE,OAAO,aAC7D;mBAKS,EAAA,SAAA,GAAA,EADR,EA0BO,QAAA;;GAxBL,OAAK,EAAA,CAAC,yNACS,EAAA,UAAQ,UAAA,iCAAA,gCAAA,CAAA;GAKtB,OAAO,EAAA;GACP,cAAY,EAAA;GACb,MAAK;MAGG,EAAA,UAAQ,WAAA,GAAA,EADhB,EAME,EAAA,EAAA,EAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO;cAET,EAME,EAAA,EAAA,EAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO"}
+{"version":3,"file":"BlockIssueBadge-D0_mYpkl.js","names":[],"sources":["../../../src/components/canvas/BlockIssueBadge.vue","../../../src/components/canvas/BlockIssueBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { CircleAlert, TriangleAlert } from \"@lucide/vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { TEMPLATE_LINT_KEY } from \"../../keys\";\n\nconst props = defineProps<{ blockId: string }>();\nconst { t } = useI18n();\nconst lint = inject(TEMPLATE_LINT_KEY, null);\n\nconst blockIssues = computed(() =>\n  (lint?.issues.value ?? []).filter((i) => i.blockId === props.blockId),\n);\n\nconst severity = computed<\"error\" | \"warning\" | null>(() => {\n  if (blockIssues.value.some((i) => i.severity === \"error\")) return \"error\";\n  if (blockIssues.value.some((i) => i.severity === \"warning\")) return \"warning\";\n  return null;\n});\n\nconst tooltip = computed(() =>\n  severity.value === \"error\" ? t.issues.badgeError : t.issues.badgeWarning,\n);\n</script>\n\n<template>\n  <span\n    v-if=\"severity\"\n    class=\"tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]\"\n    :class=\"\n      severity === 'error'\n        ? 'tpl:text-[var(--tpl-danger)]'\n        : 'tpl:text-[var(--tpl-warning)]'\n    \"\n    :title=\"tooltip\"\n    :aria-label=\"tooltip\"\n    role=\"img\"\n  >\n    <CircleAlert\n      v-if=\"severity === 'error'\"\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n    <TriangleAlert\n      v-else\n      :size=\"14\"\n      :stroke-width=\"2.25\"\n      fill=\"currentColor\"\n      stroke=\"var(--tpl-bg)\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;EAMA,IAAM,IAAQ,GACR,EAAE,SAAM,GAAS,EACjB,IAAO,EAAO,GAAmB,KAAK,EAEtC,IAAc,SACjB,GAAM,OAAO,SAAS,EAAE,EAAE,QAAQ,MAAM,EAAE,YAAY,EAAM,QAAQ,CACtE,EAEK,IAAW,QACX,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,QAAQ,GAAS,UAC9D,EAAY,MAAM,MAAM,MAAM,EAAE,aAAa,UAAU,GAAS,YAC7D,KACP,EAEI,IAAU,QACd,EAAS,UAAU,UAAU,EAAE,OAAO,aAAa,EAAE,OAAO,aAC7D;mBAKS,EAAA,SAAA,GAAA,EADR,EA0BO,QAAA;;GAxBL,OAAK,EAAA,CAAC,yNACS,EAAA,UAAQ,UAAA,iCAAA,gCAAA,CAAA;GAKtB,OAAO,EAAA;GACP,cAAY,EAAA;GACb,MAAK;MAGG,EAAA,UAAQ,WAAA,GAAA,EADhB,EAME,EAAA,EAAA,EAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO;cAET,EAME,EAAA,EAAA,EAAA;;GAJC,MAAM;GACN,gBAAc;GACf,MAAK;GACL,QAAO"}

package/dist/cdn/chunks/{CloudEditor-CwG0DhG1.js → CloudEditor-BtAkuQB4.js}

@@ -1,7 +1,7 @@
 import { $ as e, A as t, H as n, J as r, M as i, N as a, P as o, V as s, Z as c, _ as l, b as u, ct as d, f, g as p, h as m, it as h, j as g, l as _, m as v, n as y, ot as b, p as x, s as S, st as C, u as w, v as T, x as E, y as D, z as ee } from "./draggable-P6QWzy4g.js";
-import { A as O, At as k, C as A, Dt as j, Et as M, Ft as N, Ht as P, It as F, Ln as I, Nt as L, O as te, Qt as R, Rt as ne, S as re, Ut as z, Vt as B, Xt as ie, Z as V, Zt as H, _ as U, _t as W, b as ae, d as oe, dn as G, f as K, g as q, h as J, l as se, m as Y, p as ce, pt as X, rn as Z, rt as le, st as ue, tt as Q, u as de, ut as fe, v as pe, vt as me, w as he, wn as ge, x as _e, y as ve, yn as ye } from "./features-CgTy87Ni.js";
-import { C as be, S as xe } from "./icons-DxJ--AJb.js";
-import { a as Se, c as Ce, i as we, n as Te, o as Ee, r as De, s as Oe, t as ke } from "./styles-8qDRQ-6n.js";
+import { A as O, At as k, C as A, Dt as j, Et as M, Ft as N, Ht as P, It as F, Ln as I, Nt as L, O as te, Qt as R, Rt as ne, S as re, Ut as z, Vt as B, Xt as ie, Z as V, Zt as H, _ as U, _t as W, b as ae, d as oe, dn as G, f as K, g as q, h as J, l as se, m as Y, p as ce, pt as X, rn as Z, rt as le, st as ue, tt as Q, u as de, ut as fe, v as pe, vt as me, w as he, wn as ge, x as _e, y as ve, yn as ye } from "./features-BsW4aFcn.js";
+import { C as be, S as xe } from "./icons-BgPk6tUq.js";
+import { a as Se, c as Ce, i as we, n as Te, o as Ee, r as De, s as Oe, t as ke } from "./styles-BkubbXy8.js";
 import { d as $ } from "./styleConstants-DP1VOca8.js";
 //#region src/cloud/composables/useSnapshotPreview.ts
 function Ae(t) {
@@ -561,7 +561,7 @@ var ze = ["aria-label"], Be = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = u(() => import("./CollaboratorBar-DYjZaz7H.js")), n = u(() => import("./features-CgTy87Ni.js").then((e) => e.r)), r = u(() => import("./AiFeatureMenu-DtrT-aFR.js")), { t: a, format: o } = Q();
+		let t = u(() => import("./CollaboratorBar-C-P00I9l.js")), n = u(() => import("./features-BsW4aFcn.js").then((e) => e.r)), r = u(() => import("./AiFeatureMenu-Cr6_Q9Zv.js")), { t: a, format: o } = Q();
 		return (c, l) => (i(), p("header", Ye, [
 			x("div", Xe, [e.featureFlags.templateLimit.value === null ? m("", !0) : (i(), p("span", Ze, d(h(o)(h(a).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -723,9 +723,9 @@ var ze = ["aria-label"], Be = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = u(() => import("./features-CgTy87Ni.js").then((e) => e.c)), a = u(() => import("./features-CgTy87Ni.js").then((e) => e.s)), o = u(() => import("./features-CgTy87Ni.js").then((e) => e.o)), s = u(() => import("./features-CgTy87Ni.js").then((e) => e.n)), l = u(() => import("./features-CgTy87Ni.js").then((e) => e.t)), d = u(() => import("./SaveModuleDialog-D6szy5vX.js")), f = u(() => import("./ModuleBrowserModal-4V6um-AC.js")), g = u(async () => {
+		let r = u(() => import("./features-BsW4aFcn.js").then((e) => e.c)), a = u(() => import("./features-BsW4aFcn.js").then((e) => e.s)), o = u(() => import("./features-BsW4aFcn.js").then((e) => e.o)), s = u(() => import("./features-BsW4aFcn.js").then((e) => e.n)), l = u(() => import("./features-BsW4aFcn.js").then((e) => e.t)), d = u(() => import("./SaveModuleDialog-D-g-nYuL.js")), f = u(() => import("./ModuleBrowserModal-hnbUUl8w.js")), g = u(async () => {
 			try {
-				return (await import("./src-a8fYhBi5.js")).MediaLibraryModal;
+				return (await import("./src-BI22RLP6.js")).MediaLibraryModal;
 			} catch {
 				throw Error("[Templatical] Cloud media library requires the optional peer dependency '@templatical/media-library'. Please install it.");
 			}
@@ -1159,4 +1159,4 @@ var ze = ["aria-label"], Be = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 //#endregion
 export { jt as default };
 
-//# sourceMappingURL=CloudEditor-CwG0DhG1.js.map
+//# sourceMappingURL=CloudEditor-BtAkuQB4.js.map