@templatical/editor 0.19.0 → 0.21.0

package/dist/cdn/chunks/{src-zu1ehVNN.js → src-BDJeYiVE.js}

@@ -1,7 +1,7 @@
 import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o, ct as s, f as c, g as l, h as u, it as d, l as ee, m as f, n as p, ot as te, p as m, r as h, st as g, u as _, v, x as y, y as b } from "./draggable-D840DIZB.js";
-import { C as x, D as S, Ot as C, Pt as ne } from "./features-Cnfv4QAY.js";
-import { B as re, L as ie, W as ae, k as oe, y as se } from "./icons-DbcM69bb.js";
-import { a as ce, c as le, d as ue, f as de, g as w, h as T, i as E, l as D, n as O, o as k, p as A, r as j, s as M, t as N, u as P } from "./media-library-DpSMwHd4.js";
+import { O as x, Rt as ne, jt as S, w as C } from "./features-pLfGJWIB.js";
+import { B as re, L as ie, W as ae, k as oe, y as se } from "./icons-FLemooQz.js";
+import { a as ce, c as le, d as ue, f as de, g as w, h as T, i as E, l as D, n as O, o as k, p as A, r as j, s as M, t as N, u as P } from "./media-library-mCCZieYO.js";
 //#region ../media-library/src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
 var F = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
@@ -78,7 +78,7 @@ var F = {
 	},
 	emits: ["ready"],
 	setup(t, { emit: h }) {
-		let y = t, x = h, S = c(() => y.translations);
+		let y = t, x = h, C = c(() => y.translations);
 		r("translations", y.translations), r("authManager", y.authManager), r("projectId", c(() => y.projectId)), r("planConfig", {
 			config: o(y.planConfig),
 			isLoading: o(!1),
@@ -93,7 +93,7 @@ var F = {
 		}), J = O({
 			library: q,
 			canUseMediaFolders: w,
-			translations: S
+			translations: C
 		});
 		function Y() {
 			if (!q.previewItem.value) return;
@@ -106,7 +106,7 @@ var F = {
 		return e(() => {
 			q.loadItems(), q.loadFrequentlyUsed(), x("ready");
 		}), (e, r) => (n(), l("div", F, [
-			m("div", I, [m("h2", L, s(S.value.mediaLibrary.title), 1), m("div", R, [b(j, {
+			m("div", I, [m("h2", L, s(C.value.mediaLibrary.title), 1), m("div", R, [b(j, {
 				"used-bytes": W.value,
 				"limit-bytes": G.value,
 				size: 22
@@ -119,7 +119,7 @@ var F = {
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: S.value.mediaLibrary.searchPlaceholder,
+				placeholder: C.value.mediaLibrary.searchPlaceholder,
 				onInput: r[0] ||= (e) => d(J).handleSearchInput(e.target.value)
 			}, null, 40, B), b(d(se), {
 				class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
@@ -166,13 +166,13 @@ var F = {
 						backgroundColor: d(J).showSidebar.value ? "var(--tpl-bg)" : "transparent",
 						border: d(J).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					title: d(J).showSidebar.value ? S.value.mediaLibrary.hideFolders : S.value.mediaLibrary.showFolders,
+					title: d(J).showSidebar.value ? C.value.mediaLibrary.hideFolders : C.value.mediaLibrary.showFolders,
 					onClick: r[1] ||= (e) => d(J).showSidebar.value = !d(J).showSidebar.value
 				}, [b(d(oe), {
 					size: 16,
 					"stroke-width": 2
 				})], 12, he)) : u("", !0),
-				d(q).viewMode.value === "frequently-used" ? (n(), l("span", ge, s(S.value.mediaLibrary.frequentlyUsed), 1)) : (n(), f(A, {
+				d(q).viewMode.value === "frequently-used" ? (n(), l("span", ge, s(C.value.mediaLibrary.frequentlyUsed), 1)) : (n(), f(A, {
 					key: 2,
 					folders: d(q).folders.value,
 					"current-folder-id": d(q).currentFolderId.value,
@@ -188,7 +188,7 @@ var F = {
 						color: d(J).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: d(J).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
-					title: S.value.mediaLibrary.viewGrid,
+					title: C.value.mediaLibrary.viewGrid,
 					onClick: r[2] ||= (e) => d(J).layoutMode.value = "grid"
 				}, [b(d(ae), {
 					size: 14,
@@ -199,7 +199,7 @@ var F = {
 						color: d(J).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: d(J).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
-					title: S.value.mediaLibrary.viewList,
+					title: C.value.mediaLibrary.viewList,
 					onClick: r[3] ||= (e) => d(J).layoutMode.value = "list"
 				}, [b(d(ie), {
 					size: 14,
@@ -215,7 +215,7 @@ var F = {
 				},
 				value: d(q).categoryFilter.value ?? "",
 				onChange: r[4] ||= (e) => d(q).filterByCategory(e.target.value || null)
-			}, [m("option", U, s(S.value.mediaLibrary.filterAll), 1), (n(!0), l(_, null, i(d(K), (e) => (n(), l("option", {
+			}, [m("option", U, s(C.value.mediaLibrary.filterAll), 1), (n(!0), l(_, null, i(d(K), (e) => (n(), l("option", {
 				key: e,
 				value: e
 			}, s(d(J).getCategoryLabel(e)), 9, Se))), 128))], 40, xe)) : u("", !0), m("select", {
@@ -228,12 +228,12 @@ var F = {
 				value: d(q).sortOption.value,
 				onChange: r[5] ||= (e) => d(q).sortBy(e.target.value)
 			}, [
-				m("option", we, s(S.value.mediaLibrary.sortNewest), 1),
-				m("option", Te, s(S.value.mediaLibrary.sortOldest), 1),
-				m("option", Ee, s(S.value.mediaLibrary.sortNameAsc), 1),
-				m("option", De, s(S.value.mediaLibrary.sortNameDesc), 1),
-				m("option", Oe, s(S.value.mediaLibrary.sortSizeAsc), 1),
-				m("option", ke, s(S.value.mediaLibrary.sortSizeDesc), 1)
+				m("option", we, s(C.value.mediaLibrary.sortNewest), 1),
+				m("option", Te, s(C.value.mediaLibrary.sortOldest), 1),
+				m("option", Ee, s(C.value.mediaLibrary.sortNameAsc), 1),
+				m("option", De, s(C.value.mediaLibrary.sortNameDesc), 1),
+				m("option", Oe, s(C.value.mediaLibrary.sortSizeAsc), 1),
+				m("option", ke, s(C.value.mediaLibrary.sortSizeDesc), 1)
 			], 40, Ce)])]), m("div", Ae, [d(q).viewMode.value === "files" ? (n(), l("div", je, [b(E, {
 				"is-uploading": d(q).isUploading.value,
 				"upload-progress": d(q).uploadProgress.value,
@@ -254,7 +254,7 @@ var F = {
 			}, [b(d(re), {
 				size: 14,
 				"stroke-width": 2
-			}), v(" " + s(S.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), b(D, {
+			}), v(" " + s(C.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), b(D, {
 				items: d(J).displayItems.value,
 				"selected-ids": d(q).selectedItems.value,
 				"is-loading": d(q).isLoading.value,
@@ -334,17 +334,17 @@ var F = {
 					},
 					onClick: r[11] ||= ee((...e) => d(q).cancelDelete && d(q).cancelDelete(...e), ["self"])
 				}, [m("div", Me, [
-					m("h3", Ne, s(S.value.mediaLibrary.deleteWarningTitle), 1),
+					m("h3", Ne, s(C.value.mediaLibrary.deleteWarningTitle), 1),
 					m("p", {
 						class: te(["tpl:text-xs", d(J).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
-					}, s(S.value.mediaLibrary.deleteWarningMessage), 3),
-					d(J).hasUsedFiles.value ? (n(), l("p", Pe, s(S.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+					}, s(C.value.mediaLibrary.deleteWarningMessage), 3),
+					d(J).hasUsedFiles.value ? (n(), l("p", Pe, s(C.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
 					d(J).hasUsedFiles.value ? (n(), l("div", Fe, [(n(!0), l(_, null, i(d(q).deleteUsageInfo.value, (e, t) => (n(), l("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (n(), l(_, { key: 0 }, [m("span", Ie, s(d(J).displayItems.value.find((e) => e.id === t)?.filename || t), 1), m("span", Le, " - " + s(S.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+					}, [e.template_count > 0 ? (n(), l(_, { key: 0 }, [m("span", Ie, s(d(J).displayItems.value.find((e) => e.id === t)?.filename || t), 1), m("span", Le, " - " + s(C.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
 					m("div", Re, [m("button", {
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
@@ -353,7 +353,7 @@ var F = {
 							"background-color": "var(--tpl-bg)"
 						},
 						onClick: r[9] ||= (...e) => d(q).cancelDelete && d(q).cancelDelete(...e)
-					}, s(S.value.mediaLibrary.cancel), 1), m("button", {
+					}, s(C.value.mediaLibrary.cancel), 1), m("button", {
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
 							"border-color": "var(--tpl-danger)",
@@ -361,7 +361,7 @@ var F = {
 							"background-color": "var(--tpl-danger-light)"
 						},
 						onClick: r[10] ||= (...e) => d(q).confirmDelete && d(q).confirmDelete(...e)
-					}, s(d(J).hasUsedFiles.value ? S.value.mediaLibrary.deleteAnyway : S.value.mediaLibrary.confirmDelete), 1)])
+					}, s(d(J).hasUsedFiles.value ? C.value.mediaLibrary.deleteAnyway : C.value.mediaLibrary.confirmDelete), 1)])
 				])])) : u("", !0)]),
 				_: 1
 			}),
@@ -388,11 +388,11 @@ var F = {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (n(), f(d(C), {
+			})) : (n(), f(d(S), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), v(" " + s(d(J).copied.value ? S.value.mediaLibrary.copied : S.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), w.value ? (n(), l("div", Ue, [m("button", {
+			})), v(" " + s(d(J).copied.value ? C.value.mediaLibrary.copied : C.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), w.value ? (n(), l("div", Ue, [m("button", {
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -400,7 +400,7 @@ var F = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: r[14] ||= (e) => d(J).showMovePicker.value = !d(J).showMovePicker.value
-			}, s(S.value.mediaLibrary.moveSelected), 1), d(J).showMovePicker.value ? (n(), f(M, {
+			}, s(C.value.mediaLibrary.moveSelected), 1), d(J).showMovePicker.value ? (n(), f(M, {
 				key: 0,
 				folders: d(q).folders.value,
 				"current-folder-id": d(q).currentFolderId.value,
@@ -419,7 +419,7 @@ var F = {
 					"background-color": "var(--tpl-danger-light)"
 				},
 				onClick: r[16] ||= (...e) => d(J).handleDeleteClick && d(J).handleDeleteClick(...e)
-			}, s(S.value.mediaLibrary.deleteSelected), 1)) : u("", !0), t.onSelect ? (n(), l("button", {
+			}, s(C.value.mediaLibrary.deleteSelected), 1)) : u("", !0), t.onSelect ? (n(), l("button", {
 				key: 1,
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 				style: {
@@ -428,7 +428,7 @@ var F = {
 				},
 				disabled: !d(q).previewItem.value,
 				onClick: Y
-			}, s(S.value.mediaLibrary.selectFile), 9, Ge)) : u("", !0)])])])
+			}, s(C.value.mediaLibrary.selectFile), 9, Ge)) : u("", !0)])])])
 		]));
 	}
 }), G = /* #__PURE__ */ Object.assign({
@@ -465,9 +465,9 @@ var X = null, Z = o(null);
 async function Ye(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`Container element not found: ${e.container}`);
-	let r = S(e.auth, e.onError);
+	let r = x(e.auth, e.onError);
 	await r.initialize();
-	let i = await new x(r).fetchConfig(), a = await Je(e.locale ?? "en");
+	let i = await new C(r).fetchConfig(), a = await Je(e.locale ?? "en");
 	return $(n, e.theme), X && Q(), new Promise((o, s) => {
 		try {
 			X = h({ setup() {
@@ -506,4 +506,4 @@ typeof window < "u" && (window.TemplaticalMedia = {
 //#endregion
 export { w as MediaApiClient, N as MediaLibraryModal };
 
-//# sourceMappingURL=src-zu1ehVNN.js.map
+//# sourceMappingURL=src-BDJeYiVE.js.map

package/dist/cdn/chunks/{src-zu1ehVNN.js.map → src-BDJeYiVE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"src-zu1ehVNN.js","names":[],"sources":["../../../../media-library/src/standalone/MediaLibrary.vue","../../../../media-library/src/standalone/MediaLibrary.vue","../../../../media-library/src/i18n/index.ts","../../../../media-library/src/standalone/visual.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport MediaBreadcrumb from \"../components/media/MediaBreadcrumb.vue\";\nimport MediaEditModal from \"../components/media/MediaEditModal.vue\";\nimport MediaFolderTree from \"../components/media/MediaFolderTree.vue\";\nimport MediaGrid from \"../components/media/MediaGrid.vue\";\nimport MediaImportUrlModal from \"../components/media/MediaImportUrlModal.vue\";\nimport MediaMovePicker from \"../components/media/MediaMovePicker.vue\";\nimport MediaPreviewPanel from \"../components/media/MediaPreviewPanel.vue\";\nimport MediaReplaceModal from \"../components/media/MediaReplaceModal.vue\";\nimport MediaUploadZone from \"../components/media/MediaUploadZone.vue\";\nimport StorageProgressRing from \"../components/media/StorageProgressRing.vue\";\nimport { useMediaLibrary } from \"../composable\";\nimport { useMediaCategories } from \"../composables/useMediaCategories\";\nimport { useMediaLibraryUI } from \"../composables/useMediaLibraryUI\";\nimport type { PlanConfig, PlanFeatures } from \"@templatical/types\";\nimport type { MediaItem } from \"../types\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaTranslations } from \"../i18n\";\nimport {\n  Check,\n  Copy,\n  Grid2x2,\n  Link,\n  List,\n  PanelLeft,\n  Search,\n} from \"@lucide/vue\";\nimport { computed, onMounted, provide, ref } from \"vue\";\n\nconst props = defineProps<{\n  authManager: AuthManager;\n  projectId: string;\n  planConfig: PlanConfig;\n  translations: MediaTranslations;\n  onSelect?: (item: MediaItem) => void;\n  onError?: (error: Error) => void;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\"): void;\n}>();\n\nconst t = computed(() => props.translations);\n\n// Provide translations for sub-components that use inject('translations')\nprovide(\"translations\", props.translations);\nprovide(\"authManager\", props.authManager);\nprovide(\n  \"projectId\",\n  computed(() => props.projectId),\n);\n\n// Provide planConfig in the format that sub-components expect\nconst planConfigRef = ref<PlanConfig | null>(props.planConfig);\nprovide(\"planConfig\", {\n  config: planConfigRef,\n  isLoading: ref(false),\n  hasFeature: (feature: keyof PlanFeatures) =>\n    props.planConfig.features[feature] ?? false,\n  features: computed(() => props.planConfig.features),\n  fetchConfig: async () => {},\n});\n\n// Feature flags\nconst canUseMediaFolders = computed(\n  () => props.planConfig.features.media_folders ?? false,\n);\nconst canImportFromUrl = computed(\n  () => props.planConfig.features.import_from_url ?? false,\n);\n\n// Storage info\nconst storageUsedBytes = computed(\n  () => props.planConfig.storage.used_bytes ?? 0,\n);\nconst storageLimitBytes = computed(\n  () => props.planConfig.storage.limit_bytes ?? 0,\n);\n\nconst { availableCategories } = useMediaCategories();\n\nconst library = useMediaLibrary({\n  projectId: props.projectId,\n  authManager: props.authManager,\n  onError: props.onError,\n});\n\nconst ui = useMediaLibraryUI({\n  library,\n  canUseMediaFolders,\n  translations: t,\n});\n\n// Standalone-specific: confirm selection via callback\nfunction confirmSelection(): void {\n  if (!library.previewItem.value) {\n    return;\n  }\n\n  const item = library.previewItem.value;\n  const itemWithSelectedUrl: MediaItem = {\n    ...item,\n    url: ui.selectedUrl.value || item.url,\n  };\n  props.onSelect?.(itemWithSelectedUrl);\n}\n\nonMounted(() => {\n  library.loadItems();\n  library.loadFrequentlyUsed();\n  emit(\"ready\");\n});\n</script>\n\n<template>\n  <div\n    class=\"tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]\"\n    style=\"\n      width: 100%;\n      height: 100%;\n      background-color: var(--tpl-bg-elevated);\n      border: 1px solid var(--tpl-border);\n    \"\n  >\n    <!-- Header -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <h2 class=\"tpl:text-sm tpl:font-semibold\" style=\"color: var(--tpl-text)\">\n        {{ t.mediaLibrary.title }}\n      </h2>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-3\">\n        <StorageProgressRing\n          :used-bytes=\"storageUsedBytes\"\n          :limit-bytes=\"storageLimitBytes\"\n          :size=\"22\"\n        />\n        <div class=\"tpl:relative\">\n          <input\n            :value=\"ui.searchInput.value\"\n            type=\"text\"\n            class=\"tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]\"\n            style=\"\n              border-color: var(--tpl-border);\n              background-color: var(--tpl-bg);\n              color: var(--tpl-text);\n            \"\n            :placeholder=\"t.mediaLibrary.searchPlaceholder\"\n            @input=\"\n              ui.handleSearchInput(($event.target as HTMLInputElement).value)\n            \"\n          />\n          <Search\n            class=\"tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2\"\n            :size=\"13\"\n            :stroke-width=\"2\"\n            style=\"color: var(--tpl-text-dim)\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Body -->\n    <div class=\"tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Sidebar (only when media folders feature is enabled and toggled on) -->\n      <Transition\n        enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n        enter-from-class=\"tpl:-ml-48 tpl:opacity-0\"\n        enter-to-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-active-class=\"tpl:transition-all tpl:duration-150 tpl:ease-in\"\n        leave-from-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-to-class=\"tpl:-ml-48 tpl:opacity-0\"\n      >\n        <div\n          v-if=\"canUseMediaFolders && ui.showSidebar.value\"\n          class=\"tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r\"\n          style=\"\n            border-color: var(--tpl-border);\n            background-color: var(--tpl-bg);\n          \"\n        >\n          <MediaFolderTree\n            :folders=\"library.folders.value\"\n            :current-folder-id=\"library.currentFolderId.value\"\n            :view-mode=\"library.viewMode.value\"\n            :has-frequently-used=\"ui.hasFrequentlyUsed.value\"\n            @navigate=\"library.navigateToFolder\"\n            @create-folder=\"ui.handleCreateFolder\"\n            @rename-folder=\"ui.handleRenameFolder\"\n            @delete-folder=\"ui.handleDeleteFolder\"\n            @show-frequently-used=\"library.showFrequentlyUsed\"\n          />\n        </div>\n      </Transition>\n\n      <!-- Content area -->\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col\">\n        <!-- Breadcrumb + Upload -->\n        <div\n          class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5\"\n          style=\"border-color: var(--tpl-border)\"\n        >\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <!-- Sidebar toggle (only when media folders feature is enabled) -->\n            <button\n              v-if=\"canUseMediaFolders\"\n              class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150\"\n              :style=\"{\n                color: ui.showSidebar.value\n                  ? 'var(--tpl-primary)'\n                  : 'var(--tpl-text-muted)',\n                backgroundColor: ui.showSidebar.value\n                  ? 'var(--tpl-bg)'\n                  : 'transparent',\n                border: ui.showSidebar.value\n                  ? '1px solid var(--tpl-border)'\n                  : '1px solid transparent',\n              }\"\n              :title=\"\n                ui.showSidebar.value\n                  ? t.mediaLibrary.hideFolders\n                  : t.mediaLibrary.showFolders\n              \"\n              @click=\"ui.showSidebar.value = !ui.showSidebar.value\"\n            >\n              <PanelLeft :size=\"16\" :stroke-width=\"2\" />\n            </button>\n\n            <template v-if=\"library.viewMode.value === 'frequently-used'\">\n              <span\n                class=\"tpl:text-xs tpl:font-medium\"\n                style=\"color: var(--tpl-text)\"\n              >\n                {{ t.mediaLibrary.frequentlyUsed }}\n              </span>\n            </template>\n            <template v-else>\n              <MediaBreadcrumb\n                :folders=\"library.folders.value\"\n                :current-folder-id=\"library.currentFolderId.value\"\n                @navigate=\"library.navigateToFolder\"\n              />\n            </template>\n\n            <!-- Layout toggle -->\n            <div\n              class=\"tpl:flex tpl:rounded-md tpl:p-0.5\"\n              style=\"\n                border: 1px solid var(--tpl-border);\n                background-color: var(--tpl-bg);\n              \"\n            >\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewGrid\"\n                @click=\"ui.layoutMode.value = 'grid'\"\n              >\n                <Grid2x2 :size=\"14\" :stroke-width=\"2\" />\n              </button>\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewList\"\n                @click=\"ui.layoutMode.value = 'list'\"\n              >\n                <List :size=\"14\" :stroke-width=\"2\" />\n              </button>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <select\n              v-if=\"availableCategories.length > 1\"\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.categoryFilter.value ?? ''\"\n              @change=\"\n                library.filterByCategory(\n                  ($event.target as HTMLSelectElement).value || null,\n                )\n              \"\n            >\n              <option value=\"\">\n                {{ t.mediaLibrary.filterAll }}\n              </option>\n              <option\n                v-for=\"category in availableCategories\"\n                :key=\"category\"\n                :value=\"category\"\n              >\n                {{ ui.getCategoryLabel(category) }}\n              </option>\n            </select>\n            <select\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.sortOption.value\"\n              @change=\"\n                library.sortBy(($event.target as HTMLSelectElement).value)\n              \"\n            >\n              <option value=\"newest\">\n                {{ t.mediaLibrary.sortNewest }}\n              </option>\n              <option value=\"oldest\">\n                {{ t.mediaLibrary.sortOldest }}\n              </option>\n              <option value=\"name_asc\">\n                {{ t.mediaLibrary.sortNameAsc }}\n              </option>\n              <option value=\"name_desc\">\n                {{ t.mediaLibrary.sortNameDesc }}\n              </option>\n              <option value=\"size_asc\">\n                {{ t.mediaLibrary.sortSizeAsc }}\n              </option>\n              <option value=\"size_desc\">\n                {{ t.mediaLibrary.sortSizeDesc }}\n              </option>\n            </select>\n          </div>\n        </div>\n\n        <!-- Scrollable content area -->\n        <div class=\"tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto\">\n          <!-- Upload zone (only in files mode) -->\n          <div\n            v-if=\"library.viewMode.value === 'files'\"\n            class=\"tpl:px-4 tpl:pt-3\"\n          >\n            <MediaUploadZone\n              :is-uploading=\"library.isUploading.value\"\n              :upload-progress=\"library.uploadProgress.value\"\n              @upload=\"ui.handleUpload\"\n            />\n            <button\n              v-if=\"canImportFromUrl\"\n              class=\"tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text-muted);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showImportUrlModal.value = true\"\n            >\n              <Link :size=\"14\" :stroke-width=\"2\" />\n              {{ t.mediaLibrary.importFromUrl }}\n            </button>\n          </div>\n\n          <!-- Image grid -->\n          <MediaGrid\n            :items=\"ui.displayItems.value\"\n            :selected-ids=\"library.selectedItems.value\"\n            :is-loading=\"library.isLoading.value\"\n            :has-more=\"\n              library.viewMode.value === 'files' && library.hasMore.value\n            \"\n            :layout=\"ui.layoutMode.value\"\n            @select=\"ui.handleSelect\"\n            @toggle=\"library.toggleSelection\"\n            @load-more=\"library.loadMore\"\n            @edit=\"ui.handleEditItem\"\n            @replace=\"ui.handleReplaceItem\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Import from URL Modal -->\n    <MediaImportUrlModal\n      :visible=\"ui.showImportUrlModal.value\"\n      :is-importing=\"library.isImportingFromUrl.value\"\n      :error=\"library.importFromUrlError.value\"\n      @import=\"ui.handleImportFromUrl\"\n      @close=\"ui.showImportUrlModal.value = false\"\n    />\n\n    <!-- Edit Modal -->\n    <MediaEditModal\n      :visible=\"!!ui.editingItem.value\"\n      :item=\"ui.editingItem.value\"\n      @save=\"ui.handleEditSave\"\n      @close=\"ui.editingItem.value = null\"\n    />\n\n    <!-- Replace Modal -->\n    <MediaReplaceModal\n      :visible=\"library.showReplaceWarning.value\"\n      :item=\"library.pendingReplaceItem.value\"\n      :usage-info=\"library.replaceUsageInfo.value\"\n      :is-replacing=\"library.isReplacing.value\"\n      :error=\"library.replaceError.value\"\n      @replace=\"ui.handleReplaceFile\"\n      @close=\"library.cancelReplace\"\n    />\n\n    <!-- Delete Warning Dialog -->\n    <Transition\n      enter-active-class=\"tpl:transition tpl:ease-out tpl:duration-150\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:ease-in tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <div\n        v-if=\"library.showDeleteWarning.value\"\n        class=\"tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]\"\n        style=\"\n          background-color: rgba(0, 0, 0, 0.5);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        @click.self=\"library.cancelDelete\"\n      >\n        <div\n          class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n          style=\"\n            background-color: var(--tpl-bg-elevated);\n            box-shadow: var(--tpl-shadow-xl);\n          \"\n        >\n          <h3\n            class=\"tpl:mb-2 tpl:text-sm tpl:font-semibold\"\n            style=\"color: var(--tpl-text)\"\n          >\n            {{ t.mediaLibrary.deleteWarningTitle }}\n          </h3>\n          <p\n            class=\"tpl:text-xs\"\n            :class=\"ui.hasUsedFiles.value ? 'tpl:mb-2' : 'tpl:mb-4'\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningMessage }}\n          </p>\n          <p\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:text-xs\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningUsageNote }}\n          </p>\n\n          <div\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2\"\n            style=\"border-color: var(--tpl-border)\"\n          >\n            <div\n              v-for=\"(info, mediaId) in library.deleteUsageInfo.value\"\n              :key=\"mediaId\"\n              class=\"tpl:text-xs\"\n              style=\"color: var(--tpl-text)\"\n            >\n              <template v-if=\"info.template_count > 0\">\n                <span class=\"tpl:font-medium\">\n                  {{\n                    ui.displayItems.value.find((i) => i.id === mediaId)\n                      ?.filename || mediaId\n                  }}\n                </span>\n                <span style=\"color: var(--tpl-text-muted)\">\n                  -\n                  {{\n                    t.mediaLibrary.usedInTemplates.replace(\n                      \"{count}\",\n                      info.template_count.toString(),\n                    )\n                  }}\n                </span>\n              </template>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"library.cancelDelete\"\n            >\n              {{ t.mediaLibrary.cancel }}\n            </button>\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-danger);\n                color: var(--tpl-danger);\n                background-color: var(--tpl-danger-light);\n              \"\n              @click=\"library.confirmDelete\"\n            >\n              {{\n                ui.hasUsedFiles.value\n                  ? t.mediaLibrary.deleteAnyway\n                  : t.mediaLibrary.confirmDelete\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Footer -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3\">\n        <MediaPreviewPanel\n          v-if=\"library.previewItem.value\"\n          v-model:selected-conversion=\"ui.selectedConversion.value\"\n          :item=\"library.previewItem.value\"\n          :folders=\"library.folders.value\"\n        />\n      </div>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-5\">\n        <!-- Copy URL + Move group -->\n        <div\n          v-if=\"library.selectedItems.value.size > 0\"\n          class=\"tpl:flex tpl:items-center tpl:gap-2\"\n        >\n          <button\n            v-if=\"library.previewItem.value\"\n            class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            :style=\"{\n              borderColor: ui.copied.value\n                ? 'var(--tpl-success)'\n                : 'var(--tpl-border)',\n              color: ui.copied.value ? 'var(--tpl-success)' : 'var(--tpl-text)',\n              backgroundColor: 'var(--tpl-bg)',\n            }\"\n            @click=\"ui.copy(ui.selectedUrl.value!)\"\n          >\n            <Copy v-if=\"!ui.copied.value\" :size=\"12\" :stroke-width=\"2\" />\n            <Check v-else :size=\"12\" :stroke-width=\"2\" />\n            {{\n              ui.copied.value ? t.mediaLibrary.copied : t.mediaLibrary.copyUrl\n            }}\n          </button>\n          <div v-if=\"canUseMediaFolders\" class=\"tpl:relative\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showMovePicker.value = !ui.showMovePicker.value\"\n            >\n              {{ t.mediaLibrary.moveSelected }}\n            </button>\n            <MediaMovePicker\n              v-if=\"ui.showMovePicker.value\"\n              :folders=\"library.folders.value\"\n              :current-folder-id=\"library.currentFolderId.value\"\n              @select=\"ui.handleMoveToFolder\"\n              @close=\"ui.showMovePicker.value = false\"\n            />\n          </div>\n        </div>\n        <!-- Delete + Select group -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n          <button\n            v-if=\"library.selectedItems.value.size > 0\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            style=\"\n              border-color: var(--tpl-danger);\n              color: var(--tpl-danger);\n              background-color: var(--tpl-danger-light);\n            \"\n            @click=\"ui.handleDeleteClick\"\n          >\n            {{ t.mediaLibrary.deleteSelected }}\n          </button>\n          <button\n            v-if=\"onSelect\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50\"\n            style=\"background-color: var(--tpl-primary); color: var(--tpl-bg)\"\n            :disabled=\"!library.previewItem.value\"\n            @click=\"confirmSelection\"\n          >\n            {{ t.mediaLibrary.selectFile }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport MediaBreadcrumb from \"../components/media/MediaBreadcrumb.vue\";\nimport MediaEditModal from \"../components/media/MediaEditModal.vue\";\nimport MediaFolderTree from \"../components/media/MediaFolderTree.vue\";\nimport MediaGrid from \"../components/media/MediaGrid.vue\";\nimport MediaImportUrlModal from \"../components/media/MediaImportUrlModal.vue\";\nimport MediaMovePicker from \"../components/media/MediaMovePicker.vue\";\nimport MediaPreviewPanel from \"../components/media/MediaPreviewPanel.vue\";\nimport MediaReplaceModal from \"../components/media/MediaReplaceModal.vue\";\nimport MediaUploadZone from \"../components/media/MediaUploadZone.vue\";\nimport StorageProgressRing from \"../components/media/StorageProgressRing.vue\";\nimport { useMediaLibrary } from \"../composable\";\nimport { useMediaCategories } from \"../composables/useMediaCategories\";\nimport { useMediaLibraryUI } from \"../composables/useMediaLibraryUI\";\nimport type { PlanConfig, PlanFeatures } from \"@templatical/types\";\nimport type { MediaItem } from \"../types\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaTranslations } from \"../i18n\";\nimport {\n  Check,\n  Copy,\n  Grid2x2,\n  Link,\n  List,\n  PanelLeft,\n  Search,\n} from \"@lucide/vue\";\nimport { computed, onMounted, provide, ref } from \"vue\";\n\nconst props = defineProps<{\n  authManager: AuthManager;\n  projectId: string;\n  planConfig: PlanConfig;\n  translations: MediaTranslations;\n  onSelect?: (item: MediaItem) => void;\n  onError?: (error: Error) => void;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\"): void;\n}>();\n\nconst t = computed(() => props.translations);\n\n// Provide translations for sub-components that use inject('translations')\nprovide(\"translations\", props.translations);\nprovide(\"authManager\", props.authManager);\nprovide(\n  \"projectId\",\n  computed(() => props.projectId),\n);\n\n// Provide planConfig in the format that sub-components expect\nconst planConfigRef = ref<PlanConfig | null>(props.planConfig);\nprovide(\"planConfig\", {\n  config: planConfigRef,\n  isLoading: ref(false),\n  hasFeature: (feature: keyof PlanFeatures) =>\n    props.planConfig.features[feature] ?? false,\n  features: computed(() => props.planConfig.features),\n  fetchConfig: async () => {},\n});\n\n// Feature flags\nconst canUseMediaFolders = computed(\n  () => props.planConfig.features.media_folders ?? false,\n);\nconst canImportFromUrl = computed(\n  () => props.planConfig.features.import_from_url ?? false,\n);\n\n// Storage info\nconst storageUsedBytes = computed(\n  () => props.planConfig.storage.used_bytes ?? 0,\n);\nconst storageLimitBytes = computed(\n  () => props.planConfig.storage.limit_bytes ?? 0,\n);\n\nconst { availableCategories } = useMediaCategories();\n\nconst library = useMediaLibrary({\n  projectId: props.projectId,\n  authManager: props.authManager,\n  onError: props.onError,\n});\n\nconst ui = useMediaLibraryUI({\n  library,\n  canUseMediaFolders,\n  translations: t,\n});\n\n// Standalone-specific: confirm selection via callback\nfunction confirmSelection(): void {\n  if (!library.previewItem.value) {\n    return;\n  }\n\n  const item = library.previewItem.value;\n  const itemWithSelectedUrl: MediaItem = {\n    ...item,\n    url: ui.selectedUrl.value || item.url,\n  };\n  props.onSelect?.(itemWithSelectedUrl);\n}\n\nonMounted(() => {\n  library.loadItems();\n  library.loadFrequentlyUsed();\n  emit(\"ready\");\n});\n</script>\n\n<template>\n  <div\n    class=\"tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]\"\n    style=\"\n      width: 100%;\n      height: 100%;\n      background-color: var(--tpl-bg-elevated);\n      border: 1px solid var(--tpl-border);\n    \"\n  >\n    <!-- Header -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <h2 class=\"tpl:text-sm tpl:font-semibold\" style=\"color: var(--tpl-text)\">\n        {{ t.mediaLibrary.title }}\n      </h2>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-3\">\n        <StorageProgressRing\n          :used-bytes=\"storageUsedBytes\"\n          :limit-bytes=\"storageLimitBytes\"\n          :size=\"22\"\n        />\n        <div class=\"tpl:relative\">\n          <input\n            :value=\"ui.searchInput.value\"\n            type=\"text\"\n            class=\"tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]\"\n            style=\"\n              border-color: var(--tpl-border);\n              background-color: var(--tpl-bg);\n              color: var(--tpl-text);\n            \"\n            :placeholder=\"t.mediaLibrary.searchPlaceholder\"\n            @input=\"\n              ui.handleSearchInput(($event.target as HTMLInputElement).value)\n            \"\n          />\n          <Search\n            class=\"tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2\"\n            :size=\"13\"\n            :stroke-width=\"2\"\n            style=\"color: var(--tpl-text-dim)\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Body -->\n    <div class=\"tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Sidebar (only when media folders feature is enabled and toggled on) -->\n      <Transition\n        enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n        enter-from-class=\"tpl:-ml-48 tpl:opacity-0\"\n        enter-to-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-active-class=\"tpl:transition-all tpl:duration-150 tpl:ease-in\"\n        leave-from-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-to-class=\"tpl:-ml-48 tpl:opacity-0\"\n      >\n        <div\n          v-if=\"canUseMediaFolders && ui.showSidebar.value\"\n          class=\"tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r\"\n          style=\"\n            border-color: var(--tpl-border);\n            background-color: var(--tpl-bg);\n          \"\n        >\n          <MediaFolderTree\n            :folders=\"library.folders.value\"\n            :current-folder-id=\"library.currentFolderId.value\"\n            :view-mode=\"library.viewMode.value\"\n            :has-frequently-used=\"ui.hasFrequentlyUsed.value\"\n            @navigate=\"library.navigateToFolder\"\n            @create-folder=\"ui.handleCreateFolder\"\n            @rename-folder=\"ui.handleRenameFolder\"\n            @delete-folder=\"ui.handleDeleteFolder\"\n            @show-frequently-used=\"library.showFrequentlyUsed\"\n          />\n        </div>\n      </Transition>\n\n      <!-- Content area -->\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col\">\n        <!-- Breadcrumb + Upload -->\n        <div\n          class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5\"\n          style=\"border-color: var(--tpl-border)\"\n        >\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <!-- Sidebar toggle (only when media folders feature is enabled) -->\n            <button\n              v-if=\"canUseMediaFolders\"\n              class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150\"\n              :style=\"{\n                color: ui.showSidebar.value\n                  ? 'var(--tpl-primary)'\n                  : 'var(--tpl-text-muted)',\n                backgroundColor: ui.showSidebar.value\n                  ? 'var(--tpl-bg)'\n                  : 'transparent',\n                border: ui.showSidebar.value\n                  ? '1px solid var(--tpl-border)'\n                  : '1px solid transparent',\n              }\"\n              :title=\"\n                ui.showSidebar.value\n                  ? t.mediaLibrary.hideFolders\n                  : t.mediaLibrary.showFolders\n              \"\n              @click=\"ui.showSidebar.value = !ui.showSidebar.value\"\n            >\n              <PanelLeft :size=\"16\" :stroke-width=\"2\" />\n            </button>\n\n            <template v-if=\"library.viewMode.value === 'frequently-used'\">\n              <span\n                class=\"tpl:text-xs tpl:font-medium\"\n                style=\"color: var(--tpl-text)\"\n              >\n                {{ t.mediaLibrary.frequentlyUsed }}\n              </span>\n            </template>\n            <template v-else>\n              <MediaBreadcrumb\n                :folders=\"library.folders.value\"\n                :current-folder-id=\"library.currentFolderId.value\"\n                @navigate=\"library.navigateToFolder\"\n              />\n            </template>\n\n            <!-- Layout toggle -->\n            <div\n              class=\"tpl:flex tpl:rounded-md tpl:p-0.5\"\n              style=\"\n                border: 1px solid var(--tpl-border);\n                background-color: var(--tpl-bg);\n              \"\n            >\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewGrid\"\n                @click=\"ui.layoutMode.value = 'grid'\"\n              >\n                <Grid2x2 :size=\"14\" :stroke-width=\"2\" />\n              </button>\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewList\"\n                @click=\"ui.layoutMode.value = 'list'\"\n              >\n                <List :size=\"14\" :stroke-width=\"2\" />\n              </button>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <select\n              v-if=\"availableCategories.length > 1\"\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.categoryFilter.value ?? ''\"\n              @change=\"\n                library.filterByCategory(\n                  ($event.target as HTMLSelectElement).value || null,\n                )\n              \"\n            >\n              <option value=\"\">\n                {{ t.mediaLibrary.filterAll }}\n              </option>\n              <option\n                v-for=\"category in availableCategories\"\n                :key=\"category\"\n                :value=\"category\"\n              >\n                {{ ui.getCategoryLabel(category) }}\n              </option>\n            </select>\n            <select\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.sortOption.value\"\n              @change=\"\n                library.sortBy(($event.target as HTMLSelectElement).value)\n              \"\n            >\n              <option value=\"newest\">\n                {{ t.mediaLibrary.sortNewest }}\n              </option>\n              <option value=\"oldest\">\n                {{ t.mediaLibrary.sortOldest }}\n              </option>\n              <option value=\"name_asc\">\n                {{ t.mediaLibrary.sortNameAsc }}\n              </option>\n              <option value=\"name_desc\">\n                {{ t.mediaLibrary.sortNameDesc }}\n              </option>\n              <option value=\"size_asc\">\n                {{ t.mediaLibrary.sortSizeAsc }}\n              </option>\n              <option value=\"size_desc\">\n                {{ t.mediaLibrary.sortSizeDesc }}\n              </option>\n            </select>\n          </div>\n        </div>\n\n        <!-- Scrollable content area -->\n        <div class=\"tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto\">\n          <!-- Upload zone (only in files mode) -->\n          <div\n            v-if=\"library.viewMode.value === 'files'\"\n            class=\"tpl:px-4 tpl:pt-3\"\n          >\n            <MediaUploadZone\n              :is-uploading=\"library.isUploading.value\"\n              :upload-progress=\"library.uploadProgress.value\"\n              @upload=\"ui.handleUpload\"\n            />\n            <button\n              v-if=\"canImportFromUrl\"\n              class=\"tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text-muted);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showImportUrlModal.value = true\"\n            >\n              <Link :size=\"14\" :stroke-width=\"2\" />\n              {{ t.mediaLibrary.importFromUrl }}\n            </button>\n          </div>\n\n          <!-- Image grid -->\n          <MediaGrid\n            :items=\"ui.displayItems.value\"\n            :selected-ids=\"library.selectedItems.value\"\n            :is-loading=\"library.isLoading.value\"\n            :has-more=\"\n              library.viewMode.value === 'files' && library.hasMore.value\n            \"\n            :layout=\"ui.layoutMode.value\"\n            @select=\"ui.handleSelect\"\n            @toggle=\"library.toggleSelection\"\n            @load-more=\"library.loadMore\"\n            @edit=\"ui.handleEditItem\"\n            @replace=\"ui.handleReplaceItem\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Import from URL Modal -->\n    <MediaImportUrlModal\n      :visible=\"ui.showImportUrlModal.value\"\n      :is-importing=\"library.isImportingFromUrl.value\"\n      :error=\"library.importFromUrlError.value\"\n      @import=\"ui.handleImportFromUrl\"\n      @close=\"ui.showImportUrlModal.value = false\"\n    />\n\n    <!-- Edit Modal -->\n    <MediaEditModal\n      :visible=\"!!ui.editingItem.value\"\n      :item=\"ui.editingItem.value\"\n      @save=\"ui.handleEditSave\"\n      @close=\"ui.editingItem.value = null\"\n    />\n\n    <!-- Replace Modal -->\n    <MediaReplaceModal\n      :visible=\"library.showReplaceWarning.value\"\n      :item=\"library.pendingReplaceItem.value\"\n      :usage-info=\"library.replaceUsageInfo.value\"\n      :is-replacing=\"library.isReplacing.value\"\n      :error=\"library.replaceError.value\"\n      @replace=\"ui.handleReplaceFile\"\n      @close=\"library.cancelReplace\"\n    />\n\n    <!-- Delete Warning Dialog -->\n    <Transition\n      enter-active-class=\"tpl:transition tpl:ease-out tpl:duration-150\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:ease-in tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <div\n        v-if=\"library.showDeleteWarning.value\"\n        class=\"tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]\"\n        style=\"\n          background-color: rgba(0, 0, 0, 0.5);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        @click.self=\"library.cancelDelete\"\n      >\n        <div\n          class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n          style=\"\n            background-color: var(--tpl-bg-elevated);\n            box-shadow: var(--tpl-shadow-xl);\n          \"\n        >\n          <h3\n            class=\"tpl:mb-2 tpl:text-sm tpl:font-semibold\"\n            style=\"color: var(--tpl-text)\"\n          >\n            {{ t.mediaLibrary.deleteWarningTitle }}\n          </h3>\n          <p\n            class=\"tpl:text-xs\"\n            :class=\"ui.hasUsedFiles.value ? 'tpl:mb-2' : 'tpl:mb-4'\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningMessage }}\n          </p>\n          <p\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:text-xs\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningUsageNote }}\n          </p>\n\n          <div\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2\"\n            style=\"border-color: var(--tpl-border)\"\n          >\n            <div\n              v-for=\"(info, mediaId) in library.deleteUsageInfo.value\"\n              :key=\"mediaId\"\n              class=\"tpl:text-xs\"\n              style=\"color: var(--tpl-text)\"\n            >\n              <template v-if=\"info.template_count > 0\">\n                <span class=\"tpl:font-medium\">\n                  {{\n                    ui.displayItems.value.find((i) => i.id === mediaId)\n                      ?.filename || mediaId\n                  }}\n                </span>\n                <span style=\"color: var(--tpl-text-muted)\">\n                  -\n                  {{\n                    t.mediaLibrary.usedInTemplates.replace(\n                      \"{count}\",\n                      info.template_count.toString(),\n                    )\n                  }}\n                </span>\n              </template>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"library.cancelDelete\"\n            >\n              {{ t.mediaLibrary.cancel }}\n            </button>\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-danger);\n                color: var(--tpl-danger);\n                background-color: var(--tpl-danger-light);\n              \"\n              @click=\"library.confirmDelete\"\n            >\n              {{\n                ui.hasUsedFiles.value\n                  ? t.mediaLibrary.deleteAnyway\n                  : t.mediaLibrary.confirmDelete\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Footer -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3\">\n        <MediaPreviewPanel\n          v-if=\"library.previewItem.value\"\n          v-model:selected-conversion=\"ui.selectedConversion.value\"\n          :item=\"library.previewItem.value\"\n          :folders=\"library.folders.value\"\n        />\n      </div>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-5\">\n        <!-- Copy URL + Move group -->\n        <div\n          v-if=\"library.selectedItems.value.size > 0\"\n          class=\"tpl:flex tpl:items-center tpl:gap-2\"\n        >\n          <button\n            v-if=\"library.previewItem.value\"\n            class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            :style=\"{\n              borderColor: ui.copied.value\n                ? 'var(--tpl-success)'\n                : 'var(--tpl-border)',\n              color: ui.copied.value ? 'var(--tpl-success)' : 'var(--tpl-text)',\n              backgroundColor: 'var(--tpl-bg)',\n            }\"\n            @click=\"ui.copy(ui.selectedUrl.value!)\"\n          >\n            <Copy v-if=\"!ui.copied.value\" :size=\"12\" :stroke-width=\"2\" />\n            <Check v-else :size=\"12\" :stroke-width=\"2\" />\n            {{\n              ui.copied.value ? t.mediaLibrary.copied : t.mediaLibrary.copyUrl\n            }}\n          </button>\n          <div v-if=\"canUseMediaFolders\" class=\"tpl:relative\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showMovePicker.value = !ui.showMovePicker.value\"\n            >\n              {{ t.mediaLibrary.moveSelected }}\n            </button>\n            <MediaMovePicker\n              v-if=\"ui.showMovePicker.value\"\n              :folders=\"library.folders.value\"\n              :current-folder-id=\"library.currentFolderId.value\"\n              @select=\"ui.handleMoveToFolder\"\n              @close=\"ui.showMovePicker.value = false\"\n            />\n          </div>\n        </div>\n        <!-- Delete + Select group -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n          <button\n            v-if=\"library.selectedItems.value.size > 0\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            style=\"\n              border-color: var(--tpl-danger);\n              color: var(--tpl-danger);\n              background-color: var(--tpl-danger-light);\n            \"\n            @click=\"ui.handleDeleteClick\"\n          >\n            {{ t.mediaLibrary.deleteSelected }}\n          </button>\n          <button\n            v-if=\"onSelect\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50\"\n            style=\"background-color: var(--tpl-primary); color: var(--tpl-bg)\"\n            :disabled=\"!library.previewItem.value\"\n            @click=\"confirmSelection\"\n          >\n            {{ t.mediaLibrary.selectFile }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","/// <reference types=\"vite/client\" />\n\nimport type en from \"./locales/en\";\n\nexport type MediaTranslations = typeof en;\n\n// Vite resolves this glob at build time. Adding a new locale file\n// automatically registers it — no array to keep in sync.\nconst localeModules = import.meta.glob<{ default: MediaTranslations }>(\n  \"./locales/*.ts\",\n);\n\nfunction localesFromGlob(modules: Record<string, unknown>): string[] {\n  return Object.keys(modules)\n    .map((path) => path.match(/\\/([^/]+)\\.ts$/)?.[1])\n    .filter((locale): locale is string => Boolean(locale));\n}\n\nconst supportedLocales = localesFromGlob(localeModules);\n\nfunction canonicalize(locale: string): string {\n  return locale.trim().replace(/_/g, \"-\").toLowerCase();\n}\n\nfunction findSupportedLocale(locale: string): string | undefined {\n  const canonical = canonicalize(locale);\n  return supportedLocales.find((s) => canonicalize(s) === canonical);\n}\n\nfunction getBaseLocale(locale: string): string {\n  return canonicalize(locale).split(\"-\")[0];\n}\n\nfunction resolveLocale(locale: string): string {\n  return (\n    findSupportedLocale(locale) ??\n    findSupportedLocale(getBaseLocale(locale)) ??\n    \"en\"\n  );\n}\n\nexport async function loadMediaTranslations(\n  locale: string,\n): Promise<MediaTranslations> {\n  const target = resolveLocale(locale);\n  const loader = localeModules[`./locales/${target}.ts`];\n  const module = await loader();\n  return module.default;\n}\n","import { createSdkAuthManager } from \"@templatical/core/cloud\";\nimport type { PlanConfig } from \"@templatical/types\";\nimport { ApiClient } from \"@templatical/core/cloud\";\nimport MediaLibrary from \"./MediaLibrary.vue\";\nimport { loadMediaTranslations, type MediaTranslations } from \"../i18n\";\nimport type { MediaLibraryConfig, MediaLibraryInstance } from \"./types\";\nimport { createApp, h, ref, type App, type Ref } from \"vue\";\n\n// Import SDK styles\nimport \"../styles/index.css\";\n\n// Re-export types for consumers\nexport type { MediaFolder, MediaItem } from \"../types\";\nexport type { MediaLibraryConfig, MediaLibraryInstance } from \"./types\";\n\nlet appInstance: App | null = null;\nconst mediaLibraryRef: Ref<InstanceType<typeof MediaLibrary> | null> =\n  ref(null);\n\nasync function init(config: MediaLibraryConfig): Promise<MediaLibraryInstance> {\n  const container =\n    typeof config.container === \"string\"\n      ? document.querySelector(config.container)\n      : config.container;\n\n  if (!container) {\n    throw new Error(`Container element not found: ${config.container}`);\n  }\n\n  // Initialize auth\n  const authManager = createSdkAuthManager(config.auth, config.onError);\n  await authManager.initialize();\n\n  // Fetch plan config\n  const apiClient = new ApiClient(authManager);\n  const planConfig: PlanConfig = await apiClient.fetchConfig();\n\n  // Load translations\n  const translations: MediaTranslations = await loadMediaTranslations(\n    config.locale ?? \"en\",\n  );\n\n  // Apply theme overrides to container\n  applyTheme(container as HTMLElement, config.theme);\n\n  // Unmount any prior app *after* awaits so concurrent init() calls don't\n  // both pass an early check while appInstance is still null and orphan\n  // the first-mounted app.\n  if (appInstance) {\n    unmount();\n  }\n\n  return new Promise((resolve, reject) => {\n    try {\n      appInstance = createApp({\n        setup() {\n          const onReady = () => {\n            const instance: MediaLibraryInstance = {\n              setTheme: (theme) => applyTheme(container as HTMLElement, theme),\n              unmount,\n            };\n\n            resolve(instance);\n          };\n\n          return () =>\n            h(MediaLibrary, {\n              authManager,\n              projectId: authManager.projectId,\n              planConfig,\n              translations,\n              onSelect: config.onSelect,\n              onError: config.onError,\n              ref: mediaLibraryRef,\n              onReady,\n            });\n        },\n      });\n\n      appInstance.mount(container);\n    } catch (error) {\n      reject(error);\n    }\n  });\n}\n\nfunction unmount(): void {\n  if (appInstance) {\n    appInstance.unmount();\n    appInstance = null;\n    mediaLibraryRef.value = null;\n  }\n}\n\nfunction applyTheme(\n  container: HTMLElement,\n  theme?: { primaryColor?: string; borderRadius?: number },\n): void {\n  if (!theme) {\n    return;\n  }\n\n  if (theme.primaryColor) {\n    container.style.setProperty(\"--tpl-primary\", theme.primaryColor);\n  }\n\n  if (theme.borderRadius !== undefined) {\n    container.style.setProperty(\"--tpl-radius\", `${theme.borderRadius}px`);\n    container.style.setProperty(\n      \"--tpl-radius-sm\",\n      `${Math.max(0, theme.borderRadius - 3)}px`,\n    );\n    container.style.setProperty(\n      \"--tpl-radius-lg\",\n      `${theme.borderRadius + 4}px`,\n    );\n  }\n}\n\nconst TemplaticalMedia = {\n  init,\n  unmount,\n};\n\n// Assign to window for IIFE usage\nif (typeof window !== \"undefined\") {\n  (\n    window as unknown as Window & { TemplaticalMedia: typeof TemplaticalMedia }\n  ).TemplaticalMedia = TemplaticalMedia;\n}\n\n// Named exports for destructured imports\nexport { init, unmount };\n\n// Default export for library mode\nexport default TemplaticalMedia;\n"],"mappings":"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"}
+{"version":3,"file":"src-BDJeYiVE.js","names":[],"sources":["../../../../media-library/src/standalone/MediaLibrary.vue","../../../../media-library/src/standalone/MediaLibrary.vue","../../../../media-library/src/i18n/index.ts","../../../../media-library/src/standalone/visual.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport MediaBreadcrumb from \"../components/media/MediaBreadcrumb.vue\";\nimport MediaEditModal from \"../components/media/MediaEditModal.vue\";\nimport MediaFolderTree from \"../components/media/MediaFolderTree.vue\";\nimport MediaGrid from \"../components/media/MediaGrid.vue\";\nimport MediaImportUrlModal from \"../components/media/MediaImportUrlModal.vue\";\nimport MediaMovePicker from \"../components/media/MediaMovePicker.vue\";\nimport MediaPreviewPanel from \"../components/media/MediaPreviewPanel.vue\";\nimport MediaReplaceModal from \"../components/media/MediaReplaceModal.vue\";\nimport MediaUploadZone from \"../components/media/MediaUploadZone.vue\";\nimport StorageProgressRing from \"../components/media/StorageProgressRing.vue\";\nimport { useMediaLibrary } from \"../composable\";\nimport { useMediaCategories } from \"../composables/useMediaCategories\";\nimport { useMediaLibraryUI } from \"../composables/useMediaLibraryUI\";\nimport type { PlanConfig, PlanFeatures } from \"@templatical/types\";\nimport type { MediaItem } from \"../types\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaTranslations } from \"../i18n\";\nimport {\n  Check,\n  Copy,\n  Grid2x2,\n  Link,\n  List,\n  PanelLeft,\n  Search,\n} from \"@lucide/vue\";\nimport { computed, onMounted, provide, ref } from \"vue\";\n\nconst props = defineProps<{\n  authManager: AuthManager;\n  projectId: string;\n  planConfig: PlanConfig;\n  translations: MediaTranslations;\n  onSelect?: (item: MediaItem) => void;\n  onError?: (error: Error) => void;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\"): void;\n}>();\n\nconst t = computed(() => props.translations);\n\n// Provide translations for sub-components that use inject('translations')\nprovide(\"translations\", props.translations);\nprovide(\"authManager\", props.authManager);\nprovide(\n  \"projectId\",\n  computed(() => props.projectId),\n);\n\n// Provide planConfig in the format that sub-components expect\nconst planConfigRef = ref<PlanConfig | null>(props.planConfig);\nprovide(\"planConfig\", {\n  config: planConfigRef,\n  isLoading: ref(false),\n  hasFeature: (feature: keyof PlanFeatures) =>\n    props.planConfig.features[feature] ?? false,\n  features: computed(() => props.planConfig.features),\n  fetchConfig: async () => {},\n});\n\n// Feature flags\nconst canUseMediaFolders = computed(\n  () => props.planConfig.features.media_folders ?? false,\n);\nconst canImportFromUrl = computed(\n  () => props.planConfig.features.import_from_url ?? false,\n);\n\n// Storage info\nconst storageUsedBytes = computed(\n  () => props.planConfig.storage.used_bytes ?? 0,\n);\nconst storageLimitBytes = computed(\n  () => props.planConfig.storage.limit_bytes ?? 0,\n);\n\nconst { availableCategories } = useMediaCategories();\n\nconst library = useMediaLibrary({\n  projectId: props.projectId,\n  authManager: props.authManager,\n  onError: props.onError,\n});\n\nconst ui = useMediaLibraryUI({\n  library,\n  canUseMediaFolders,\n  translations: t,\n});\n\n// Standalone-specific: confirm selection via callback\nfunction confirmSelection(): void {\n  if (!library.previewItem.value) {\n    return;\n  }\n\n  const item = library.previewItem.value;\n  const itemWithSelectedUrl: MediaItem = {\n    ...item,\n    url: ui.selectedUrl.value || item.url,\n  };\n  props.onSelect?.(itemWithSelectedUrl);\n}\n\nonMounted(() => {\n  library.loadItems();\n  library.loadFrequentlyUsed();\n  emit(\"ready\");\n});\n</script>\n\n<template>\n  <div\n    class=\"tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]\"\n    style=\"\n      width: 100%;\n      height: 100%;\n      background-color: var(--tpl-bg-elevated);\n      border: 1px solid var(--tpl-border);\n    \"\n  >\n    <!-- Header -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <h2 class=\"tpl:text-sm tpl:font-semibold\" style=\"color: var(--tpl-text)\">\n        {{ t.mediaLibrary.title }}\n      </h2>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-3\">\n        <StorageProgressRing\n          :used-bytes=\"storageUsedBytes\"\n          :limit-bytes=\"storageLimitBytes\"\n          :size=\"22\"\n        />\n        <div class=\"tpl:relative\">\n          <input\n            :value=\"ui.searchInput.value\"\n            type=\"text\"\n            class=\"tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]\"\n            style=\"\n              border-color: var(--tpl-border);\n              background-color: var(--tpl-bg);\n              color: var(--tpl-text);\n            \"\n            :placeholder=\"t.mediaLibrary.searchPlaceholder\"\n            @input=\"\n              ui.handleSearchInput(($event.target as HTMLInputElement).value)\n            \"\n          />\n          <Search\n            class=\"tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2\"\n            :size=\"13\"\n            :stroke-width=\"2\"\n            style=\"color: var(--tpl-text-dim)\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Body -->\n    <div class=\"tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Sidebar (only when media folders feature is enabled and toggled on) -->\n      <Transition\n        enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n        enter-from-class=\"tpl:-ml-48 tpl:opacity-0\"\n        enter-to-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-active-class=\"tpl:transition-all tpl:duration-150 tpl:ease-in\"\n        leave-from-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-to-class=\"tpl:-ml-48 tpl:opacity-0\"\n      >\n        <div\n          v-if=\"canUseMediaFolders && ui.showSidebar.value\"\n          class=\"tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r\"\n          style=\"\n            border-color: var(--tpl-border);\n            background-color: var(--tpl-bg);\n          \"\n        >\n          <MediaFolderTree\n            :folders=\"library.folders.value\"\n            :current-folder-id=\"library.currentFolderId.value\"\n            :view-mode=\"library.viewMode.value\"\n            :has-frequently-used=\"ui.hasFrequentlyUsed.value\"\n            @navigate=\"library.navigateToFolder\"\n            @create-folder=\"ui.handleCreateFolder\"\n            @rename-folder=\"ui.handleRenameFolder\"\n            @delete-folder=\"ui.handleDeleteFolder\"\n            @show-frequently-used=\"library.showFrequentlyUsed\"\n          />\n        </div>\n      </Transition>\n\n      <!-- Content area -->\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col\">\n        <!-- Breadcrumb + Upload -->\n        <div\n          class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5\"\n          style=\"border-color: var(--tpl-border)\"\n        >\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <!-- Sidebar toggle (only when media folders feature is enabled) -->\n            <button\n              v-if=\"canUseMediaFolders\"\n              class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150\"\n              :style=\"{\n                color: ui.showSidebar.value\n                  ? 'var(--tpl-primary)'\n                  : 'var(--tpl-text-muted)',\n                backgroundColor: ui.showSidebar.value\n                  ? 'var(--tpl-bg)'\n                  : 'transparent',\n                border: ui.showSidebar.value\n                  ? '1px solid var(--tpl-border)'\n                  : '1px solid transparent',\n              }\"\n              :title=\"\n                ui.showSidebar.value\n                  ? t.mediaLibrary.hideFolders\n                  : t.mediaLibrary.showFolders\n              \"\n              @click=\"ui.showSidebar.value = !ui.showSidebar.value\"\n            >\n              <PanelLeft :size=\"16\" :stroke-width=\"2\" />\n            </button>\n\n            <template v-if=\"library.viewMode.value === 'frequently-used'\">\n              <span\n                class=\"tpl:text-xs tpl:font-medium\"\n                style=\"color: var(--tpl-text)\"\n              >\n                {{ t.mediaLibrary.frequentlyUsed }}\n              </span>\n            </template>\n            <template v-else>\n              <MediaBreadcrumb\n                :folders=\"library.folders.value\"\n                :current-folder-id=\"library.currentFolderId.value\"\n                @navigate=\"library.navigateToFolder\"\n              />\n            </template>\n\n            <!-- Layout toggle -->\n            <div\n              class=\"tpl:flex tpl:rounded-md tpl:p-0.5\"\n              style=\"\n                border: 1px solid var(--tpl-border);\n                background-color: var(--tpl-bg);\n              \"\n            >\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewGrid\"\n                @click=\"ui.layoutMode.value = 'grid'\"\n              >\n                <Grid2x2 :size=\"14\" :stroke-width=\"2\" />\n              </button>\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewList\"\n                @click=\"ui.layoutMode.value = 'list'\"\n              >\n                <List :size=\"14\" :stroke-width=\"2\" />\n              </button>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <select\n              v-if=\"availableCategories.length > 1\"\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.categoryFilter.value ?? ''\"\n              @change=\"\n                library.filterByCategory(\n                  ($event.target as HTMLSelectElement).value || null,\n                )\n              \"\n            >\n              <option value=\"\">\n                {{ t.mediaLibrary.filterAll }}\n              </option>\n              <option\n                v-for=\"category in availableCategories\"\n                :key=\"category\"\n                :value=\"category\"\n              >\n                {{ ui.getCategoryLabel(category) }}\n              </option>\n            </select>\n            <select\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.sortOption.value\"\n              @change=\"\n                library.sortBy(($event.target as HTMLSelectElement).value)\n              \"\n            >\n              <option value=\"newest\">\n                {{ t.mediaLibrary.sortNewest }}\n              </option>\n              <option value=\"oldest\">\n                {{ t.mediaLibrary.sortOldest }}\n              </option>\n              <option value=\"name_asc\">\n                {{ t.mediaLibrary.sortNameAsc }}\n              </option>\n              <option value=\"name_desc\">\n                {{ t.mediaLibrary.sortNameDesc }}\n              </option>\n              <option value=\"size_asc\">\n                {{ t.mediaLibrary.sortSizeAsc }}\n              </option>\n              <option value=\"size_desc\">\n                {{ t.mediaLibrary.sortSizeDesc }}\n              </option>\n            </select>\n          </div>\n        </div>\n\n        <!-- Scrollable content area -->\n        <div class=\"tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto\">\n          <!-- Upload zone (only in files mode) -->\n          <div\n            v-if=\"library.viewMode.value === 'files'\"\n            class=\"tpl:px-4 tpl:pt-3\"\n          >\n            <MediaUploadZone\n              :is-uploading=\"library.isUploading.value\"\n              :upload-progress=\"library.uploadProgress.value\"\n              @upload=\"ui.handleUpload\"\n            />\n            <button\n              v-if=\"canImportFromUrl\"\n              class=\"tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text-muted);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showImportUrlModal.value = true\"\n            >\n              <Link :size=\"14\" :stroke-width=\"2\" />\n              {{ t.mediaLibrary.importFromUrl }}\n            </button>\n          </div>\n\n          <!-- Image grid -->\n          <MediaGrid\n            :items=\"ui.displayItems.value\"\n            :selected-ids=\"library.selectedItems.value\"\n            :is-loading=\"library.isLoading.value\"\n            :has-more=\"\n              library.viewMode.value === 'files' && library.hasMore.value\n            \"\n            :layout=\"ui.layoutMode.value\"\n            @select=\"ui.handleSelect\"\n            @toggle=\"library.toggleSelection\"\n            @load-more=\"library.loadMore\"\n            @edit=\"ui.handleEditItem\"\n            @replace=\"ui.handleReplaceItem\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Import from URL Modal -->\n    <MediaImportUrlModal\n      :visible=\"ui.showImportUrlModal.value\"\n      :is-importing=\"library.isImportingFromUrl.value\"\n      :error=\"library.importFromUrlError.value\"\n      @import=\"ui.handleImportFromUrl\"\n      @close=\"ui.showImportUrlModal.value = false\"\n    />\n\n    <!-- Edit Modal -->\n    <MediaEditModal\n      :visible=\"!!ui.editingItem.value\"\n      :item=\"ui.editingItem.value\"\n      @save=\"ui.handleEditSave\"\n      @close=\"ui.editingItem.value = null\"\n    />\n\n    <!-- Replace Modal -->\n    <MediaReplaceModal\n      :visible=\"library.showReplaceWarning.value\"\n      :item=\"library.pendingReplaceItem.value\"\n      :usage-info=\"library.replaceUsageInfo.value\"\n      :is-replacing=\"library.isReplacing.value\"\n      :error=\"library.replaceError.value\"\n      @replace=\"ui.handleReplaceFile\"\n      @close=\"library.cancelReplace\"\n    />\n\n    <!-- Delete Warning Dialog -->\n    <Transition\n      enter-active-class=\"tpl:transition tpl:ease-out tpl:duration-150\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:ease-in tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <div\n        v-if=\"library.showDeleteWarning.value\"\n        class=\"tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]\"\n        style=\"\n          background-color: rgba(0, 0, 0, 0.5);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        @click.self=\"library.cancelDelete\"\n      >\n        <div\n          class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n          style=\"\n            background-color: var(--tpl-bg-elevated);\n            box-shadow: var(--tpl-shadow-xl);\n          \"\n        >\n          <h3\n            class=\"tpl:mb-2 tpl:text-sm tpl:font-semibold\"\n            style=\"color: var(--tpl-text)\"\n          >\n            {{ t.mediaLibrary.deleteWarningTitle }}\n          </h3>\n          <p\n            class=\"tpl:text-xs\"\n            :class=\"ui.hasUsedFiles.value ? 'tpl:mb-2' : 'tpl:mb-4'\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningMessage }}\n          </p>\n          <p\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:text-xs\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningUsageNote }}\n          </p>\n\n          <div\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2\"\n            style=\"border-color: var(--tpl-border)\"\n          >\n            <div\n              v-for=\"(info, mediaId) in library.deleteUsageInfo.value\"\n              :key=\"mediaId\"\n              class=\"tpl:text-xs\"\n              style=\"color: var(--tpl-text)\"\n            >\n              <template v-if=\"info.template_count > 0\">\n                <span class=\"tpl:font-medium\">\n                  {{\n                    ui.displayItems.value.find((i) => i.id === mediaId)\n                      ?.filename || mediaId\n                  }}\n                </span>\n                <span style=\"color: var(--tpl-text-muted)\">\n                  -\n                  {{\n                    t.mediaLibrary.usedInTemplates.replace(\n                      \"{count}\",\n                      info.template_count.toString(),\n                    )\n                  }}\n                </span>\n              </template>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"library.cancelDelete\"\n            >\n              {{ t.mediaLibrary.cancel }}\n            </button>\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-danger);\n                color: var(--tpl-danger);\n                background-color: var(--tpl-danger-light);\n              \"\n              @click=\"library.confirmDelete\"\n            >\n              {{\n                ui.hasUsedFiles.value\n                  ? t.mediaLibrary.deleteAnyway\n                  : t.mediaLibrary.confirmDelete\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Footer -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3\">\n        <MediaPreviewPanel\n          v-if=\"library.previewItem.value\"\n          v-model:selected-conversion=\"ui.selectedConversion.value\"\n          :item=\"library.previewItem.value\"\n          :folders=\"library.folders.value\"\n        />\n      </div>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-5\">\n        <!-- Copy URL + Move group -->\n        <div\n          v-if=\"library.selectedItems.value.size > 0\"\n          class=\"tpl:flex tpl:items-center tpl:gap-2\"\n        >\n          <button\n            v-if=\"library.previewItem.value\"\n            class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            :style=\"{\n              borderColor: ui.copied.value\n                ? 'var(--tpl-success)'\n                : 'var(--tpl-border)',\n              color: ui.copied.value ? 'var(--tpl-success)' : 'var(--tpl-text)',\n              backgroundColor: 'var(--tpl-bg)',\n            }\"\n            @click=\"ui.copy(ui.selectedUrl.value!)\"\n          >\n            <Copy v-if=\"!ui.copied.value\" :size=\"12\" :stroke-width=\"2\" />\n            <Check v-else :size=\"12\" :stroke-width=\"2\" />\n            {{\n              ui.copied.value ? t.mediaLibrary.copied : t.mediaLibrary.copyUrl\n            }}\n          </button>\n          <div v-if=\"canUseMediaFolders\" class=\"tpl:relative\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showMovePicker.value = !ui.showMovePicker.value\"\n            >\n              {{ t.mediaLibrary.moveSelected }}\n            </button>\n            <MediaMovePicker\n              v-if=\"ui.showMovePicker.value\"\n              :folders=\"library.folders.value\"\n              :current-folder-id=\"library.currentFolderId.value\"\n              @select=\"ui.handleMoveToFolder\"\n              @close=\"ui.showMovePicker.value = false\"\n            />\n          </div>\n        </div>\n        <!-- Delete + Select group -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n          <button\n            v-if=\"library.selectedItems.value.size > 0\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            style=\"\n              border-color: var(--tpl-danger);\n              color: var(--tpl-danger);\n              background-color: var(--tpl-danger-light);\n            \"\n            @click=\"ui.handleDeleteClick\"\n          >\n            {{ t.mediaLibrary.deleteSelected }}\n          </button>\n          <button\n            v-if=\"onSelect\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50\"\n            style=\"background-color: var(--tpl-primary); color: var(--tpl-bg)\"\n            :disabled=\"!library.previewItem.value\"\n            @click=\"confirmSelection\"\n          >\n            {{ t.mediaLibrary.selectFile }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport MediaBreadcrumb from \"../components/media/MediaBreadcrumb.vue\";\nimport MediaEditModal from \"../components/media/MediaEditModal.vue\";\nimport MediaFolderTree from \"../components/media/MediaFolderTree.vue\";\nimport MediaGrid from \"../components/media/MediaGrid.vue\";\nimport MediaImportUrlModal from \"../components/media/MediaImportUrlModal.vue\";\nimport MediaMovePicker from \"../components/media/MediaMovePicker.vue\";\nimport MediaPreviewPanel from \"../components/media/MediaPreviewPanel.vue\";\nimport MediaReplaceModal from \"../components/media/MediaReplaceModal.vue\";\nimport MediaUploadZone from \"../components/media/MediaUploadZone.vue\";\nimport StorageProgressRing from \"../components/media/StorageProgressRing.vue\";\nimport { useMediaLibrary } from \"../composable\";\nimport { useMediaCategories } from \"../composables/useMediaCategories\";\nimport { useMediaLibraryUI } from \"../composables/useMediaLibraryUI\";\nimport type { PlanConfig, PlanFeatures } from \"@templatical/types\";\nimport type { MediaItem } from \"../types\";\nimport type { AuthManager } from \"@templatical/core/cloud\";\nimport type { MediaTranslations } from \"../i18n\";\nimport {\n  Check,\n  Copy,\n  Grid2x2,\n  Link,\n  List,\n  PanelLeft,\n  Search,\n} from \"@lucide/vue\";\nimport { computed, onMounted, provide, ref } from \"vue\";\n\nconst props = defineProps<{\n  authManager: AuthManager;\n  projectId: string;\n  planConfig: PlanConfig;\n  translations: MediaTranslations;\n  onSelect?: (item: MediaItem) => void;\n  onError?: (error: Error) => void;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"ready\"): void;\n}>();\n\nconst t = computed(() => props.translations);\n\n// Provide translations for sub-components that use inject('translations')\nprovide(\"translations\", props.translations);\nprovide(\"authManager\", props.authManager);\nprovide(\n  \"projectId\",\n  computed(() => props.projectId),\n);\n\n// Provide planConfig in the format that sub-components expect\nconst planConfigRef = ref<PlanConfig | null>(props.planConfig);\nprovide(\"planConfig\", {\n  config: planConfigRef,\n  isLoading: ref(false),\n  hasFeature: (feature: keyof PlanFeatures) =>\n    props.planConfig.features[feature] ?? false,\n  features: computed(() => props.planConfig.features),\n  fetchConfig: async () => {},\n});\n\n// Feature flags\nconst canUseMediaFolders = computed(\n  () => props.planConfig.features.media_folders ?? false,\n);\nconst canImportFromUrl = computed(\n  () => props.planConfig.features.import_from_url ?? false,\n);\n\n// Storage info\nconst storageUsedBytes = computed(\n  () => props.planConfig.storage.used_bytes ?? 0,\n);\nconst storageLimitBytes = computed(\n  () => props.planConfig.storage.limit_bytes ?? 0,\n);\n\nconst { availableCategories } = useMediaCategories();\n\nconst library = useMediaLibrary({\n  projectId: props.projectId,\n  authManager: props.authManager,\n  onError: props.onError,\n});\n\nconst ui = useMediaLibraryUI({\n  library,\n  canUseMediaFolders,\n  translations: t,\n});\n\n// Standalone-specific: confirm selection via callback\nfunction confirmSelection(): void {\n  if (!library.previewItem.value) {\n    return;\n  }\n\n  const item = library.previewItem.value;\n  const itemWithSelectedUrl: MediaItem = {\n    ...item,\n    url: ui.selectedUrl.value || item.url,\n  };\n  props.onSelect?.(itemWithSelectedUrl);\n}\n\nonMounted(() => {\n  library.loadItems();\n  library.loadFrequentlyUsed();\n  emit(\"ready\");\n});\n</script>\n\n<template>\n  <div\n    class=\"tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]\"\n    style=\"\n      width: 100%;\n      height: 100%;\n      background-color: var(--tpl-bg-elevated);\n      border: 1px solid var(--tpl-border);\n    \"\n  >\n    <!-- Header -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <h2 class=\"tpl:text-sm tpl:font-semibold\" style=\"color: var(--tpl-text)\">\n        {{ t.mediaLibrary.title }}\n      </h2>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-3\">\n        <StorageProgressRing\n          :used-bytes=\"storageUsedBytes\"\n          :limit-bytes=\"storageLimitBytes\"\n          :size=\"22\"\n        />\n        <div class=\"tpl:relative\">\n          <input\n            :value=\"ui.searchInput.value\"\n            type=\"text\"\n            class=\"tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]\"\n            style=\"\n              border-color: var(--tpl-border);\n              background-color: var(--tpl-bg);\n              color: var(--tpl-text);\n            \"\n            :placeholder=\"t.mediaLibrary.searchPlaceholder\"\n            @input=\"\n              ui.handleSearchInput(($event.target as HTMLInputElement).value)\n            \"\n          />\n          <Search\n            class=\"tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2\"\n            :size=\"13\"\n            :stroke-width=\"2\"\n            style=\"color: var(--tpl-text-dim)\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Body -->\n    <div class=\"tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden\">\n      <!-- Sidebar (only when media folders feature is enabled and toggled on) -->\n      <Transition\n        enter-active-class=\"tpl:transition-all tpl:duration-200 tpl:ease-out\"\n        enter-from-class=\"tpl:-ml-48 tpl:opacity-0\"\n        enter-to-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-active-class=\"tpl:transition-all tpl:duration-150 tpl:ease-in\"\n        leave-from-class=\"tpl:ml-0 tpl:opacity-100\"\n        leave-to-class=\"tpl:-ml-48 tpl:opacity-0\"\n      >\n        <div\n          v-if=\"canUseMediaFolders && ui.showSidebar.value\"\n          class=\"tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r\"\n          style=\"\n            border-color: var(--tpl-border);\n            background-color: var(--tpl-bg);\n          \"\n        >\n          <MediaFolderTree\n            :folders=\"library.folders.value\"\n            :current-folder-id=\"library.currentFolderId.value\"\n            :view-mode=\"library.viewMode.value\"\n            :has-frequently-used=\"ui.hasFrequentlyUsed.value\"\n            @navigate=\"library.navigateToFolder\"\n            @create-folder=\"ui.handleCreateFolder\"\n            @rename-folder=\"ui.handleRenameFolder\"\n            @delete-folder=\"ui.handleDeleteFolder\"\n            @show-frequently-used=\"library.showFrequentlyUsed\"\n          />\n        </div>\n      </Transition>\n\n      <!-- Content area -->\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col\">\n        <!-- Breadcrumb + Upload -->\n        <div\n          class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5\"\n          style=\"border-color: var(--tpl-border)\"\n        >\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <!-- Sidebar toggle (only when media folders feature is enabled) -->\n            <button\n              v-if=\"canUseMediaFolders\"\n              class=\"tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150\"\n              :style=\"{\n                color: ui.showSidebar.value\n                  ? 'var(--tpl-primary)'\n                  : 'var(--tpl-text-muted)',\n                backgroundColor: ui.showSidebar.value\n                  ? 'var(--tpl-bg)'\n                  : 'transparent',\n                border: ui.showSidebar.value\n                  ? '1px solid var(--tpl-border)'\n                  : '1px solid transparent',\n              }\"\n              :title=\"\n                ui.showSidebar.value\n                  ? t.mediaLibrary.hideFolders\n                  : t.mediaLibrary.showFolders\n              \"\n              @click=\"ui.showSidebar.value = !ui.showSidebar.value\"\n            >\n              <PanelLeft :size=\"16\" :stroke-width=\"2\" />\n            </button>\n\n            <template v-if=\"library.viewMode.value === 'frequently-used'\">\n              <span\n                class=\"tpl:text-xs tpl:font-medium\"\n                style=\"color: var(--tpl-text)\"\n              >\n                {{ t.mediaLibrary.frequentlyUsed }}\n              </span>\n            </template>\n            <template v-else>\n              <MediaBreadcrumb\n                :folders=\"library.folders.value\"\n                :current-folder-id=\"library.currentFolderId.value\"\n                @navigate=\"library.navigateToFolder\"\n              />\n            </template>\n\n            <!-- Layout toggle -->\n            <div\n              class=\"tpl:flex tpl:rounded-md tpl:p-0.5\"\n              style=\"\n                border: 1px solid var(--tpl-border);\n                background-color: var(--tpl-bg);\n              \"\n            >\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'grid'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewGrid\"\n                @click=\"ui.layoutMode.value = 'grid'\"\n              >\n                <Grid2x2 :size=\"14\" :stroke-width=\"2\" />\n              </button>\n              <button\n                class=\"tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150\"\n                :style=\"{\n                  color:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-primary)'\n                      : 'var(--tpl-text-muted)',\n                  backgroundColor:\n                    ui.layoutMode.value === 'list'\n                      ? 'var(--tpl-bg-elevated)'\n                      : 'transparent',\n                }\"\n                :title=\"t.mediaLibrary.viewList\"\n                @click=\"ui.layoutMode.value = 'list'\"\n              >\n                <List :size=\"14\" :stroke-width=\"2\" />\n              </button>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n            <select\n              v-if=\"availableCategories.length > 1\"\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.categoryFilter.value ?? ''\"\n              @change=\"\n                library.filterByCategory(\n                  ($event.target as HTMLSelectElement).value || null,\n                )\n              \"\n            >\n              <option value=\"\">\n                {{ t.mediaLibrary.filterAll }}\n              </option>\n              <option\n                v-for=\"category in availableCategories\"\n                :key=\"category\"\n                :value=\"category\"\n              >\n                {{ ui.getCategoryLabel(category) }}\n              </option>\n            </select>\n            <select\n              class=\"tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none\"\n              style=\"\n                border-color: var(--tpl-border);\n                background-color: var(--tpl-bg);\n                color: var(--tpl-text);\n              \"\n              :value=\"library.sortOption.value\"\n              @change=\"\n                library.sortBy(($event.target as HTMLSelectElement).value)\n              \"\n            >\n              <option value=\"newest\">\n                {{ t.mediaLibrary.sortNewest }}\n              </option>\n              <option value=\"oldest\">\n                {{ t.mediaLibrary.sortOldest }}\n              </option>\n              <option value=\"name_asc\">\n                {{ t.mediaLibrary.sortNameAsc }}\n              </option>\n              <option value=\"name_desc\">\n                {{ t.mediaLibrary.sortNameDesc }}\n              </option>\n              <option value=\"size_asc\">\n                {{ t.mediaLibrary.sortSizeAsc }}\n              </option>\n              <option value=\"size_desc\">\n                {{ t.mediaLibrary.sortSizeDesc }}\n              </option>\n            </select>\n          </div>\n        </div>\n\n        <!-- Scrollable content area -->\n        <div class=\"tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto\">\n          <!-- Upload zone (only in files mode) -->\n          <div\n            v-if=\"library.viewMode.value === 'files'\"\n            class=\"tpl:px-4 tpl:pt-3\"\n          >\n            <MediaUploadZone\n              :is-uploading=\"library.isUploading.value\"\n              :upload-progress=\"library.uploadProgress.value\"\n              @upload=\"ui.handleUpload\"\n            />\n            <button\n              v-if=\"canImportFromUrl\"\n              class=\"tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text-muted);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showImportUrlModal.value = true\"\n            >\n              <Link :size=\"14\" :stroke-width=\"2\" />\n              {{ t.mediaLibrary.importFromUrl }}\n            </button>\n          </div>\n\n          <!-- Image grid -->\n          <MediaGrid\n            :items=\"ui.displayItems.value\"\n            :selected-ids=\"library.selectedItems.value\"\n            :is-loading=\"library.isLoading.value\"\n            :has-more=\"\n              library.viewMode.value === 'files' && library.hasMore.value\n            \"\n            :layout=\"ui.layoutMode.value\"\n            @select=\"ui.handleSelect\"\n            @toggle=\"library.toggleSelection\"\n            @load-more=\"library.loadMore\"\n            @edit=\"ui.handleEditItem\"\n            @replace=\"ui.handleReplaceItem\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Import from URL Modal -->\n    <MediaImportUrlModal\n      :visible=\"ui.showImportUrlModal.value\"\n      :is-importing=\"library.isImportingFromUrl.value\"\n      :error=\"library.importFromUrlError.value\"\n      @import=\"ui.handleImportFromUrl\"\n      @close=\"ui.showImportUrlModal.value = false\"\n    />\n\n    <!-- Edit Modal -->\n    <MediaEditModal\n      :visible=\"!!ui.editingItem.value\"\n      :item=\"ui.editingItem.value\"\n      @save=\"ui.handleEditSave\"\n      @close=\"ui.editingItem.value = null\"\n    />\n\n    <!-- Replace Modal -->\n    <MediaReplaceModal\n      :visible=\"library.showReplaceWarning.value\"\n      :item=\"library.pendingReplaceItem.value\"\n      :usage-info=\"library.replaceUsageInfo.value\"\n      :is-replacing=\"library.isReplacing.value\"\n      :error=\"library.replaceError.value\"\n      @replace=\"ui.handleReplaceFile\"\n      @close=\"library.cancelReplace\"\n    />\n\n    <!-- Delete Warning Dialog -->\n    <Transition\n      enter-active-class=\"tpl:transition tpl:ease-out tpl:duration-150\"\n      enter-from-class=\"tpl:opacity-0\"\n      enter-to-class=\"tpl:opacity-100\"\n      leave-active-class=\"tpl:transition tpl:ease-in tpl:duration-100\"\n      leave-from-class=\"tpl:opacity-100\"\n      leave-to-class=\"tpl:opacity-0\"\n    >\n      <div\n        v-if=\"library.showDeleteWarning.value\"\n        class=\"tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]\"\n        style=\"\n          background-color: rgba(0, 0, 0, 0.5);\n          backdrop-filter: blur(8px);\n          -webkit-backdrop-filter: blur(8px);\n        \"\n        @click.self=\"library.cancelDelete\"\n      >\n        <div\n          class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n          style=\"\n            background-color: var(--tpl-bg-elevated);\n            box-shadow: var(--tpl-shadow-xl);\n          \"\n        >\n          <h3\n            class=\"tpl:mb-2 tpl:text-sm tpl:font-semibold\"\n            style=\"color: var(--tpl-text)\"\n          >\n            {{ t.mediaLibrary.deleteWarningTitle }}\n          </h3>\n          <p\n            class=\"tpl:text-xs\"\n            :class=\"ui.hasUsedFiles.value ? 'tpl:mb-2' : 'tpl:mb-4'\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningMessage }}\n          </p>\n          <p\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:text-xs\"\n            style=\"color: var(--tpl-text-muted)\"\n          >\n            {{ t.mediaLibrary.deleteWarningUsageNote }}\n          </p>\n\n          <div\n            v-if=\"ui.hasUsedFiles.value\"\n            class=\"tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2\"\n            style=\"border-color: var(--tpl-border)\"\n          >\n            <div\n              v-for=\"(info, mediaId) in library.deleteUsageInfo.value\"\n              :key=\"mediaId\"\n              class=\"tpl:text-xs\"\n              style=\"color: var(--tpl-text)\"\n            >\n              <template v-if=\"info.template_count > 0\">\n                <span class=\"tpl:font-medium\">\n                  {{\n                    ui.displayItems.value.find((i) => i.id === mediaId)\n                      ?.filename || mediaId\n                  }}\n                </span>\n                <span style=\"color: var(--tpl-text-muted)\">\n                  -\n                  {{\n                    t.mediaLibrary.usedInTemplates.replace(\n                      \"{count}\",\n                      info.template_count.toString(),\n                    )\n                  }}\n                </span>\n              </template>\n            </div>\n          </div>\n\n          <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"library.cancelDelete\"\n            >\n              {{ t.mediaLibrary.cancel }}\n            </button>\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-danger);\n                color: var(--tpl-danger);\n                background-color: var(--tpl-danger-light);\n              \"\n              @click=\"library.confirmDelete\"\n            >\n              {{\n                ui.hasUsedFiles.value\n                  ? t.mediaLibrary.deleteAnyway\n                  : t.mediaLibrary.confirmDelete\n              }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </Transition>\n\n    <!-- Footer -->\n    <div\n      class=\"tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3\"\n      style=\"border-color: var(--tpl-border)\"\n    >\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3\">\n        <MediaPreviewPanel\n          v-if=\"library.previewItem.value\"\n          v-model:selected-conversion=\"ui.selectedConversion.value\"\n          :item=\"library.previewItem.value\"\n          :folders=\"library.folders.value\"\n        />\n      </div>\n      <div class=\"tpl:flex tpl:items-center tpl:gap-5\">\n        <!-- Copy URL + Move group -->\n        <div\n          v-if=\"library.selectedItems.value.size > 0\"\n          class=\"tpl:flex tpl:items-center tpl:gap-2\"\n        >\n          <button\n            v-if=\"library.previewItem.value\"\n            class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            :style=\"{\n              borderColor: ui.copied.value\n                ? 'var(--tpl-success)'\n                : 'var(--tpl-border)',\n              color: ui.copied.value ? 'var(--tpl-success)' : 'var(--tpl-text)',\n              backgroundColor: 'var(--tpl-bg)',\n            }\"\n            @click=\"ui.copy(ui.selectedUrl.value!)\"\n          >\n            <Copy v-if=\"!ui.copied.value\" :size=\"12\" :stroke-width=\"2\" />\n            <Check v-else :size=\"12\" :stroke-width=\"2\" />\n            {{\n              ui.copied.value ? t.mediaLibrary.copied : t.mediaLibrary.copyUrl\n            }}\n          </button>\n          <div v-if=\"canUseMediaFolders\" class=\"tpl:relative\">\n            <button\n              class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n              style=\"\n                border-color: var(--tpl-border);\n                color: var(--tpl-text);\n                background-color: var(--tpl-bg);\n              \"\n              @click=\"ui.showMovePicker.value = !ui.showMovePicker.value\"\n            >\n              {{ t.mediaLibrary.moveSelected }}\n            </button>\n            <MediaMovePicker\n              v-if=\"ui.showMovePicker.value\"\n              :folders=\"library.folders.value\"\n              :current-folder-id=\"library.currentFolderId.value\"\n              @select=\"ui.handleMoveToFolder\"\n              @close=\"ui.showMovePicker.value = false\"\n            />\n          </div>\n        </div>\n        <!-- Delete + Select group -->\n        <div class=\"tpl:flex tpl:items-center tpl:gap-2\">\n          <button\n            v-if=\"library.selectedItems.value.size > 0\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n            style=\"\n              border-color: var(--tpl-danger);\n              color: var(--tpl-danger);\n              background-color: var(--tpl-danger-light);\n            \"\n            @click=\"ui.handleDeleteClick\"\n          >\n            {{ t.mediaLibrary.deleteSelected }}\n          </button>\n          <button\n            v-if=\"onSelect\"\n            class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50\"\n            style=\"background-color: var(--tpl-primary); color: var(--tpl-bg)\"\n            :disabled=\"!library.previewItem.value\"\n            @click=\"confirmSelection\"\n          >\n            {{ t.mediaLibrary.selectFile }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","/// <reference types=\"vite/client\" />\n\nimport type en from \"./locales/en\";\n\nexport type MediaTranslations = typeof en;\n\n// Vite resolves this glob at build time. Adding a new locale file\n// automatically registers it — no array to keep in sync.\nconst localeModules = import.meta.glob<{ default: MediaTranslations }>(\n  \"./locales/*.ts\",\n);\n\nfunction localesFromGlob(modules: Record<string, unknown>): string[] {\n  return Object.keys(modules)\n    .map((path) => path.match(/\\/([^/]+)\\.ts$/)?.[1])\n    .filter((locale): locale is string => Boolean(locale));\n}\n\nconst supportedLocales = localesFromGlob(localeModules);\n\nfunction canonicalize(locale: string): string {\n  return locale.trim().replace(/_/g, \"-\").toLowerCase();\n}\n\nfunction findSupportedLocale(locale: string): string | undefined {\n  const canonical = canonicalize(locale);\n  return supportedLocales.find((s) => canonicalize(s) === canonical);\n}\n\nfunction getBaseLocale(locale: string): string {\n  return canonicalize(locale).split(\"-\")[0];\n}\n\nfunction resolveLocale(locale: string): string {\n  return (\n    findSupportedLocale(locale) ??\n    findSupportedLocale(getBaseLocale(locale)) ??\n    \"en\"\n  );\n}\n\nexport async function loadMediaTranslations(\n  locale: string,\n): Promise<MediaTranslations> {\n  const target = resolveLocale(locale);\n  const loader = localeModules[`./locales/${target}.ts`];\n  const module = await loader();\n  return module.default;\n}\n","import { createSdkAuthManager } from \"@templatical/core/cloud\";\nimport type { PlanConfig } from \"@templatical/types\";\nimport { ApiClient } from \"@templatical/core/cloud\";\nimport MediaLibrary from \"./MediaLibrary.vue\";\nimport { loadMediaTranslations, type MediaTranslations } from \"../i18n\";\nimport type { MediaLibraryConfig, MediaLibraryInstance } from \"./types\";\nimport { createApp, h, ref, type App, type Ref } from \"vue\";\n\n// Import SDK styles\nimport \"../styles/index.css\";\n\n// Re-export types for consumers\nexport type { MediaFolder, MediaItem } from \"../types\";\nexport type { MediaLibraryConfig, MediaLibraryInstance } from \"./types\";\n\nlet appInstance: App | null = null;\nconst mediaLibraryRef: Ref<InstanceType<typeof MediaLibrary> | null> =\n  ref(null);\n\nasync function init(config: MediaLibraryConfig): Promise<MediaLibraryInstance> {\n  const container =\n    typeof config.container === \"string\"\n      ? document.querySelector(config.container)\n      : config.container;\n\n  if (!container) {\n    throw new Error(`Container element not found: ${config.container}`);\n  }\n\n  // Initialize auth\n  const authManager = createSdkAuthManager(config.auth, config.onError);\n  await authManager.initialize();\n\n  // Fetch plan config\n  const apiClient = new ApiClient(authManager);\n  const planConfig: PlanConfig = await apiClient.fetchConfig();\n\n  // Load translations\n  const translations: MediaTranslations = await loadMediaTranslations(\n    config.locale ?? \"en\",\n  );\n\n  // Apply theme overrides to container\n  applyTheme(container as HTMLElement, config.theme);\n\n  // Unmount any prior app *after* awaits so concurrent init() calls don't\n  // both pass an early check while appInstance is still null and orphan\n  // the first-mounted app.\n  if (appInstance) {\n    unmount();\n  }\n\n  return new Promise((resolve, reject) => {\n    try {\n      appInstance = createApp({\n        setup() {\n          const onReady = () => {\n            const instance: MediaLibraryInstance = {\n              setTheme: (theme) => applyTheme(container as HTMLElement, theme),\n              unmount,\n            };\n\n            resolve(instance);\n          };\n\n          return () =>\n            h(MediaLibrary, {\n              authManager,\n              projectId: authManager.projectId,\n              planConfig,\n              translations,\n              onSelect: config.onSelect,\n              onError: config.onError,\n              ref: mediaLibraryRef,\n              onReady,\n            });\n        },\n      });\n\n      appInstance.mount(container);\n    } catch (error) {\n      reject(error);\n    }\n  });\n}\n\nfunction unmount(): void {\n  if (appInstance) {\n    appInstance.unmount();\n    appInstance = null;\n    mediaLibraryRef.value = null;\n  }\n}\n\nfunction applyTheme(\n  container: HTMLElement,\n  theme?: { primaryColor?: string; borderRadius?: number },\n): void {\n  if (!theme) {\n    return;\n  }\n\n  if (theme.primaryColor) {\n    container.style.setProperty(\"--tpl-primary\", theme.primaryColor);\n  }\n\n  if (theme.borderRadius !== undefined) {\n    container.style.setProperty(\"--tpl-radius\", `${theme.borderRadius}px`);\n    container.style.setProperty(\n      \"--tpl-radius-sm\",\n      `${Math.max(0, theme.borderRadius - 3)}px`,\n    );\n    container.style.setProperty(\n      \"--tpl-radius-lg\",\n      `${theme.borderRadius + 4}px`,\n    );\n  }\n}\n\nconst TemplaticalMedia = {\n  init,\n  unmount,\n};\n\n// Assign to window for IIFE usage\nif (typeof window !== \"undefined\") {\n  (\n    window as unknown as Window & { TemplaticalMedia: typeof TemplaticalMedia }\n  ).TemplaticalMedia = TemplaticalMedia;\n}\n\n// Named exports for destructured imports\nexport { init, unmount };\n\n// Default export for library mode\nexport default TemplaticalMedia;\n"],"mappings":"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"}