@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

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

@@ -1,13 +1,16 @@
-import { reportBigConsoleQuotaError as e } from "../../utils/quota.js";
-import t from "../../hooks/useBigConsoleAnalytics.js";
-import n from "../../hooks/useImportDashboard.js";
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import { reportBigConsoleQuotaError as t } from "../../utils/quota.js";
+import n from "../../hooks/useBigConsoleAnalytics.js";
+import r from "../../hooks/useImportDashboard.js";
 import "../../hooks/index.js";
-import { memo as r, useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { AlertTriangle as c, ArrowLeft as ee, Check as l, FileJson as u, Info as d, RefreshCw as f, Upload as p, XCircle as m } from "lucide-react";
-import { Badge as h, Button as g, Card as _, CardContent as v, Checkbox as te, 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 ne } from "@burdenoff/fe-libs/ui";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { memo as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { AlertTriangle as ee, ArrowLeft as l, Check as u, FileJson as te, Info as d, RefreshCw as ne, Upload as f, XCircle as p } from "lucide-react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as h, Button as g, Card as _, CardContent as v, Checkbox as y, Dialog as b, DialogContent as x, DialogDescription as S, DialogFooter as re, DialogHeader as ie, DialogTitle as ae, Input as C, Label as w, Spinner as T } from "@burdenoff/fe-libs/ui";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ImportDashboardDialog.tsx
-function A(e) {
+function k(e) {
 	if (!e) return null;
 	try {
 		let t = JSON.parse(e);
@@ -16,16 +19,16 @@ function A(e) {
 		return null;
 	}
 }
-var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
-	let [N, P] = s("select"), [, F] = s(null), [I, L] = s(null), [R, z] = s(""), [B, V] = s("PRIVATE"), [H, U] = s(!1), W = o(null), { loading: G, error: K, validationResult: q, importResult: J, validateImport: Y, importDashboard: X, clearState: Z } = n(), Q = t();
-	a(() => {
-		r && (P("select"), F(null), L(null), z(""), V("PRIVATE"), U(!1), Z());
-	}, [r, Z]);
-	let re = i(async (e) => {
+var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
+	let { t: M } = m(), [N, P] = c("select"), [, F] = c(null), [I, L] = c(null), [R, z] = c(""), [B, V] = c("PRIVATE"), [H, U] = c(!1), W = s(null), { loading: G, error: K, validationResult: q, importResult: J, validateImport: Y, importDashboard: X, clearState: Z } = r(), Q = n();
+	o(() => {
+		i && (P("select"), F(null), L(null), z(""), V("PRIVATE"), U(!1), Z());
+	}, [i, Z]);
+	let oe = a(async (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		if (!t.name.endsWith(".json")) {
-			alert("Please select a JSON file");
+			alert(M("bigconsole.dashboards.import.selectJsonFile", "Please select a JSON file"));
 			return;
 		}
 		F(t);
@@ -36,34 +39,34 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 			let n = await Y(t);
 			n && (P("preview"), n.dashboardInfo?.name && z(n.dashboardInfo.name));
 		}, n.onerror = () => {
-			alert("Failed to read file");
+			alert(M("bigconsole.dashboards.import.failedToReadFile", "Failed to read file"));
 		}, n.readAsText(t);
-	}, [Y]), ie = i((e) => {
+	}, [Y, M]), se = a((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 })));
 		}
-	}, []), ae = i(async () => {
+	}, []), ce = a(async () => {
 		if (!I) return;
 		P("importing");
-		let t = {
+		let e = {
 			name: R.trim() || void 0,
 			visibility: B,
 			skipWarnings: H
 		};
 		Q("bigconsole.dashboard.import_clicked", { source: "import" });
 		try {
-			let e = await X(I, t);
-			e?.success && e.dashboard ? (P("complete"), Q("bigconsole.dashboard.imported", {
-				dashboardId: e.dashboard.id,
+			let t = await X(I, e);
+			t?.success && t.dashboard ? (P("complete"), Q("bigconsole.dashboard.imported", {
+				dashboardId: t.dashboard.id,
 				source: "import",
-				originalUpdated: e.originalUpdated ?? !1
-			}), M?.(e.dashboard.id, e.dashboard.name, e.originalUpdated ?? !1)) : P("preview");
-		} catch (t) {
-			if (e(t, "project")) {
-				j();
+				originalUpdated: t.originalUpdated ?? !1
+			}), j?.(t.dashboard.id, t.dashboard.name, t.originalUpdated ?? !1)) : P("preview");
+		} catch (e) {
+			if (t(e, "project")) {
+				A();
 				return;
 			}
 			P("preview");
@@ -73,238 +76,230 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 		I,
 		X,
 		R,
+		A,
 		j,
-		M,
 		H,
 		B
 	]), $ = !G && N !== "importing";
-	return /* @__PURE__ */ O(y, {
-		open: r,
-		onOpenChange: (e) => !e && $ && j(),
-		children: /* @__PURE__ */ k(b, {
+	return /* @__PURE__ */ D(b, {
+		open: i,
+		onOpenChange: (e) => !e && $ && A(),
+		children: /* @__PURE__ */ O(x, {
 			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ k(C, { children: [/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ O(ie, { children: [/* @__PURE__ */ O("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ O(p, { className: "size-5 text-primary" })
-					}), /* @__PURE__ */ O(w, { children: "Import Dashboard" })]
-				}), /* @__PURE__ */ O(x, { children: "Upload a Dashboard export file to restore it into this workspace." })] }),
-				/* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ D(f, { className: "size-5 text-primary" })
+					}), /* @__PURE__ */ D(ae, { children: M("bigconsole.dashboards.import.title", "Import Dashboard") })]
+				}), /* @__PURE__ */ D(S, { children: M("bigconsole.dashboards.import.description", "Upload a Dashboard export file to restore it into this workspace.") })] }),
+				/* @__PURE__ */ O("div", {
 					className: "flex-1 overflow-y-auto py-4 space-y-4",
 					children: [
-						N === "select" && /* @__PURE__ */ k("div", {
+						N === "select" && /* @__PURE__ */ O("div", {
 							onDragOver: (e) => e.preventDefault(),
-							onDrop: ie,
+							onDrop: se,
 							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
 							children: [
-								/* @__PURE__ */ O(u, { className: "size-12 mx-auto text-text-secondary mb-4" }),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D(te, { className: "size-12 mx-auto text-text-secondary mb-4" }),
+								/* @__PURE__ */ D("p", {
 									className: "text-sm mb-2",
-									children: "Drag and drop a dashboard export file here"
+									children: M("bigconsole.dashboards.import.dropzoneTitle", "Drag and drop a dashboard export file here")
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary mb-4",
-									children: "or"
+									children: M("bigconsole.dashboards.import.or", "or")
 								}),
-								/* @__PURE__ */ O("input", {
+								/* @__PURE__ */ D("input", {
 									ref: W,
 									type: "file",
 									accept: ".json",
-									onChange: re,
+									onChange: oe,
 									className: "hidden"
 								}),
-								/* @__PURE__ */ O(g, {
+								/* @__PURE__ */ D(g, {
 									onClick: () => W.current?.click(),
 									disabled: G,
-									children: "Browse Files"
+									children: M("bigconsole.dashboards.import.browseFiles", "Browse Files")
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary mt-4",
-									children: "Only .json files exported from BigConsole are supported"
+									children: M("bigconsole.dashboards.import.supportedFilesHint", "Only .json files exported from BigConsole are supported")
 								})
 							]
 						}),
-						(N === "preview" || N === "importing") && q && /* @__PURE__ */ k(D, { children: [
-							/* @__PURE__ */ O(_, { children: /* @__PURE__ */ k(v, {
-								className: "p-4 space-y-2",
+						(N === "preview" || N === "importing") && q && /* @__PURE__ */ O(E, { children: [
+							/* @__PURE__ */ O(e, {
+								headingLevel: 3,
+								emphasis: "muted",
+								padding: "compact",
+								title: "What's in this file",
+								"data-testid": "import-summary",
+								bodyClassName: "space-y-2",
 								children: [
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Dashboard"
-										}), /* @__PURE__ */ O("span", {
+											children: M("bigconsole.dashboards.import.fieldDashboard", "Dashboard")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-sm font-medium",
 											children: q.dashboardInfo.name
 										})]
 									}),
-									q.dashboardInfo.description && /* @__PURE__ */ k("div", {
+									q.dashboardInfo.description && /* @__PURE__ */ O("div", {
 										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Description"
-										}), /* @__PURE__ */ O("span", {
+											children: M("bigconsole.dashboards.import.fieldDescription", "Description")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-sm text-right max-w-[60%] truncate",
 											children: q.dashboardInfo.description
 										})]
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Pages"
-										}), /* @__PURE__ */ O(h, {
+											children: M("bigconsole.dashboards.import.fieldPages", "Pages")
+										}), /* @__PURE__ */ D(h, {
 											variant: "secondary",
 											children: q.dashboardInfo.pageCount
 										})]
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Widgets"
-										}), /* @__PURE__ */ O(h, {
+											children: M("bigconsole.dashboards.import.fieldWidgets", "Widgets")
+										}), /* @__PURE__ */ D(h, {
 											variant: "secondary",
 											children: q.dashboardInfo.widgetCount
 										})]
 									}),
-									q.dashboardInfo.exportedFrom && /* @__PURE__ */ k("div", {
+									q.dashboardInfo.exportedFrom && /* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Source ID"
-										}), /* @__PURE__ */ O("span", {
+											children: M("bigconsole.dashboards.import.fieldSourceId", "Source ID")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-xs text-text-secondary font-mono truncate max-w-[180px]",
 											children: q.dashboardInfo.exportedFrom
 										})]
 									}),
-									/* @__PURE__ */ k("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("span", {
+									/* @__PURE__ */ O("div", {
+										className: "flex flex-wrap items-center justify-between gap-x-4",
+										children: [/* @__PURE__ */ D("span", {
 											className: "text-sm text-text-secondary",
-											children: "Schema Version"
-										}), /* @__PURE__ */ O("span", {
+											children: M("bigconsole.dashboards.import.fieldSchemaVersion", "Schema Version")
+										}), /* @__PURE__ */ D("span", {
 											className: "text-xs text-text-secondary",
 											children: q.dashboardInfo.schemaVersion
 										})]
 									})
 								]
-							}) }),
-							q.errors.length > 0 && /* @__PURE__ */ O(_, {
-								className: "border-status-error-border/50 bg-status-error-bg/5",
-								children: /* @__PURE__ */ k(v, {
-									className: "p-3",
-									children: [/* @__PURE__ */ k("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ O(m, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ k("span", {
-											className: "text-sm font-medium text-status-error-text",
+							}),
+							q.errors.length > 0 && /* @__PURE__ */ D(e, {
+								headingLevel: 3,
+								tone: "danger",
+								padding: "compact",
+								icon: /* @__PURE__ */ D(p, { className: "size-4" }),
+								title: M("bigconsole.dashboards.import.errorsCount", "Errors ({{count}})", { count: q.errors.length }),
+								description: "These must be fixed in the export file before it can be imported.",
+								"data-testid": "import-errors",
+								children: /* @__PURE__ */ D("ul", {
+									className: "space-y-1 text-xs text-status-error-text",
+									children: q.errors.map((e) => /* @__PURE__ */ O("li", { children: [
+										/* @__PURE__ */ O("span", {
+											className: "font-mono",
 											children: [
-												"Errors (",
-												q.errors.length,
-												")"
+												"[",
+												e.code,
+												"]"
 											]
-										})]
-									}), /* @__PURE__ */ O("ul", {
-										className: "text-xs text-status-error-text space-y-1",
-										children: q.errors.map((e, t) => /* @__PURE__ */ k("li", { children: [
-											/* @__PURE__ */ k("span", {
-												className: "font-mono",
-												children: [
-													"[",
-													e.code,
-													"]"
-												]
-											}),
-											" ",
-											e.message
-										] }, t))
-									})]
+										}),
+										" ",
+										e.message
+									] }, `${e.code}-${e.message}`))
 								})
 							}),
-							q.warnings.length > 0 && /* @__PURE__ */ O(_, {
-								className: "border-yellow-500/50 bg-yellow-500/5",
-								children: /* @__PURE__ */ k(v, {
-									className: "p-3",
-									children: [/* @__PURE__ */ k("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ O(c, { className: "size-4 text-yellow-600" }), /* @__PURE__ */ k("span", {
-											className: "text-sm font-medium text-yellow-600",
+							q.warnings.length > 0 && /* @__PURE__ */ D(e, {
+								headingLevel: 3,
+								tone: "warning",
+								padding: "compact",
+								icon: /* @__PURE__ */ D(ee, { className: "size-4" }),
+								title: M("bigconsole.dashboards.import.warningsCount", "Warnings ({{count}})", { count: q.warnings.length }),
+								description: "Advisory only — acknowledge them below to continue.",
+								"data-testid": "import-warnings",
+								children: /* @__PURE__ */ D("ul", {
+									className: "space-y-1 text-xs text-[var(--color-status-warning-text)]",
+									children: q.warnings.map((e) => /* @__PURE__ */ O("li", { children: [
+										/* @__PURE__ */ O("span", {
+											className: "font-mono",
 											children: [
-												"Warnings (",
-												q.warnings.length,
-												")"
+												"[",
+												e.code,
+												"]"
 											]
-										})]
-									}), /* @__PURE__ */ O("ul", {
-										className: "text-xs text-yellow-600 space-y-1",
-										children: q.warnings.map((e, t) => /* @__PURE__ */ k("li", { children: [
-											/* @__PURE__ */ k("span", {
-												className: "font-mono",
-												children: [
-													"[",
-													e.code,
-													"]"
-												]
-											}),
-											" ",
-											e.message
-										] }, t))
-									})]
+										}),
+										" ",
+										e.message
+									] }, `${e.code}-${e.message}`))
 								})
 							}),
-							q.isValid && /* @__PURE__ */ k("div", {
-								className: "space-y-4",
+							q.isValid && /* @__PURE__ */ O(e, {
+								headingLevel: 3,
+								title: M("bigconsole.dashboards.import.optionsTitle", "Import Options"),
+								description: "How this file lands in the workspace.",
+								"data-testid": "import-options",
+								bodyClassName: "space-y-4",
 								children: [
-									/* @__PURE__ */ O("p", {
-										className: "text-sm font-medium",
-										children: "Import Options"
-									}),
-									/* @__PURE__ */ O(_, {
-										className: "border-blue-500/50 bg-blue-500/5",
-										children: /* @__PURE__ */ O(v, {
-											className: "p-3",
-											children: /* @__PURE__ */ k("div", {
-												className: "flex items-start gap-2",
-												children: [/* @__PURE__ */ O(d, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ O("div", {
-													className: "text-xs text-blue-700 dark:text-blue-400",
-													children: A(I) ? /* @__PURE__ */ k(D, { children: [
-														/* @__PURE__ */ O("p", {
-															className: "font-medium mb-1",
-															children: "Import will check for existing dashboard"
-														}),
-														/* @__PURE__ */ k("p", { children: [
-															"If the original dashboard (ID:",
-															" ",
-															/* @__PURE__ */ k("code", {
-																className: "font-mono bg-blue-200/50 px-1 rounded",
-																children: [A(I)?.slice(0, 8), "..."]
-															}),
-															") exists:"
-														] }),
-														/* @__PURE__ */ k("ul", {
-															className: "list-disc list-inside mt-1 space-y-0.5",
-															children: [/* @__PURE__ */ O("li", { children: "With changes → Update the existing dashboard" }), /* @__PURE__ */ O("li", { children: "No changes → Show \"already exists\" message" })]
-														}),
-														/* @__PURE__ */ O("p", {
-															className: "mt-1",
-															children: "If original doesn't exist → Create a new dashboard"
-														})
-													] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ D(e, {
+										headingLevel: 4,
+										tone: "info",
+										"aria-label": M("bigconsole.dashboards.import.infoRegionLabel", "What this import will do"),
+										padding: "compact",
+										"data-testid": "import-info",
+										children: /* @__PURE__ */ O("div", {
+											className: "flex items-start gap-2",
+											children: [/* @__PURE__ */ D(d, { className: "size-4 mt-0.5 shrink-0 text-[var(--color-status-info-text)]" }), /* @__PURE__ */ D("div", {
+												className: "text-xs text-[var(--color-status-info-text)]",
+												children: k(I) ? /* @__PURE__ */ O(E, { children: [
+													/* @__PURE__ */ D("p", {
 														className: "font-medium mb-1",
-														children: "A new dashboard will be created"
-													}), /* @__PURE__ */ O("p", { children: "Import as a new dashboard with the specified configuration." })] })
-												})]
-											})
+														children: M("bigconsole.dashboards.import.checkExistingTitle", "Import will check for existing dashboard")
+													}),
+													/* @__PURE__ */ O("p", { children: [
+														M("bigconsole.dashboards.import.checkExistingIdPrefix", "If the original dashboard (ID:"),
+														" ",
+														/* @__PURE__ */ O("code", {
+															className: "rounded bg-bg-surface px-1 font-mono",
+															children: [k(I)?.slice(0, 8), "..."]
+														}),
+														M("bigconsole.dashboards.import.checkExistingIdSuffix", ") exists:")
+													] }),
+													/* @__PURE__ */ O("ul", {
+														className: "list-disc list-inside mt-1 space-y-0.5",
+														children: [/* @__PURE__ */ D("li", { children: M("bigconsole.dashboards.import.checkExistingWithChanges", "With changes → Update the existing dashboard") }), /* @__PURE__ */ D("li", { children: M("bigconsole.dashboards.import.checkExistingNoChanges", "No changes → Show \"already exists\" message") })]
+													}),
+													/* @__PURE__ */ D("p", {
+														className: "mt-1",
+														children: M("bigconsole.dashboards.import.checkExistingNotFound", "If original doesn't exist → Create a new dashboard")
+													})
+												] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("p", {
+													className: "font-medium mb-1",
+													children: M("bigconsole.dashboards.import.newDashboardTitle", "A new dashboard will be created")
+												}), /* @__PURE__ */ D("p", { children: M("bigconsole.dashboards.import.newDashboardBody", "Import as a new dashboard with the specified configuration.") })] })
+											})]
 										})
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ O(E, {
+										children: [/* @__PURE__ */ D(w, {
 											htmlFor: "import-name",
-											children: "Dashboard Name"
-										}), /* @__PURE__ */ O(T, {
+											children: M("bigconsole.dashboards.import.dashboardNameLabel", "Dashboard Name")
+										}), /* @__PURE__ */ D(C, {
 											id: "import-name",
 											type: "text",
 											value: R,
@@ -313,124 +308,112 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 											disabled: N === "importing"
 										})]
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ O(E, { children: "Visibility" }), /* @__PURE__ */ O("div", {
+										children: [/* @__PURE__ */ D(w, { children: M("bigconsole.dashboards.import.visibilityLabel", "Visibility") }), /* @__PURE__ */ D("div", {
 											className: "flex gap-2",
 											children: [
 												"PRIVATE",
 												"TEAM",
 												"PUBLIC"
-											].map((e) => /* @__PURE__ */ O(g, {
+											].map((e) => /* @__PURE__ */ D(g, {
 												type: "button",
 												variant: B === e ? "default" : "outline",
 												size: "sm",
 												onClick: () => V(e),
 												disabled: N === "importing",
-												children: e.charAt(0) + e.slice(1).toLowerCase()
+												children: e === "PRIVATE" ? M("bigconsole.dashboards.import.visibilityPrivate", "Private") : e === "TEAM" ? M("bigconsole.dashboards.import.visibilityTeam", "Team") : M("bigconsole.dashboards.import.visibilityPublic", "Public")
 											}, e))
 										})]
 									}),
-									q.warnings.length > 0 && /* @__PURE__ */ k("div", {
+									q.warnings.length > 0 && /* @__PURE__ */ O("div", {
 										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ O(te, {
+										children: [/* @__PURE__ */ D(y, {
 											id: "skipWarnings",
 											checked: H,
 											onCheckedChange: (e) => U(e === !0),
 											disabled: N === "importing"
-										}), /* @__PURE__ */ O("div", {
+										}), /* @__PURE__ */ D("div", {
 											className: "grid gap-1.5 leading-none",
-											children: /* @__PURE__ */ O(E, {
+											children: /* @__PURE__ */ D(w, {
 												htmlFor: "skipWarnings",
 												className: "cursor-pointer",
-												children: "Acknowledge warnings and proceed"
+												children: M("bigconsole.dashboards.import.acknowledgeWarnings", "Acknowledge warnings and proceed")
 											})
 										})]
 									})
 								]
 							})
 						] }),
-						N === "complete" && J?.success && /* @__PURE__ */ k("div", {
+						N === "complete" && J?.success && /* @__PURE__ */ O("div", {
 							className: "text-center py-6",
 							children: [
-								J.alreadyExists && /* @__PURE__ */ k(D, { children: [
-									/* @__PURE__ */ O("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__ */ O(d, { className: "size-8 text-blue-600" })
+								J.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("div", {
+										className: "mx-auto mb-4 flex size-16 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)]",
+										children: /* @__PURE__ */ D(d, { className: "size-8 text-[var(--color-status-info-text)]" })
 									}),
-									/* @__PURE__ */ O("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-lg font-medium mb-2",
-										children: "Dashboard Already Exists"
+										children: M("bigconsole.dashboards.import.alreadyExistsTitle", "Dashboard Already Exists")
 									}),
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"Dashboard \"",
-											J.dashboard?.name,
-											"\" already exists with the same data. No changes were made."
-										]
+										children: M("bigconsole.dashboards.import.alreadyExistsBody", "Dashboard \"{{name}}\" already exists with the same data. No changes were made.", { name: J.dashboard?.name ?? "" })
 									})
 								] }),
-								J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ k(D, { children: [
-									/* @__PURE__ */ O("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__ */ O(f, { className: "size-8 text-green-600" })
+								J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("div", {
+										className: "mx-auto mb-4 flex size-16 items-center justify-center rounded-full bg-[var(--color-status-success-bgSubtle)]",
+										children: /* @__PURE__ */ D(ne, { className: "size-8 text-status-success-text" })
 									}),
-									/* @__PURE__ */ O("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-lg font-medium mb-2",
-										children: "Dashboard Updated!"
+										children: M("bigconsole.dashboards.import.updatedTitle", "Dashboard Updated!")
 									}),
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"Dashboard \"",
-											J.dashboard?.name,
-											"\" has been updated with the imported data."
-										]
+										children: M("bigconsole.dashboards.import.updatedBody", "Dashboard \"{{name}}\" has been updated with the imported data.", { name: J.dashboard?.name ?? "" })
 									})
 								] }),
-								!J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ k(D, { children: [
-									/* @__PURE__ */ O("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__ */ O(l, { className: "size-8 text-green-600" })
+								!J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("div", {
+										className: "mx-auto mb-4 flex size-16 items-center justify-center rounded-full bg-[var(--color-status-success-bgSubtle)]",
+										children: /* @__PURE__ */ D(u, { className: "size-8 text-status-success-text" })
 									}),
-									/* @__PURE__ */ O("h3", {
+									/* @__PURE__ */ D("h3", {
 										className: "text-lg font-medium mb-2",
-										children: "Import Successful!"
+										children: M("bigconsole.dashboards.import.successTitle", "Import Successful!")
 									}),
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ D("p", {
 										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"Dashboard \"",
-											J.dashboard?.name,
-											"\" has been created."
-										]
+										children: M("bigconsole.dashboards.import.successBody", "Dashboard \"{{name}}\" has been created.", { name: J.dashboard?.name ?? "" })
 									}),
-									J.stats && /* @__PURE__ */ O(_, {
+									J.stats && /* @__PURE__ */ D(_, {
 										className: "inline-block text-left",
-										children: /* @__PURE__ */ k(v, {
+										children: /* @__PURE__ */ O(v, {
 											className: "p-4",
-											children: [/* @__PURE__ */ O("p", {
+											children: [/* @__PURE__ */ D("p", {
 												className: "text-xs font-medium text-text-secondary mb-2",
-												children: "Import Summary"
-											}), /* @__PURE__ */ k("div", {
+												children: M("bigconsole.dashboards.import.summaryTitle", "Import Summary")
+											}), /* @__PURE__ */ O("div", {
 												className: "grid grid-cols-2 gap-x-6 gap-y-1 text-xs",
 												children: [
-													/* @__PURE__ */ O("span", {
+													/* @__PURE__ */ D("span", {
 														className: "text-text-secondary",
-														children: "Pages:"
+														children: M("bigconsole.dashboards.import.summaryPages", "Pages:")
 													}),
-													/* @__PURE__ */ O("span", { children: J.stats.pagesCreated }),
-													/* @__PURE__ */ O("span", {
+													/* @__PURE__ */ D("span", { children: J.stats.pagesCreated }),
+													/* @__PURE__ */ D("span", {
 														className: "text-text-secondary",
-														children: "Widgets:"
+														children: M("bigconsole.dashboards.import.summaryWidgets", "Widgets:")
 													}),
-													/* @__PURE__ */ O("span", { children: J.stats.widgetsCreated }),
-													/* @__PURE__ */ O("span", {
+													/* @__PURE__ */ D("span", { children: J.stats.widgetsCreated }),
+													/* @__PURE__ */ D("span", {
 														className: "text-text-secondary",
-														children: "Actions:"
+														children: M("bigconsole.dashboards.import.summaryActions", "Actions:")
 													}),
-													/* @__PURE__ */ O("span", { children: J.stats.actionsCreated })
+													/* @__PURE__ */ D("span", { children: J.stats.actionsCreated })
 												]
 											})]
 										})
@@ -438,58 +421,52 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 								] })
 							]
 						}),
-						K && /* @__PURE__ */ O(_, {
-							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ O(v, {
-								className: "p-3",
-								children: /* @__PURE__ */ O("p", {
-									className: "text-sm text-status-error-text",
-									children: K.message
-								})
-							})
+						K && /* @__PURE__ */ D(e, {
+							headingLevel: 3,
+							tone: "danger",
+							padding: "compact",
+							title: "Import failed",
+							description: K.message
 						}),
-						J && !J.success && J.errorMessage && /* @__PURE__ */ O(_, {
-							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ O(v, {
-								className: "p-3",
-								children: /* @__PURE__ */ O("p", {
-									className: "text-sm text-status-error-text",
-									children: J.errorMessage
-								})
-							})
+						J && !J.success && J.errorMessage && /* @__PURE__ */ D(e, {
+							headingLevel: 3,
+							tone: "danger",
+							padding: "compact",
+							title: "Import failed",
+							description: J.errorMessage
 						})
 					]
 				}),
-				/* @__PURE__ */ k(S, {
+				/* @__PURE__ */ O(re, {
 					className: "flex-row justify-between sm:justify-between",
-					children: [/* @__PURE__ */ O("div", { children: N === "preview" && /* @__PURE__ */ k(g, {
+					children: [/* @__PURE__ */ D("div", { children: N === "preview" && /* @__PURE__ */ O(g, {
 						variant: "ghost",
 						onClick: () => {
 							P("select"), F(null), L(null), Z();
 						},
 						disabled: G,
-						children: [/* @__PURE__ */ O(ee, { className: "size-4" }), "Back"]
-					}) }), /* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ D(l, { className: "size-4" }), M("bigconsole.dashboards.import.back", "Back")]
+					}) }), /* @__PURE__ */ O("div", {
 						className: "flex items-center gap-2",
 						children: [
-							N !== "complete" && /* @__PURE__ */ O(g, {
+							N !== "complete" && /* @__PURE__ */ D(g, {
 								variant: "outline",
-								onClick: j,
+								onClick: A,
 								disabled: !$,
-								children: "Cancel"
+								children: M("bigconsole.dashboards.import.cancel", "Cancel")
 							}),
-							N === "preview" && q?.isValid && /* @__PURE__ */ k(g, {
-								onClick: ae,
+							N === "preview" && q?.isValid && /* @__PURE__ */ O(g, {
+								onClick: ce,
 								disabled: G || q.warnings.length > 0 && !H,
-								children: [/* @__PURE__ */ O(p, { className: "size-4" }), "Import Dashboard"]
+								children: [/* @__PURE__ */ D(f, { className: "size-4" }), M("bigconsole.dashboards.import.importButton", "Import Dashboard")]
 							}),
-							N === "importing" && /* @__PURE__ */ k("div", {
+							N === "importing" && /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ O(ne, { className: "size-4" }), "Importing..."]
+								children: [/* @__PURE__ */ D(T, { className: "size-4" }), M("bigconsole.dashboards.import.importing", "Importing...")]
 							}),
-							N === "complete" && /* @__PURE__ */ O(g, {
-								onClick: j,
-								children: "Done"
+							N === "complete" && /* @__PURE__ */ D(g, {
+								onClick: A,
+								children: M("bigconsole.dashboards.import.done", "Done")
 							})
 						]
 					})]
@@ -499,6 +476,6 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 	});
 });
 //#endregion
-export { j as default };
+export { A as default };
 
 //# sourceMappingURL=ImportDashboardDialog.js.map