@burdenoff/microfe-bigconsole 2026.624.1 → 2026.625.1

package/dist/bigconsole/components/dashboard/ImportDashboardDialog.js

@@ -2,10 +2,10 @@ import e from "../../hooks/useImportDashboard.js";
 import "../../hooks/index.js";
 import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { AlertTriangle as o, ArrowLeft as s, Check as c, FileJson as l, Info as u, RefreshCw as d, Upload as f, XCircle as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, Checkbox as x, Dialog as S, DialogContent as C, DialogDescription as w, DialogFooter as T, DialogHeader as ee, DialogTitle as E, Input as D, Label as O, Spinner as k } from "@burdenoff/fe-libs/ui";
+import { Badge as m, Button as h, Card as g, CardContent as _, Checkbox as v, Dialog as y, DialogContent as b, DialogDescription as x, DialogFooter as S, DialogHeader as C, DialogTitle as w, Input as T, Label as E, Spinner as D } from "@burdenoff/fe-libs/ui";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ImportDashboardDialog.tsx
-function A(e) {
+function j(e) {
 	if (!e) return null;
 	try {
 		let t = JSON.parse(e);
@@ -14,184 +14,184 @@ function A(e) {
 		return null;
 	}
 }
-var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
-	let [N, P] = a("select"), [, F] = a(null), [I, L] = a(null), [R, z] = a(""), [B, V] = a("PRIVATE"), [H, U] = a(!1), W = i(null), { loading: G, error: K, validationResult: q, importResult: J, validateImport: Y, importDashboard: X, clearState: Z } = e();
+var M = t(function({ isOpen: t, onClose: M, onSuccess: N }) {
+	let [P, F] = a("select"), [, I] = a(null), [L, R] = a(null), [z, B] = a(""), [V, H] = a("PRIVATE"), [U, W] = a(!1), G = i(null), { loading: K, error: q, validationResult: J, importResult: Y, validateImport: X, importDashboard: Z, clearState: Q } = e();
 	r(() => {
-		t && (P("select"), F(null), L(null), z(""), V("PRIVATE"), U(!1), Z());
-	}, [t, Z]);
-	let Q = n(async (e) => {
+		t && (F("select"), I(null), R(null), B(""), H("PRIVATE"), W(!1), Q());
+	}, [t, Q]);
+	let ee = n(async (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		if (!t.name.endsWith(".json")) {
 			alert("Please select a JSON file");
 			return;
 		}
-		F(t);
+		I(t);
 		let n = new FileReader();
 		n.onload = async (e) => {
 			let t = e.target?.result;
-			L(t);
-			let n = await Y(t);
-			n && (P("preview"), n.dashboardInfo?.name && z(n.dashboardInfo.name));
+			R(t);
+			let n = await X(t);
+			n && (F("preview"), n.dashboardInfo?.name && B(n.dashboardInfo.name));
 		}, n.onerror = () => {
 			alert("Failed to read file");
 		}, n.readAsText(t);
-	}, [Y]), te = n((e) => {
+	}, [X]), te = n((e) => {
 		e.preventDefault();
 		let t = e.dataTransfer.files?.[0];
 		if (t) {
 			let e = new DataTransfer();
-			e.items.add(t), W.current && (W.current.files = e.files, W.current.dispatchEvent(new Event("change", { bubbles: !0 })));
+			e.items.add(t), G.current && (G.current.files = e.files, G.current.dispatchEvent(new Event("change", { bubbles: !0 })));
 		}
 	}, []), ne = n(async () => {
-		if (!I) return;
-		P("importing");
-		let e = await X(I, {
-			name: R.trim() || void 0,
-			visibility: B,
-			skipWarnings: H
+		if (!L) return;
+		F("importing");
+		let e = await Z(L, {
+			name: z.trim() || void 0,
+			visibility: V,
+			skipWarnings: U
 		});
-		e?.success && e.dashboard ? (P("complete"), M?.(e.dashboard.id, e.dashboard.name, e.originalUpdated ?? !1)) : P("preview");
+		e?.success && e.dashboard ? (F("complete"), N?.(e.dashboard.id, e.dashboard.name, e.originalUpdated ?? !1)) : F("preview");
 	}, [
-		I,
-		R,
-		B,
-		H,
-		X,
-		M
-	]), $ = !G && N !== "importing";
-	return /* @__PURE__ */ h(S, {
+		L,
+		z,
+		V,
+		U,
+		Z,
+		N
+	]), $ = !K && P !== "importing";
+	return /* @__PURE__ */ k(y, {
 		open: t,
-		onOpenChange: (e) => !e && $ && j(),
-		children: /* @__PURE__ */ g(C, {
+		onOpenChange: (e) => !e && $ && M(),
+		children: /* @__PURE__ */ A(b, {
 			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ g(ee, { children: [/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ A(C, { children: [/* @__PURE__ */ A("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ h("div", {
-						className: "flex size-10 items-center justify-center rounded-lg bg-primary/10",
-						children: /* @__PURE__ */ h(f, { className: "size-5 text-primary" })
-					}), /* @__PURE__ */ h(E, { children: "Import Dashboard" })]
-				}), /* @__PURE__ */ h(w, { children: "Upload a Dashboard export file to restore it into this workspace." })] }),
-				/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ k("div", {
+						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
+						children: /* @__PURE__ */ k(f, { className: "size-5 text-primary" })
+					}), /* @__PURE__ */ k(w, { children: "Import Dashboard" })]
+				}), /* @__PURE__ */ k(x, { children: "Upload a Dashboard export file to restore it into this workspace." })] }),
+				/* @__PURE__ */ A("div", {
 					className: "flex-1 overflow-y-auto py-4 space-y-4",
 					children: [
-						N === "select" && /* @__PURE__ */ g("div", {
+						P === "select" && /* @__PURE__ */ A("div", {
 							onDragOver: (e) => e.preventDefault(),
 							onDrop: te,
 							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
 							children: [
-								/* @__PURE__ */ h(l, { className: "size-12 mx-auto text-muted-foreground mb-4" }),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ k(l, { className: "size-12 mx-auto text-text-secondary mb-4" }),
+								/* @__PURE__ */ k("p", {
 									className: "text-sm mb-2",
 									children: "Drag and drop a dashboard export file here"
 								}),
-								/* @__PURE__ */ h("p", {
-									className: "text-xs text-muted-foreground mb-4",
+								/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary mb-4",
 									children: "or"
 								}),
-								/* @__PURE__ */ h("input", {
-									ref: W,
+								/* @__PURE__ */ k("input", {
+									ref: G,
 									type: "file",
 									accept: ".json",
-									onChange: Q,
+									onChange: ee,
 									className: "hidden"
 								}),
-								/* @__PURE__ */ h(v, {
-									onClick: () => W.current?.click(),
-									disabled: G,
+								/* @__PURE__ */ k(h, {
+									onClick: () => G.current?.click(),
+									disabled: K,
 									children: "Browse Files"
 								}),
-								/* @__PURE__ */ h("p", {
-									className: "text-xs text-muted-foreground mt-4",
+								/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary mt-4",
 									children: "Only .json files exported from BigConsole are supported"
 								})
 							]
 						}),
-						(N === "preview" || N === "importing") && q && /* @__PURE__ */ g(m, { children: [
-							/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
+						(P === "preview" || P === "importing") && J && /* @__PURE__ */ A(O, { children: [
+							/* @__PURE__ */ k(g, { children: /* @__PURE__ */ A(_, {
 								className: "p-4 space-y-2",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ h("span", {
-											className: "text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
 											children: "Dashboard"
-										}), /* @__PURE__ */ h("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-sm font-medium",
-											children: q.dashboardInfo.name
+											children: J.dashboardInfo.name
 										})]
 									}),
-									q.dashboardInfo.description && /* @__PURE__ */ g("div", {
+									J.dashboardInfo.description && /* @__PURE__ */ A("div", {
 										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ h("span", {
-											className: "text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
 											children: "Description"
-										}), /* @__PURE__ */ h("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-sm text-right max-w-[60%] truncate",
-											children: q.dashboardInfo.description
+											children: J.dashboardInfo.description
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ h("span", {
-											className: "text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
 											children: "Pages"
-										}), /* @__PURE__ */ h(_, {
+										}), /* @__PURE__ */ k(m, {
 											variant: "secondary",
-											children: q.dashboardInfo.pageCount
+											children: J.dashboardInfo.pageCount
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ h("span", {
-											className: "text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
 											children: "Widgets"
-										}), /* @__PURE__ */ h(_, {
+										}), /* @__PURE__ */ k(m, {
 											variant: "secondary",
-											children: q.dashboardInfo.widgetCount
+											children: J.dashboardInfo.widgetCount
 										})]
 									}),
-									q.dashboardInfo.exportedFrom && /* @__PURE__ */ g("div", {
+									J.dashboardInfo.exportedFrom && /* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ h("span", {
-											className: "text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
 											children: "Source ID"
-										}), /* @__PURE__ */ h("span", {
-											className: "text-xs text-muted-foreground font-mono truncate max-w-[180px]",
-											children: q.dashboardInfo.exportedFrom
+										}), /* @__PURE__ */ k("span", {
+											className: "text-xs text-text-secondary font-mono truncate max-w-[180px]",
+											children: J.dashboardInfo.exportedFrom
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ h("span", {
-											className: "text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											className: "text-sm text-text-secondary",
 											children: "Schema Version"
-										}), /* @__PURE__ */ h("span", {
-											className: "text-xs text-muted-foreground",
-											children: q.dashboardInfo.schemaVersion
+										}), /* @__PURE__ */ k("span", {
+											className: "text-xs text-text-secondary",
+											children: J.dashboardInfo.schemaVersion
 										})]
 									})
 								]
 							}) }),
-							q.errors.length > 0 && /* @__PURE__ */ h(y, {
-								className: "border-destructive/50 bg-destructive/5",
-								children: /* @__PURE__ */ g(b, {
+							J.errors.length > 0 && /* @__PURE__ */ k(g, {
+								className: "border-status-error-border/50 bg-status-error-bg/5",
+								children: /* @__PURE__ */ A(_, {
 									className: "p-3",
-									children: [/* @__PURE__ */ g("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ h(p, { className: "size-4 text-destructive" }), /* @__PURE__ */ g("span", {
-											className: "text-sm font-medium text-destructive",
+										children: [/* @__PURE__ */ k(p, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ A("span", {
+											className: "text-sm font-medium text-status-error-text",
 											children: [
 												"Errors (",
-												q.errors.length,
+												J.errors.length,
 												")"
 											]
 										})]
-									}), /* @__PURE__ */ h("ul", {
-										className: "text-xs text-destructive space-y-1",
-										children: q.errors.map((e, t) => /* @__PURE__ */ g("li", { children: [
-											/* @__PURE__ */ g("span", {
+									}), /* @__PURE__ */ k("ul", {
+										className: "text-xs text-status-error-text space-y-1",
+										children: J.errors.map((e, t) => /* @__PURE__ */ A("li", { children: [
+											/* @__PURE__ */ A("span", {
 												className: "font-mono",
 												children: [
 													"[",
@@ -205,24 +205,24 @@ var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
 									})]
 								})
 							}),
-							q.warnings.length > 0 && /* @__PURE__ */ h(y, {
+							J.warnings.length > 0 && /* @__PURE__ */ k(g, {
 								className: "border-yellow-500/50 bg-yellow-500/5",
-								children: /* @__PURE__ */ g(b, {
+								children: /* @__PURE__ */ A(_, {
 									className: "p-3",
-									children: [/* @__PURE__ */ g("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ h(o, { className: "size-4 text-yellow-600" }), /* @__PURE__ */ g("span", {
+										children: [/* @__PURE__ */ k(o, { className: "size-4 text-yellow-600" }), /* @__PURE__ */ A("span", {
 											className: "text-sm font-medium text-yellow-600",
 											children: [
 												"Warnings (",
-												q.warnings.length,
+												J.warnings.length,
 												")"
 											]
 										})]
-									}), /* @__PURE__ */ h("ul", {
+									}), /* @__PURE__ */ k("ul", {
 										className: "text-xs text-yellow-600 space-y-1",
-										children: q.warnings.map((e, t) => /* @__PURE__ */ g("li", { children: [
-											/* @__PURE__ */ g("span", {
+										children: J.warnings.map((e, t) => /* @__PURE__ */ A("li", { children: [
+											/* @__PURE__ */ A("span", {
 												className: "font-mono",
 												children: [
 													"[",
@@ -236,93 +236,93 @@ var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
 									})]
 								})
 							}),
-							q.isValid && /* @__PURE__ */ g("div", {
+							J.isValid && /* @__PURE__ */ A("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ h("p", {
+									/* @__PURE__ */ k("p", {
 										className: "text-sm font-medium",
 										children: "Import Options"
 									}),
-									/* @__PURE__ */ h(y, {
+									/* @__PURE__ */ k(g, {
 										className: "border-blue-500/50 bg-blue-500/5",
-										children: /* @__PURE__ */ h(b, {
+										children: /* @__PURE__ */ k(_, {
 											className: "p-3",
-											children: /* @__PURE__ */ g("div", {
+											children: /* @__PURE__ */ A("div", {
 												className: "flex items-start gap-2",
-												children: [/* @__PURE__ */ h(u, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ h("div", {
+												children: [/* @__PURE__ */ k(u, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ k("div", {
 													className: "text-xs text-blue-700 dark:text-blue-400",
-													children: A(I) ? /* @__PURE__ */ g(m, { children: [
-														/* @__PURE__ */ h("p", {
+													children: j(L) ? /* @__PURE__ */ A(O, { children: [
+														/* @__PURE__ */ k("p", {
 															className: "font-medium mb-1",
 															children: "Import will check for existing dashboard"
 														}),
-														/* @__PURE__ */ g("p", { children: [
+														/* @__PURE__ */ A("p", { children: [
 															"If the original dashboard (ID:",
 															" ",
-															/* @__PURE__ */ g("code", {
+															/* @__PURE__ */ A("code", {
 																className: "font-mono bg-blue-200/50 px-1 rounded",
-																children: [A(I)?.slice(0, 8), "..."]
+																children: [j(L)?.slice(0, 8), "..."]
 															}),
 															") exists:"
 														] }),
-														/* @__PURE__ */ g("ul", {
+														/* @__PURE__ */ A("ul", {
 															className: "list-disc list-inside mt-1 space-y-0.5",
-															children: [/* @__PURE__ */ h("li", { children: "With changes → Update the existing dashboard" }), /* @__PURE__ */ h("li", { children: "No changes → Show \"already exists\" message" })]
+															children: [/* @__PURE__ */ k("li", { children: "With changes → Update the existing dashboard" }), /* @__PURE__ */ k("li", { children: "No changes → Show \"already exists\" message" })]
 														}),
-														/* @__PURE__ */ h("p", {
+														/* @__PURE__ */ k("p", {
 															className: "mt-1",
 															children: "If original doesn't exist → Create a new dashboard"
 														})
-													] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("p", {
+													] }) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("p", {
 														className: "font-medium mb-1",
 														children: "A new dashboard will be created"
-													}), /* @__PURE__ */ h("p", { children: "Import as a new dashboard with the specified configuration." })] })
+													}), /* @__PURE__ */ k("p", { children: "Import as a new dashboard with the specified configuration." })] })
 												})]
 											})
 										})
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ h(O, {
+										children: [/* @__PURE__ */ k(E, {
 											htmlFor: "import-name",
 											children: "Dashboard Name"
-										}), /* @__PURE__ */ h(D, {
+										}), /* @__PURE__ */ k(T, {
 											id: "import-name",
 											type: "text",
-											value: R,
-											onChange: (e) => z(e.target.value),
-											placeholder: q.dashboardInfo.name,
-											disabled: N === "importing"
+											value: z,
+											onChange: (e) => B(e.target.value),
+											placeholder: J.dashboardInfo.name,
+											disabled: P === "importing"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ h(O, { children: "Visibility" }), /* @__PURE__ */ h("div", {
+										children: [/* @__PURE__ */ k(E, { children: "Visibility" }), /* @__PURE__ */ k("div", {
 											className: "flex gap-2",
 											children: [
 												"PRIVATE",
 												"TEAM",
 												"PUBLIC"
-											].map((e) => /* @__PURE__ */ h(v, {
+											].map((e) => /* @__PURE__ */ k(h, {
 												type: "button",
-												variant: B === e ? "default" : "outline",
+												variant: V === e ? "default" : "outline",
 												size: "sm",
-												onClick: () => V(e),
-												disabled: N === "importing",
+												onClick: () => H(e),
+												disabled: P === "importing",
 												children: e.charAt(0) + e.slice(1).toLowerCase()
 											}, e))
 										})]
 									}),
-									q.warnings.length > 0 && /* @__PURE__ */ g("div", {
+									J.warnings.length > 0 && /* @__PURE__ */ A("div", {
 										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ h(x, {
+										children: [/* @__PURE__ */ k(v, {
 											id: "skipWarnings",
-											checked: H,
-											onCheckedChange: (e) => U(e === !0),
-											disabled: N === "importing"
-										}), /* @__PURE__ */ h("div", {
+											checked: U,
+											onCheckedChange: (e) => W(e === !0),
+											disabled: P === "importing"
+										}), /* @__PURE__ */ k("div", {
 											className: "grid gap-1.5 leading-none",
-											children: /* @__PURE__ */ h(O, {
+											children: /* @__PURE__ */ k(E, {
 												htmlFor: "skipWarnings",
 												className: "cursor-pointer",
 												children: "Acknowledge warnings and proceed"
@@ -332,87 +332,87 @@ var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
 								]
 							})
 						] }),
-						N === "complete" && J?.success && /* @__PURE__ */ g("div", {
+						P === "complete" && Y?.success && /* @__PURE__ */ A("div", {
 							className: "text-center py-6",
 							children: [
-								J.alreadyExists && /* @__PURE__ */ g(m, { children: [
-									/* @__PURE__ */ h("div", {
+								Y.alreadyExists && /* @__PURE__ */ A(O, { children: [
+									/* @__PURE__ */ k("div", {
 										className: "size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ h(u, { className: "size-8 text-blue-600" })
+										children: /* @__PURE__ */ k(u, { className: "size-8 text-blue-600" })
 									}),
-									/* @__PURE__ */ h("h3", {
+									/* @__PURE__ */ k("h3", {
 										className: "text-lg font-medium mb-2",
 										children: "Dashboard Already Exists"
 									}),
-									/* @__PURE__ */ g("p", {
-										className: "text-sm text-muted-foreground mb-4",
+									/* @__PURE__ */ A("p", {
+										className: "text-sm text-text-secondary mb-4",
 										children: [
 											"Dashboard \"",
-											J.dashboard?.name,
+											Y.dashboard?.name,
 											"\" already exists with the same data. No changes were made."
 										]
 									})
 								] }),
-								J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ g(m, { children: [
-									/* @__PURE__ */ h("div", {
+								Y.originalUpdated && !Y.alreadyExists && /* @__PURE__ */ A(O, { children: [
+									/* @__PURE__ */ k("div", {
 										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ h(d, { className: "size-8 text-green-600" })
+										children: /* @__PURE__ */ k(d, { className: "size-8 text-green-600" })
 									}),
-									/* @__PURE__ */ h("h3", {
+									/* @__PURE__ */ k("h3", {
 										className: "text-lg font-medium mb-2",
 										children: "Dashboard Updated!"
 									}),
-									/* @__PURE__ */ g("p", {
-										className: "text-sm text-muted-foreground mb-4",
+									/* @__PURE__ */ A("p", {
+										className: "text-sm text-text-secondary mb-4",
 										children: [
 											"Dashboard \"",
-											J.dashboard?.name,
+											Y.dashboard?.name,
 											"\" has been updated with the imported data."
 										]
 									})
 								] }),
-								!J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ g(m, { children: [
-									/* @__PURE__ */ h("div", {
+								!Y.originalUpdated && !Y.alreadyExists && /* @__PURE__ */ A(O, { children: [
+									/* @__PURE__ */ k("div", {
 										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ h(c, { className: "size-8 text-green-600" })
+										children: /* @__PURE__ */ k(c, { className: "size-8 text-green-600" })
 									}),
-									/* @__PURE__ */ h("h3", {
+									/* @__PURE__ */ k("h3", {
 										className: "text-lg font-medium mb-2",
 										children: "Import Successful!"
 									}),
-									/* @__PURE__ */ g("p", {
-										className: "text-sm text-muted-foreground mb-4",
+									/* @__PURE__ */ A("p", {
+										className: "text-sm text-text-secondary mb-4",
 										children: [
 											"Dashboard \"",
-											J.dashboard?.name,
+											Y.dashboard?.name,
 											"\" has been created."
 										]
 									}),
-									J.stats && /* @__PURE__ */ h(y, {
+									Y.stats && /* @__PURE__ */ k(g, {
 										className: "inline-block text-left",
-										children: /* @__PURE__ */ g(b, {
+										children: /* @__PURE__ */ A(_, {
 											className: "p-4",
-											children: [/* @__PURE__ */ h("p", {
-												className: "text-xs font-medium text-muted-foreground mb-2",
+											children: [/* @__PURE__ */ k("p", {
+												className: "text-xs font-medium text-text-secondary mb-2",
 												children: "Import Summary"
-											}), /* @__PURE__ */ g("div", {
+											}), /* @__PURE__ */ A("div", {
 												className: "grid grid-cols-2 gap-x-6 gap-y-1 text-xs",
 												children: [
-													/* @__PURE__ */ h("span", {
-														className: "text-muted-foreground",
+													/* @__PURE__ */ k("span", {
+														className: "text-text-secondary",
 														children: "Pages:"
 													}),
-													/* @__PURE__ */ h("span", { children: J.stats.pagesCreated }),
-													/* @__PURE__ */ h("span", {
-														className: "text-muted-foreground",
+													/* @__PURE__ */ k("span", { children: Y.stats.pagesCreated }),
+													/* @__PURE__ */ k("span", {
+														className: "text-text-secondary",
 														children: "Widgets:"
 													}),
-													/* @__PURE__ */ h("span", { children: J.stats.widgetsCreated }),
-													/* @__PURE__ */ h("span", {
-														className: "text-muted-foreground",
+													/* @__PURE__ */ k("span", { children: Y.stats.widgetsCreated }),
+													/* @__PURE__ */ k("span", {
+														className: "text-text-secondary",
 														children: "Actions:"
 													}),
-													/* @__PURE__ */ h("span", { children: J.stats.actionsCreated })
+													/* @__PURE__ */ k("span", { children: Y.stats.actionsCreated })
 												]
 											})]
 										})
@@ -420,57 +420,57 @@ var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
 								] })
 							]
 						}),
-						K && /* @__PURE__ */ h(y, {
-							className: "border-destructive/50 bg-destructive/5",
-							children: /* @__PURE__ */ h(b, {
+						q && /* @__PURE__ */ k(g, {
+							className: "border-status-error-border/50 bg-status-error-bg/5",
+							children: /* @__PURE__ */ k(_, {
 								className: "p-3",
-								children: /* @__PURE__ */ h("p", {
-									className: "text-sm text-destructive",
-									children: K.message
+								children: /* @__PURE__ */ k("p", {
+									className: "text-sm text-status-error-text",
+									children: q.message
 								})
 							})
 						}),
-						J && !J.success && J.errorMessage && /* @__PURE__ */ h(y, {
-							className: "border-destructive/50 bg-destructive/5",
-							children: /* @__PURE__ */ h(b, {
+						Y && !Y.success && Y.errorMessage && /* @__PURE__ */ k(g, {
+							className: "border-status-error-border/50 bg-status-error-bg/5",
+							children: /* @__PURE__ */ k(_, {
 								className: "p-3",
-								children: /* @__PURE__ */ h("p", {
-									className: "text-sm text-destructive",
-									children: J.errorMessage
+								children: /* @__PURE__ */ k("p", {
+									className: "text-sm text-status-error-text",
+									children: Y.errorMessage
 								})
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ g(T, {
+				/* @__PURE__ */ A(S, {
 					className: "flex-row justify-between sm:justify-between",
-					children: [/* @__PURE__ */ h("div", { children: N === "preview" && /* @__PURE__ */ g(v, {
+					children: [/* @__PURE__ */ k("div", { children: P === "preview" && /* @__PURE__ */ A(h, {
 						variant: "ghost",
 						onClick: () => {
-							P("select"), F(null), L(null), Z();
+							F("select"), I(null), R(null), Q();
 						},
-						disabled: G,
-						children: [/* @__PURE__ */ h(s, { className: "size-4" }), "Back"]
-					}) }), /* @__PURE__ */ g("div", {
+						disabled: K,
+						children: [/* @__PURE__ */ k(s, { className: "size-4" }), "Back"]
+					}) }), /* @__PURE__ */ A("div", {
 						className: "flex items-center gap-2",
 						children: [
-							N !== "complete" && /* @__PURE__ */ h(v, {
+							P !== "complete" && /* @__PURE__ */ k(h, {
 								variant: "outline",
-								onClick: j,
+								onClick: M,
 								disabled: !$,
 								children: "Cancel"
 							}),
-							N === "preview" && q?.isValid && /* @__PURE__ */ g(v, {
+							P === "preview" && J?.isValid && /* @__PURE__ */ A(h, {
 								onClick: ne,
-								disabled: G || q.warnings.length > 0 && !H,
-								children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Import Dashboard"]
+								disabled: K || J.warnings.length > 0 && !U,
+								children: [/* @__PURE__ */ k(f, { className: "size-4" }), "Import Dashboard"]
 							}),
-							N === "importing" && /* @__PURE__ */ g("div", {
-								className: "flex items-center gap-2 text-sm text-muted-foreground",
-								children: [/* @__PURE__ */ h(k, { className: "size-4" }), "Importing..."]
+							P === "importing" && /* @__PURE__ */ A("div", {
+								className: "flex items-center gap-2 text-sm text-text-secondary",
+								children: [/* @__PURE__ */ k(D, { className: "size-4" }), "Importing..."]
 							}),
-							N === "complete" && /* @__PURE__ */ h(v, {
-								onClick: j,
+							P === "complete" && /* @__PURE__ */ k(h, {
+								onClick: M,
 								children: "Done"
 							})
 						]
@@ -481,6 +481,6 @@ var j = t(function({ isOpen: t, onClose: j, onSuccess: M }) {
 	});
 });
 //#endregion
-export { j as default };
+export { M as default };
 
 //# sourceMappingURL=ImportDashboardDialog.js.map