@burdenoff/microfe-export 2026.801.1 → 2026.830.2

package/dist/export/pages/ExportTemplatesPage.js

@@ -1,106 +1,105 @@
 import { useExport as e } from "../providers/ExportProvider.js";
-import { useAvailableEntities as t, useCreateExportTemplate as n, useDeleteExportTemplate as r, useExportTemplates as i } from "../hooks/useExportQueries.js";
-import { cn as a } from "../utils/cn.js";
-import { getFormatDisplayName as ee } from "../constants/enums.js";
-import { tWithFallback as te } from "../utils/i18n.js";
-import { PageLayout as o } from "../components/PageLayout.js";
-import { nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
-import { useMemo as l, useState as u } from "react";
-import { ChevronRight as d, FileBox as f, Loader2 as p, Plus as m, Search as h, Sparkles as g, X as _ } from "lucide-react";
+import { useTr as t } from "../hooks/useTr.js";
+import { useAvailableEntities as n, useCreateExportTemplate as r, useDeleteExportTemplate as i, useExportTemplates as a } from "../hooks/useExportQueries.js";
+import { cn as o } from "../utils/cn.js";
+import { getFormatDisplayName as s } from "../constants/enums.js";
+import { PageLayout as c } from "../components/PageLayout.js";
+import { nativeImpact as ee, nativeNotify as l } from "../../utils/nativeBridge.js";
+import { useMemo as u, useState as d } from "react";
+import { ChevronRight as te, FileBox as f, Loader2 as p, Plus as m, Search as h, Sparkles as g, X as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { CTAOverflowMenu as x, IllustratedEmptyState as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { CTAOverflowMenu as b, IllustratedEmptyState as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/ExportTemplatesPage.tsx
-var w = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-function T() {
-	let { basePath: T = "/", navigate: E } = e(), { t: D } = b(), O = (e, t, n) => te(D, e, t, n), { data: k, isLoading: A } = i(), { deleteTemplate: j } = r(), { createTemplate: M, isPending: N } = n(), { data: P } = t(), [F, I] = u(""), [L, R] = u(!1), [z, B] = u(""), [V, H] = u(""), [U, W] = u([]), [G, K] = u("CSV"), [q, J] = u(null), [Y, X] = u(null), Z = () => {
-		B(""), H(""), W([]), K("CSV"), J(null), R(!0);
-	}, ne = async () => {
-		if (!z.trim()) {
-			J(O("export.templates.form.errors.nameRequired", "Template name is required."));
+var C = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function w() {
+	let { basePath: w = "/", navigate: T } = e(), E = t(), { data: D, isLoading: O } = a(), { deleteTemplate: k } = i(), { createTemplate: A, isPending: j } = r(), { data: M } = n(), [N, P] = d(""), [F, I] = d(!1), [L, R] = d(""), [z, B] = d(""), [V, H] = d([]), [U, W] = d("CSV"), [G, K] = d(null), [q, J] = d(null), Y = () => {
+		R(""), B(""), H([]), W("CSV"), K(null), I(!0);
+	}, X = async () => {
+		if (!L.trim()) {
+			K(E("export.templates.form.errors.nameRequired", "Template name is required."));
 			return;
 		}
-		if (U.length === 0) {
-			J(O("export.templates.form.errors.entityRequired", "Select at least one entity type."));
+		if (V.length === 0) {
+			K(E("export.templates.form.errors.entityRequired", "Select at least one entity type."));
 			return;
 		}
-		J(null);
+		K(null);
 		try {
-			await M({
-				name: z.trim(),
-				description: V.trim() || void 0,
-				entityTypes: U,
-				format: G
-			}), R(!1);
+			await A({
+				name: L.trim(),
+				description: z.trim() || void 0,
+				entityTypes: V,
+				format: U
+			}), I(!1);
 		} catch (e) {
-			J(e instanceof Error ? e.message : O("export.templates.form.errors.createFailed", "Failed to create template."));
+			K(e instanceof Error ? e.message : E("export.templates.form.errors.createFailed", "Failed to create template."));
 		}
-	}, re = (e) => {
-		W((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, Q = l(() => {
-		if (!F) return k;
-		let e = F.toLowerCase();
-		return k.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
-	}, [k, F]), $ = (e) => {
-		E?.(w(T, `templates/${e}`));
-	}, ie = async (e, t) => {
-		e.stopPropagation(), s("medium"), X(t);
-	}, ae = async () => {
-		if (Y) {
+	}, Z = (e) => {
+		H((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, Q = u(() => {
+		if (!N) return D;
+		let e = N.toLowerCase();
+		return D.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
+	}, [D, N]), $ = (e) => {
+		T?.(C(w, `templates/${e}`));
+	}, ne = async (e, t) => {
+		e.stopPropagation(), ee("medium"), J(t);
+	}, re = async () => {
+		if (q) {
 			try {
-				await j(Y), c("success");
+				await k(q), l("success");
 			} catch {
-				c("error");
+				l("error");
 			}
-			X(null);
+			J(null);
 		}
 	};
-	return /* @__PURE__ */ y(o, {
-		title: O("export.templates.title", "Export Templates"),
-		subtitle: O("export.templates.subtitle", "Reusable export configurations for common data exports"),
+	return /* @__PURE__ */ y(c, {
+		title: E("export.templates.title", "Export Templates"),
+		subtitle: E("export.templates.subtitle", "Reusable export configurations for common data exports"),
 		icon: /* @__PURE__ */ v(f, { size: 24 }),
-		headerActions: /* @__PURE__ */ v(x, {
+		headerActions: /* @__PURE__ */ v(b, {
 			primary: {
-				label: O("export.templates.actions.newTemplate", "New Template"),
+				label: E("export.templates.actions.newTemplate", "New Template"),
 				icon: /* @__PURE__ */ v(m, { size: 16 }),
-				onSelect: Z
+				onSelect: Y
 			},
 			actions: [{
-				label: O("export.templates.actions.newExport", "New Export"),
+				label: E("export.templates.actions.newExport", "New Export"),
 				icon: /* @__PURE__ */ v(m, { size: 16 }),
-				onSelect: () => E?.(w(T, "new"))
+				onSelect: () => T?.(C(w, "new"))
 			}]
 		}),
 		headerContent: /* @__PURE__ */ y("span", {
 			className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-bg-sunken text-text-secondary",
-			children: [/* @__PURE__ */ v(g, { size: 12 }), O("export.templates.summary.available", "{count} template{suffix} available", {
+			children: [/* @__PURE__ */ v(g, { size: 12 }), E("export.templates.summary.available", "{{count}} template{{suffix}} available", {
 				count: Q.length,
 				suffix: Q.length === 1 ? "" : "s"
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ v(C, {
+			/* @__PURE__ */ v(S, {
 				icon: /* @__PURE__ */ v(f, { size: 16 }),
-				children: O("export.templates.purpose", "Templates save an export setup — the entity types and format you regularly need — so you don't rebuild it each time. Create one here, then start a new export from it in a single click. Handy for recurring backups, periodic audits, or any export you run more than once.")
+				children: E("export.templates.purpose", "Templates save an export setup — the entity types and format you regularly need — so you don't rebuild it each time. Create one here, then start a new export from it in a single click. Handy for recurring backups, periodic audits, or any export you run more than once.")
 			}),
-			L && /* @__PURE__ */ y("div", {
+			F && /* @__PURE__ */ y("div", {
 				className: "border border-primary/30 rounded-xl p-6 bg-accent-wash space-y-4",
 				children: [
 					/* @__PURE__ */ y("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ v("h3", {
 							className: "font-semibold text-lg",
-							children: O("export.templates.form.title", "New Template")
+							children: E("export.templates.form.title", "New Template")
 						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => R(!1),
+							onClick: () => I(!1),
 							className: "p-1.5 rounded-md hover:bg-accent",
 							children: /* @__PURE__ */ v(_, { size: 16 })
 						})]
 					}),
-					q && /* @__PURE__ */ v("p", {
+					G && /* @__PURE__ */ v("p", {
 						className: "text-sm text-status-error-text bg-status-error-bg/10 rounded-lg px-3 py-2",
-						children: q
+						children: G
 					}),
 					/* @__PURE__ */ y("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
@@ -108,30 +107,30 @@ function T() {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ y("label", {
 								className: "text-sm font-medium",
-								children: [O("export.templates.form.fields.name", "Name"), " *"]
+								children: [E("export.templates.form.fields.name", "Name"), " *"]
 							}), /* @__PURE__ */ v("input", {
 								type: "text",
-								"aria-label": O("export.templates.form.fields.name", "Name"),
-								placeholder: O("export.templates.form.fields.namePlaceholder", "e.g. Weekly Tags Export"),
-								value: z,
-								onChange: (e) => B(e.target.value),
+								"aria-label": E("export.templates.form.fields.name", "Name"),
+								placeholder: E("export.templates.form.fields.namePlaceholder", "e.g. Weekly Tags Export"),
+								value: L,
+								onChange: (e) => R(e.target.value),
 								className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"
 							})]
 						}), /* @__PURE__ */ y("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ y("label", {
 								className: "text-sm font-medium",
-								children: [O("export.templates.form.fields.format", "Format"), " *"]
+								children: [E("export.templates.form.fields.format", "Format"), " *"]
 							}), /* @__PURE__ */ y("select", {
-								value: G,
-								onChange: (e) => K(e.target.value),
+								value: U,
+								onChange: (e) => W(e.target.value),
 								className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all",
 								children: [/* @__PURE__ */ v("option", {
 									value: "CSV",
-									children: "CSV"
+									children: E("export.format.csv", "CSV")
 								}), /* @__PURE__ */ v("option", {
 									value: "JSON",
-									children: "JSON"
+									children: E("export.format.json", "JSON")
 								})]
 							})]
 						})]
@@ -140,13 +139,13 @@ function T() {
 						className: "space-y-1",
 						children: [/* @__PURE__ */ v("label", {
 							className: "text-sm font-medium",
-							children: O("export.templates.form.fields.description", "Description")
+							children: E("export.templates.form.fields.description", "Description")
 						}), /* @__PURE__ */ v("input", {
 							type: "text",
-							"aria-label": O("export.templates.form.fields.description", "Description"),
-							placeholder: O("export.templates.form.fields.descriptionPlaceholder", "Optional description"),
-							value: V,
-							onChange: (e) => H(e.target.value),
+							"aria-label": E("export.templates.form.fields.description", "Description"),
+							placeholder: E("export.templates.form.fields.descriptionPlaceholder", "Optional description"),
+							value: z,
+							onChange: (e) => B(e.target.value),
 							className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all"
 						})]
 					}),
@@ -155,20 +154,20 @@ function T() {
 						children: [/* @__PURE__ */ y("label", {
 							className: "text-sm font-medium",
 							children: [
-								O("export.templates.form.fields.entityTypes", "Entity Types"),
+								E("export.templates.form.fields.entityTypes", "Entity Types"),
 								" *",
 								" ",
 								/* @__PURE__ */ v("span", {
 									className: "text-text-secondary font-normal",
-									children: O("export.templates.form.fields.entityTypesHint", "(select at least one)")
+									children: E("export.templates.form.fields.entityTypesHint", "(select at least one)")
 								})
 							]
 						}), /* @__PURE__ */ v("div", {
 							className: "flex flex-wrap gap-2",
-							children: P.map((e) => /* @__PURE__ */ v("button", {
+							children: M.map((e) => /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => re(e.entityType),
-								className: a("px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all", U.includes(e.entityType) ? "border-primary bg-action-primary-bg/10 text-primary" : "border-border-subtle bg-bg-surface hover:border-primary/50"),
+								onClick: () => Z(e.entityType),
+								className: o("px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all", V.includes(e.entityType) ? "border-primary bg-action-primary-bg/10 text-primary" : "border-border-subtle bg-bg-surface hover:border-primary/50"),
 								children: e.displayName
 							}, e.entityType))
 						})]
@@ -177,18 +176,18 @@ function T() {
 						className: "flex gap-3 pt-2",
 						children: [/* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: ne,
-							disabled: N,
+							onClick: X,
+							disabled: j,
 							className: "inline-flex items-center gap-2 px-5 py-2.5 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium disabled:opacity-50",
-							children: [N ? /* @__PURE__ */ v(p, {
+							children: [j ? /* @__PURE__ */ v(p, {
 								size: 16,
 								className: "animate-spin"
-							}) : /* @__PURE__ */ v(m, { size: 16 }), O("export.templates.form.actions.create", "Create Template")]
+							}) : /* @__PURE__ */ v(m, { size: 16 }), E("export.templates.form.actions.create", "Create Template")]
 						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => R(!1),
+							onClick: () => I(!1),
 							className: "px-5 py-2.5 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium",
-							children: O("export.templates.form.actions.cancel", "Cancel")
+							children: E("export.templates.form.actions.cancel", "Cancel")
 						})]
 					})
 				]
@@ -202,21 +201,21 @@ function T() {
 					}),
 					/* @__PURE__ */ v("input", {
 						type: "text",
-						"aria-label": O("export.templates.search.placeholder", "Search templates"),
-						placeholder: O("export.templates.search.placeholder", "Search templates..."),
-						value: F,
-						onChange: (e) => I(e.target.value),
+						"aria-label": E("export.templates.search.placeholder", "Search templates"),
+						placeholder: E("export.templates.search.placeholder", "Search templates..."),
+						value: N,
+						onChange: (e) => P(e.target.value),
 						className: "w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200"
 					}),
-					F && /* @__PURE__ */ v("button", {
+					N && /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => I(""),
+						onClick: () => P(""),
 						className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-md text-text-secondary hover:text-text-primary hover:bg-accent",
 						children: /* @__PURE__ */ v(_, { size: 16 })
 					})
 				]
 			}),
-			A && /* @__PURE__ */ v("div", {
+			O && /* @__PURE__ */ v("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
 				children: [...[
 					,
@@ -235,7 +234,7 @@ function T() {
 					]
 				}, t))
 			}),
-			A ? null : Q.length > 0 ? /* @__PURE__ */ v("div", {
+			O ? null : Q.length > 0 ? /* @__PURE__ */ v("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-4",
 				children: Q.map((e, t) => /* @__PURE__ */ y("div", {
 					role: "button",
@@ -244,7 +243,7 @@ function T() {
 					onKeyDown: (t) => {
 						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), $(e.id));
 					},
-					className: a("text-left group cursor-pointer border border-border-seam rounded-xl overflow-hidden bg-bg-surface", "hover:border-primary/40 shadow-[var(--shadow-pop)] transition-colors duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", "animate-in fade-in-0"),
+					className: o("text-left group cursor-pointer border border-border-seam rounded-xl overflow-hidden bg-bg-surface", "hover:border-primary/40 shadow-[var(--shadow-pop)] transition-colors duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", "animate-in fade-in-0"),
 					style: { animationDelay: `${t * 50}ms` },
 					children: [/* @__PURE__ */ v("div", {
 						className: "p-4 border-b bg-bg-sunken/30",
@@ -263,20 +262,20 @@ function T() {
 									children: e.name
 								}), /* @__PURE__ */ y("p", {
 									className: "text-xs text-text-secondary",
-									children: [ee(e.format), e.isDefault && /* @__PURE__ */ v("span", {
+									children: [s(e.format), e.isDefault && /* @__PURE__ */ v("span", {
 										className: "ml-1.5 inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-action-primary-bg/10 text-primary font-medium",
-										children: O("export.templates.card.default", "Default")
+										children: E("export.templates.card.default", "Default")
 									})]
 								})] })]
 							}), /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: (t) => ie(t, e.id),
+									onClick: (t) => ne(t, e.id),
 									className: "p-1.5 rounded-md text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-									"aria-label": O("export.templates.card.deleteAriaLabel", "Delete {name}", { name: e.name }),
+									"aria-label": E("export.templates.card.deleteAriaLabel", "Delete {name}", { name: e.name }),
 									children: /* @__PURE__ */ v(_, { size: 14 })
-								}), /* @__PURE__ */ v(d, {
+								}), /* @__PURE__ */ v(te, {
 									size: 18,
 									className: "text-text-secondary group-hover:text-primary transition-colors mt-1"
 								})]
@@ -294,28 +293,28 @@ function T() {
 								children: e
 							}, e)), e.entityTypes.length > 6 && /* @__PURE__ */ v("span", {
 								className: "inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary",
-								children: O("export.templates.card.moreEntities", "+{count} more", { count: e.entityTypes.length - 6 })
+								children: E("export.templates.card.moreEntities", "+{count} more", { count: e.entityTypes.length - 6 })
 							})]
 						})]
 					})]
 				}, e.id))
-			}) : /* @__PURE__ */ v(S, {
-				illustration: F ? "empty-search" : "empty-data",
-				title: F ? O("export.templates.empty.filtered.title", "No matching templates") : O("export.templates.empty.title", "No templates yet"),
-				description: F ? O("export.templates.empty.filtered.description", "Try adjusting your search to find what you are looking for.") : O("export.templates.empty.description", "Create a template to save reusable export configurations."),
-				action: F ? /* @__PURE__ */ y("button", {
+			}) : /* @__PURE__ */ v(x, {
+				illustration: N ? "empty-search" : "empty-data",
+				title: N ? E("export.templates.empty.filtered.title", "No matching templates") : E("export.templates.empty.title", "No templates yet"),
+				description: N ? E("export.templates.empty.filtered.description", "Try adjusting your search to find what you are looking for.") : E("export.templates.empty.description", "Create a template to save reusable export configurations."),
+				action: N ? /* @__PURE__ */ y("button", {
 					type: "button",
-					onClick: () => I(""),
+					onClick: () => P(""),
 					className: "inline-flex items-center gap-2 px-4 py-2 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium",
-					children: [/* @__PURE__ */ v(_, { size: 16 }), O("export.templates.empty.filtered.actions.clear", "Clear Search")]
+					children: [/* @__PURE__ */ v(_, { size: 16 }), E("export.templates.empty.filtered.actions.clear", "Clear Search")]
 				}) : /* @__PURE__ */ y("button", {
 					type: "button",
-					onClick: Z,
+					onClick: Y,
 					className: "inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium",
-					children: [/* @__PURE__ */ v(m, { size: 16 }), O("export.templates.empty.actions.newTemplate", "New Template")]
+					children: [/* @__PURE__ */ v(m, { size: 16 }), E("export.templates.empty.actions.newTemplate", "New Template")]
 				})
 			}),
-			Y && /* @__PURE__ */ v("div", {
+			q && /* @__PURE__ */ v("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "template-list-delete-title",
@@ -326,24 +325,24 @@ function T() {
 						/* @__PURE__ */ v("h2", {
 							id: "template-list-delete-title",
 							className: "text-lg font-bold",
-							children: O("export.templates.delete.title", "Delete template?")
+							children: E("export.templates.delete.title", "Delete template?")
 						}),
 						/* @__PURE__ */ v("p", {
 							className: "mt-2 text-sm text-text-secondary",
-							children: O("export.templates.delete.description", "This removes the saved export configuration. Existing export jobs are not deleted.")
+							children: E("export.templates.delete.description", "This removes the saved export configuration. Existing export jobs are not deleted.")
 						}),
 						/* @__PURE__ */ y("div", {
 							className: "mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3",
 							children: [/* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => X(null),
+								onClick: () => J(null),
 								className: "px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium",
-								children: O("export.templates.delete.cancel", "Keep Template")
+								children: E("export.templates.delete.cancel", "Keep Template")
 							}), /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: ae,
+								onClick: re,
 								className: "px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium",
-								children: O("export.templates.delete.confirmAction", "Delete Template")
+								children: E("export.templates.delete.confirmAction", "Delete Template")
 							})]
 						})
 					]
@@ -353,6 +352,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as ExportTemplatesPage };
+export { w as ExportTemplatesPage };
 
 //# sourceMappingURL=ExportTemplatesPage.js.map

package/dist/export/pages/ExportTemplatesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportTemplatesPage.js","names":[],"sources":["../../../src/export/pages/ExportTemplatesPage.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  Search,\n  X,\n  FileBox,\n  Plus,\n  ChevronRight,\n  Sparkles,\n  Loader2,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  PagePurpose,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplates,\n  useDeleteExportTemplate,\n  useCreateExportTemplate,\n  useAvailableEntities,\n} from \"../hooks/useExportQueries\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { getFormatDisplayName } from \"../constants/enums\";\nimport { cn } from \"../utils/cn\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { ExportFormat } from \"../types\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Export Templates Page\n * Template management list for reusable export configurations\n */\nexport function ExportTemplatesPage() {\n  const { basePath = \"/\", navigate } = useExport();\n  const { t } = useI18n();\n  const tr = (\n    key: string,\n    fallback: string,\n    params?: Record<string, string | number>,\n  ) => tWithFallback(t, key, fallback, params);\n  const { data: templates, isLoading } = useExportTemplates();\n  const { deleteTemplate } = useDeleteExportTemplate();\n  const { createTemplate, isPending: creating } = useCreateExportTemplate();\n  const { data: availableEntities } = useAvailableEntities();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [newTemplateName, setNewTemplateName] = useState(\"\");\n  const [newTemplateDescription, setNewTemplateDescription] = useState(\"\");\n  const [newTemplateEntityTypes, setNewTemplateEntityTypes] = useState<\n    string[]\n  >([]);\n  const [newTemplateFormat, setNewTemplateFormat] =\n    useState<ExportFormat>(\"CSV\");\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [templatePendingDelete, setTemplatePendingDelete] = useState<\n    string | null\n  >(null);\n\n  const handleOpenCreate = () => {\n    setNewTemplateName(\"\");\n    setNewTemplateDescription(\"\");\n    setNewTemplateEntityTypes([]);\n    setNewTemplateFormat(\"CSV\");\n    setCreateError(null);\n    setShowCreateForm(true);\n  };\n\n  const handleCreateTemplate = async () => {\n    if (!newTemplateName.trim()) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.nameRequired\",\n          \"Template name is required.\",\n        ),\n      );\n      return;\n    }\n    if (newTemplateEntityTypes.length === 0) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.entityRequired\",\n          \"Select at least one entity type.\",\n        ),\n      );\n      return;\n    }\n    setCreateError(null);\n    try {\n      await createTemplate({\n        name: newTemplateName.trim(),\n        description: newTemplateDescription.trim() || undefined,\n        entityTypes: newTemplateEntityTypes,\n        format: newTemplateFormat,\n      });\n      setShowCreateForm(false);\n    } catch (err) {\n      setCreateError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"export.templates.form.errors.createFailed\",\n              \"Failed to create template.\",\n            ),\n      );\n    }\n  };\n\n  const toggleEntity = (entityType: string) => {\n    setNewTemplateEntityTypes((prev) =>\n      prev.includes(entityType)\n        ? prev.filter((e) => e !== entityType)\n        : [...prev, entityType],\n    );\n  };\n\n  // Client-side search filter\n  const filteredTemplates = useMemo(() => {\n    if (!searchQuery) return templates;\n    const q = searchQuery.toLowerCase();\n    return templates.filter(\n      (t) =>\n        t.name.toLowerCase().includes(q) ||\n        t.entityTypes.some((e) => e.toLowerCase().includes(q)),\n    );\n  }, [templates, searchQuery]);\n\n  const handleTemplateClick = (templateId: string) => {\n    navigate?.(joinPath(basePath, `templates/${templateId}`));\n  };\n\n  const handleDeleteTemplate = async (\n    e: React.MouseEvent,\n    templateId: string,\n  ) => {\n    e.stopPropagation();\n    nativeImpact(\"medium\");\n    setTemplatePendingDelete(templateId);\n  };\n\n  const confirmDeleteTemplate = async () => {\n    if (!templatePendingDelete) return;\n    try {\n      await deleteTemplate(templatePendingDelete);\n      nativeNotify(\"success\");\n    } catch {\n      nativeNotify(\"error\");\n    }\n    setTemplatePendingDelete(null);\n  };\n\n  return (\n    <PageLayout\n      title={tr(\"export.templates.title\", \"Export Templates\")}\n      subtitle={tr(\n        \"export.templates.subtitle\",\n        \"Reusable export configurations for common data exports\",\n      )}\n      icon={<FileBox size={24} />}\n      headerActions={\n        <CTAOverflowMenu\n          primary={{\n            label: tr(\"export.templates.actions.newTemplate\", \"New Template\"),\n            icon: <Plus size={16} />,\n            onSelect: handleOpenCreate,\n          }}\n          actions={[\n            {\n              label: tr(\"export.templates.actions.newExport\", \"New Export\"),\n              icon: <Plus size={16} />,\n              onSelect: () => navigate?.(joinPath(basePath, \"new\")),\n            },\n          ]}\n        />\n      }\n      headerContent={\n        <span className=\"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-bg-sunken text-text-secondary\">\n          <Sparkles size={12} />\n          {tr(\n            \"export.templates.summary.available\",\n            \"{count} template{suffix} available\",\n            {\n              count: filteredTemplates.length,\n              suffix: filteredTemplates.length !== 1 ? \"s\" : \"\",\n            },\n          )}\n        </span>\n      }\n    >\n      {/* Page purpose — why templates exist */}\n      <PagePurpose icon={<FileBox size={16} />}>\n        {tr(\n          \"export.templates.purpose\",\n          \"Templates save an export setup — the entity types and format you regularly need — so you don't rebuild it each time. Create one here, then start a new export from it in a single click. Handy for recurring backups, periodic audits, or any export you run more than once.\",\n        )}\n      </PagePurpose>\n\n      {/* Create Template Form */}\n      {showCreateForm && (\n        <div className=\"border border-primary/30 rounded-xl p-6 bg-accent-wash space-y-4\">\n          <div className=\"flex items-center justify-between\">\n            <h3 className=\"font-semibold text-lg\">\n              {tr(\"export.templates.form.title\", \"New Template\")}\n            </h3>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"p-1.5 rounded-md hover:bg-accent\"\n            >\n              <X size={16} />\n            </button>\n          </div>\n          {createError && (\n            <p className=\"text-sm text-status-error-text bg-status-error-bg/10 rounded-lg px-3 py-2\">\n              {createError}\n            </p>\n          )}\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.name\", \"Name\")} *\n              </label>\n              <input\n                type=\"text\"\n                aria-label={tr(\"export.templates.form.fields.name\", \"Name\")}\n                placeholder={tr(\n                  \"export.templates.form.fields.namePlaceholder\",\n                  \"e.g. Weekly Tags Export\",\n                )}\n                value={newTemplateName}\n                onChange={(e) => setNewTemplateName(e.target.value)}\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.format\", \"Format\")} *\n              </label>\n              <select\n                value={newTemplateFormat}\n                onChange={(e) =>\n                  setNewTemplateFormat(e.target.value as ExportFormat)\n                }\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              >\n                <option value=\"CSV\">CSV</option>\n                <option value=\"JSON\">JSON</option>\n              </select>\n            </div>\n          </div>\n          <div className=\"space-y-1\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.description\", \"Description\")}\n            </label>\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"export.templates.form.fields.description\",\n                \"Description\",\n              )}\n              placeholder={tr(\n                \"export.templates.form.fields.descriptionPlaceholder\",\n                \"Optional description\",\n              )}\n              value={newTemplateDescription}\n              onChange={(e) => setNewTemplateDescription(e.target.value)}\n              className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.entityTypes\", \"Entity Types\")} *{\" \"}\n              <span className=\"text-text-secondary font-normal\">\n                {tr(\n                  \"export.templates.form.fields.entityTypesHint\",\n                  \"(select at least one)\",\n                )}\n              </span>\n            </label>\n            <div className=\"flex flex-wrap gap-2\">\n              {availableEntities.map((entity) => (\n                <button\n                  key={entity.entityType}\n                  type=\"button\"\n                  onClick={() => toggleEntity(entity.entityType)}\n                  className={cn(\n                    \"px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all\",\n                    newTemplateEntityTypes.includes(entity.entityType)\n                      ? \"border-primary bg-action-primary-bg/10 text-primary\"\n                      : \"border-border-subtle bg-bg-surface hover:border-primary/50\",\n                  )}\n                >\n                  {entity.displayName}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"flex gap-3 pt-2\">\n            <button\n              type=\"button\"\n              onClick={handleCreateTemplate}\n              disabled={creating}\n              className=\"inline-flex items-center gap-2 px-5 py-2.5 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium disabled:opacity-50\"\n            >\n              {creating ? (\n                <Loader2 size={16} className=\"animate-spin\" />\n              ) : (\n                <Plus size={16} />\n              )}\n              {tr(\"export.templates.form.actions.create\", \"Create Template\")}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"px-5 py-2.5 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n            >\n              {tr(\"export.templates.form.actions.cancel\", \"Cancel\")}\n            </button>\n          </div>\n        </div>\n      )}\n      {/* Search */}\n      <div className=\"relative group\">\n        <Search\n          size={18}\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary group-focus-within:text-primary transition-colors\"\n        />\n        <input\n          type=\"text\"\n          aria-label={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates\",\n          )}\n          placeholder={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates...\",\n          )}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200\"\n        />\n        {searchQuery && (\n          <button\n            type=\"button\"\n            onClick={() => setSearchQuery(\"\")}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-md text-text-secondary hover:text-text-primary hover:bg-accent\"\n          >\n            <X size={16} />\n          </button>\n        )}\n      </div>\n\n      {/* Loading */}\n      {isLoading && (\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n          {[...Array(4)].map((_, i) => (\n            <div key={i} className=\"border border-border-seam rounded-xl p-5\">\n              <div className=\"h-5 w-40 bg-bg-sunken rounded mb-3 animate-vc-shimmer\" />\n              <div className=\"h-3 w-full bg-bg-sunken rounded mb-2 animate-vc-shimmer\" />\n              <div className=\"flex gap-2 mt-4\">\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Templates Grid */}\n      {!isLoading ? (\n        filteredTemplates.length > 0 ? (\n          <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n            {filteredTemplates.map((template, index) => (\n              <div\n                key={template.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => handleTemplateClick(template.id)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    handleTemplateClick(template.id);\n                  }\n                }}\n                className={cn(\n                  \"text-left group cursor-pointer border border-border-seam rounded-xl overflow-hidden bg-bg-surface\",\n                  \"hover:border-primary/40 shadow-[var(--shadow-pop)] transition-colors duration-200\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\",\n                  \"animate-in fade-in-0\",\n                )}\n                style={{ animationDelay: `${index * 50}ms` }}\n              >\n                {/* Header */}\n                <div className=\"p-4 border-b bg-bg-sunken/30\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n                        <FileBox size={20} className=\"text-primary\" />\n                      </div>\n                      <div>\n                        <h3 className=\"font-semibold\">{template.name}</h3>\n                        <p className=\"text-xs text-text-secondary\">\n                          {getFormatDisplayName(template.format)}\n                          {template.isDefault && (\n                            <span className=\"ml-1.5 inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-action-primary-bg/10 text-primary font-medium\">\n                              {tr(\"export.templates.card.default\", \"Default\")}\n                            </span>\n                          )}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={(e) => handleDeleteTemplate(e, template.id)}\n                        className=\"p-1.5 rounded-md text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 transition-colors\"\n                        aria-label={tr(\n                          \"export.templates.card.deleteAriaLabel\",\n                          \"Delete {name}\",\n                          { name: template.name },\n                        )}\n                      >\n                        <X size={14} />\n                      </button>\n                      <ChevronRight\n                        size={18}\n                        className=\"text-text-secondary group-hover:text-primary transition-colors mt-1\"\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                {/* Body */}\n                <div className=\"p-4\">\n                  {template.description && (\n                    <p className=\"text-sm text-text-secondary mb-3 line-clamp-2\">\n                      {template.description}\n                    </p>\n                  )}\n                  <div className=\"flex flex-wrap gap-1.5 overflow-hidden\">\n                    {template.entityTypes.slice(0, 6).map((entity) => (\n                      <span\n                        key={entity}\n                        className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary max-w-full truncate\"\n                      >\n                        {entity}\n                      </span>\n                    ))}\n                    {template.entityTypes.length > 6 && (\n                      <span className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary\">\n                        {tr(\n                          \"export.templates.card.moreEntities\",\n                          \"+{count} more\",\n                          {\n                            count: template.entityTypes.length - 6,\n                          },\n                        )}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <IllustratedEmptyState\n            illustration={searchQuery ? \"empty-search\" : \"empty-data\"}\n            title={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.title\",\n                    \"No matching templates\",\n                  )\n                : tr(\"export.templates.empty.title\", \"No templates yet\")\n            }\n            description={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.description\",\n                    \"Try adjusting your search to find what you are looking for.\",\n                  )\n                : tr(\n                    \"export.templates.empty.description\",\n                    \"Create a template to save reusable export configurations.\",\n                  )\n            }\n            action={\n              searchQuery ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery(\"\")}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.templates.empty.filtered.actions.clear\",\n                    \"Clear Search\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={handleOpenCreate}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium\"\n                >\n                  <Plus size={16} />\n                  {tr(\n                    \"export.templates.empty.actions.newTemplate\",\n                    \"New Template\",\n                  )}\n                </button>\n              )\n            }\n          />\n        )\n      ) : null}\n      {templatePendingDelete && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-list-delete-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"template-list-delete-title\" className=\"text-lg font-bold\">\n              {tr(\"export.templates.delete.title\", \"Delete template?\")}\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {tr(\n                \"export.templates.delete.description\",\n                \"This removes the saved export configuration. Existing export jobs are not deleted.\",\n              )}\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setTemplatePendingDelete(null)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.cancel\", \"Keep Template\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmDeleteTemplate}\n                className=\"px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.confirmAction\", \"Delete Template\")}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ExportTemplatesPage.js","names":[],"sources":["../../../src/export/pages/ExportTemplatesPage.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  Search,\n  X,\n  FileBox,\n  Plus,\n  ChevronRight,\n  Sparkles,\n  Loader2,\n} from \"lucide-react\";\nimport {\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  PagePurpose,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplates,\n  useDeleteExportTemplate,\n  useCreateExportTemplate,\n  useAvailableEntities,\n} from \"../hooks/useExportQueries\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { getFormatDisplayName } from \"../constants/enums\";\nimport { useTr } from \"../hooks/useTr\";\nimport { cn } from \"../utils/cn\";\nimport type { ExportFormat } from \"../types\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Export Templates Page\n * Template management list for reusable export configurations\n */\nexport function ExportTemplatesPage() {\n  const { basePath = \"/\", navigate } = useExport();\n  const tr = useTr();\n  const { data: templates, isLoading } = useExportTemplates();\n  const { deleteTemplate } = useDeleteExportTemplate();\n  const { createTemplate, isPending: creating } = useCreateExportTemplate();\n  const { data: availableEntities } = useAvailableEntities();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [newTemplateName, setNewTemplateName] = useState(\"\");\n  const [newTemplateDescription, setNewTemplateDescription] = useState(\"\");\n  const [newTemplateEntityTypes, setNewTemplateEntityTypes] = useState<\n    string[]\n  >([]);\n  const [newTemplateFormat, setNewTemplateFormat] =\n    useState<ExportFormat>(\"CSV\");\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [templatePendingDelete, setTemplatePendingDelete] = useState<\n    string | null\n  >(null);\n\n  const handleOpenCreate = () => {\n    setNewTemplateName(\"\");\n    setNewTemplateDescription(\"\");\n    setNewTemplateEntityTypes([]);\n    setNewTemplateFormat(\"CSV\");\n    setCreateError(null);\n    setShowCreateForm(true);\n  };\n\n  const handleCreateTemplate = async () => {\n    if (!newTemplateName.trim()) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.nameRequired\",\n          \"Template name is required.\",\n        ),\n      );\n      return;\n    }\n    if (newTemplateEntityTypes.length === 0) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.entityRequired\",\n          \"Select at least one entity type.\",\n        ),\n      );\n      return;\n    }\n    setCreateError(null);\n    try {\n      await createTemplate({\n        name: newTemplateName.trim(),\n        description: newTemplateDescription.trim() || undefined,\n        entityTypes: newTemplateEntityTypes,\n        format: newTemplateFormat,\n      });\n      setShowCreateForm(false);\n    } catch (err) {\n      setCreateError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"export.templates.form.errors.createFailed\",\n              \"Failed to create template.\",\n            ),\n      );\n    }\n  };\n\n  const toggleEntity = (entityType: string) => {\n    setNewTemplateEntityTypes((prev) =>\n      prev.includes(entityType)\n        ? prev.filter((e) => e !== entityType)\n        : [...prev, entityType],\n    );\n  };\n\n  // Client-side search filter\n  const filteredTemplates = useMemo(() => {\n    if (!searchQuery) return templates;\n    const q = searchQuery.toLowerCase();\n    return templates.filter(\n      (t) =>\n        t.name.toLowerCase().includes(q) ||\n        t.entityTypes.some((e) => e.toLowerCase().includes(q)),\n    );\n  }, [templates, searchQuery]);\n\n  const handleTemplateClick = (templateId: string) => {\n    navigate?.(joinPath(basePath, `templates/${templateId}`));\n  };\n\n  const handleDeleteTemplate = async (\n    e: React.MouseEvent,\n    templateId: string,\n  ) => {\n    e.stopPropagation();\n    nativeImpact(\"medium\");\n    setTemplatePendingDelete(templateId);\n  };\n\n  const confirmDeleteTemplate = async () => {\n    if (!templatePendingDelete) return;\n    try {\n      await deleteTemplate(templatePendingDelete);\n      nativeNotify(\"success\");\n    } catch {\n      nativeNotify(\"error\");\n    }\n    setTemplatePendingDelete(null);\n  };\n\n  return (\n    <PageLayout\n      title={tr(\"export.templates.title\", \"Export Templates\")}\n      subtitle={tr(\n        \"export.templates.subtitle\",\n        \"Reusable export configurations for common data exports\",\n      )}\n      icon={<FileBox size={24} />}\n      headerActions={\n        <CTAOverflowMenu\n          primary={{\n            label: tr(\"export.templates.actions.newTemplate\", \"New Template\"),\n            icon: <Plus size={16} />,\n            onSelect: handleOpenCreate,\n          }}\n          actions={[\n            {\n              label: tr(\"export.templates.actions.newExport\", \"New Export\"),\n              icon: <Plus size={16} />,\n              onSelect: () => navigate?.(joinPath(basePath, \"new\")),\n            },\n          ]}\n        />\n      }\n      headerContent={\n        <span className=\"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-bg-sunken text-text-secondary\">\n          <Sparkles size={12} />\n          {tr(\n            \"export.templates.summary.available\",\n            \"{{count}} template{{suffix}} available\",\n            {\n              count: filteredTemplates.length,\n              suffix: filteredTemplates.length !== 1 ? \"s\" : \"\",\n            },\n          )}\n        </span>\n      }\n    >\n      {/* Page purpose — why templates exist */}\n      <PagePurpose icon={<FileBox size={16} />}>\n        {tr(\n          \"export.templates.purpose\",\n          \"Templates save an export setup — the entity types and format you regularly need — so you don't rebuild it each time. Create one here, then start a new export from it in a single click. Handy for recurring backups, periodic audits, or any export you run more than once.\",\n        )}\n      </PagePurpose>\n\n      {/* Create Template Form */}\n      {showCreateForm && (\n        <div className=\"border border-primary/30 rounded-xl p-6 bg-accent-wash space-y-4\">\n          <div className=\"flex items-center justify-between\">\n            <h3 className=\"font-semibold text-lg\">\n              {tr(\"export.templates.form.title\", \"New Template\")}\n            </h3>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"p-1.5 rounded-md hover:bg-accent\"\n            >\n              <X size={16} />\n            </button>\n          </div>\n          {createError && (\n            <p className=\"text-sm text-status-error-text bg-status-error-bg/10 rounded-lg px-3 py-2\">\n              {createError}\n            </p>\n          )}\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.name\", \"Name\")} *\n              </label>\n              <input\n                type=\"text\"\n                aria-label={tr(\"export.templates.form.fields.name\", \"Name\")}\n                placeholder={tr(\n                  \"export.templates.form.fields.namePlaceholder\",\n                  \"e.g. Weekly Tags Export\",\n                )}\n                value={newTemplateName}\n                onChange={(e) => setNewTemplateName(e.target.value)}\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.format\", \"Format\")} *\n              </label>\n              <select\n                value={newTemplateFormat}\n                onChange={(e) =>\n                  setNewTemplateFormat(e.target.value as ExportFormat)\n                }\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              >\n                <option value=\"CSV\">{tr(\"export.format.csv\", \"CSV\")}</option>\n                <option value=\"JSON\">{tr(\"export.format.json\", \"JSON\")}</option>\n              </select>\n            </div>\n          </div>\n          <div className=\"space-y-1\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.description\", \"Description\")}\n            </label>\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"export.templates.form.fields.description\",\n                \"Description\",\n              )}\n              placeholder={tr(\n                \"export.templates.form.fields.descriptionPlaceholder\",\n                \"Optional description\",\n              )}\n              value={newTemplateDescription}\n              onChange={(e) => setNewTemplateDescription(e.target.value)}\n              className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.entityTypes\", \"Entity Types\")} *{\" \"}\n              <span className=\"text-text-secondary font-normal\">\n                {tr(\n                  \"export.templates.form.fields.entityTypesHint\",\n                  \"(select at least one)\",\n                )}\n              </span>\n            </label>\n            <div className=\"flex flex-wrap gap-2\">\n              {availableEntities.map((entity) => (\n                <button\n                  key={entity.entityType}\n                  type=\"button\"\n                  onClick={() => toggleEntity(entity.entityType)}\n                  className={cn(\n                    \"px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all\",\n                    newTemplateEntityTypes.includes(entity.entityType)\n                      ? \"border-primary bg-action-primary-bg/10 text-primary\"\n                      : \"border-border-subtle bg-bg-surface hover:border-primary/50\",\n                  )}\n                >\n                  {entity.displayName}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"flex gap-3 pt-2\">\n            <button\n              type=\"button\"\n              onClick={handleCreateTemplate}\n              disabled={creating}\n              className=\"inline-flex items-center gap-2 px-5 py-2.5 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium disabled:opacity-50\"\n            >\n              {creating ? (\n                <Loader2 size={16} className=\"animate-spin\" />\n              ) : (\n                <Plus size={16} />\n              )}\n              {tr(\"export.templates.form.actions.create\", \"Create Template\")}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"px-5 py-2.5 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n            >\n              {tr(\"export.templates.form.actions.cancel\", \"Cancel\")}\n            </button>\n          </div>\n        </div>\n      )}\n      {/* Search */}\n      <div className=\"relative group\">\n        <Search\n          size={18}\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary group-focus-within:text-primary transition-colors\"\n        />\n        <input\n          type=\"text\"\n          aria-label={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates\",\n          )}\n          placeholder={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates...\",\n          )}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200\"\n        />\n        {searchQuery && (\n          <button\n            type=\"button\"\n            onClick={() => setSearchQuery(\"\")}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-md text-text-secondary hover:text-text-primary hover:bg-accent\"\n          >\n            <X size={16} />\n          </button>\n        )}\n      </div>\n\n      {/* Loading */}\n      {isLoading && (\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n          {[...Array(4)].map((_, i) => (\n            <div key={i} className=\"border border-border-seam rounded-xl p-5\">\n              <div className=\"h-5 w-40 bg-bg-sunken rounded mb-3 animate-vc-shimmer\" />\n              <div className=\"h-3 w-full bg-bg-sunken rounded mb-2 animate-vc-shimmer\" />\n              <div className=\"flex gap-2 mt-4\">\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Templates Grid */}\n      {!isLoading ? (\n        filteredTemplates.length > 0 ? (\n          <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n            {filteredTemplates.map((template, index) => (\n              <div\n                key={template.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => handleTemplateClick(template.id)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    handleTemplateClick(template.id);\n                  }\n                }}\n                className={cn(\n                  \"text-left group cursor-pointer border border-border-seam rounded-xl overflow-hidden bg-bg-surface\",\n                  \"hover:border-primary/40 shadow-[var(--shadow-pop)] transition-colors duration-200\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\",\n                  \"animate-in fade-in-0\",\n                )}\n                style={{ animationDelay: `${index * 50}ms` }}\n              >\n                {/* Header */}\n                <div className=\"p-4 border-b bg-bg-sunken/30\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n                        <FileBox size={20} className=\"text-primary\" />\n                      </div>\n                      <div>\n                        <h3 className=\"font-semibold\">{template.name}</h3>\n                        <p className=\"text-xs text-text-secondary\">\n                          {getFormatDisplayName(template.format)}\n                          {template.isDefault && (\n                            <span className=\"ml-1.5 inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-action-primary-bg/10 text-primary font-medium\">\n                              {tr(\"export.templates.card.default\", \"Default\")}\n                            </span>\n                          )}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={(e) => handleDeleteTemplate(e, template.id)}\n                        className=\"p-1.5 rounded-md text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 transition-colors\"\n                        aria-label={tr(\n                          \"export.templates.card.deleteAriaLabel\",\n                          \"Delete {name}\",\n                          { name: template.name },\n                        )}\n                      >\n                        <X size={14} />\n                      </button>\n                      <ChevronRight\n                        size={18}\n                        className=\"text-text-secondary group-hover:text-primary transition-colors mt-1\"\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                {/* Body */}\n                <div className=\"p-4\">\n                  {template.description && (\n                    <p className=\"text-sm text-text-secondary mb-3 line-clamp-2\">\n                      {template.description}\n                    </p>\n                  )}\n                  <div className=\"flex flex-wrap gap-1.5 overflow-hidden\">\n                    {template.entityTypes.slice(0, 6).map((entity) => (\n                      <span\n                        key={entity}\n                        className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary max-w-full truncate\"\n                      >\n                        {entity}\n                      </span>\n                    ))}\n                    {template.entityTypes.length > 6 && (\n                      <span className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary\">\n                        {tr(\n                          \"export.templates.card.moreEntities\",\n                          \"+{count} more\",\n                          {\n                            count: template.entityTypes.length - 6,\n                          },\n                        )}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <IllustratedEmptyState\n            illustration={searchQuery ? \"empty-search\" : \"empty-data\"}\n            title={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.title\",\n                    \"No matching templates\",\n                  )\n                : tr(\"export.templates.empty.title\", \"No templates yet\")\n            }\n            description={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.description\",\n                    \"Try adjusting your search to find what you are looking for.\",\n                  )\n                : tr(\n                    \"export.templates.empty.description\",\n                    \"Create a template to save reusable export configurations.\",\n                  )\n            }\n            action={\n              searchQuery ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery(\"\")}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.templates.empty.filtered.actions.clear\",\n                    \"Clear Search\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={handleOpenCreate}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium\"\n                >\n                  <Plus size={16} />\n                  {tr(\n                    \"export.templates.empty.actions.newTemplate\",\n                    \"New Template\",\n                  )}\n                </button>\n              )\n            }\n          />\n        )\n      ) : null}\n      {templatePendingDelete && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-list-delete-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"template-list-delete-title\" className=\"text-lg font-bold\">\n              {tr(\"export.templates.delete.title\", \"Delete template?\")}\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {tr(\n                \"export.templates.delete.description\",\n                \"This removes the saved export configuration. Existing export jobs are not deleted.\",\n              )}\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setTemplatePendingDelete(null)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.cancel\", \"Keep Template\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmDeleteTemplate}\n                className=\"px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.confirmAction\", \"Delete Template\")}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/export/pages/TemplateDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateDetailPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"names":[],"mappings":"AA2CA;;;;GAIG;AACH,wBAAgB,kBAAkB,gCA4PjC"}
+{"version":3,"file":"TemplateDetailPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"names":[],"mappings":"AA4CA;;;;GAIG;AACH,wBAAgB,kBAAkB,gCAgTjC"}