@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

@@ -3,11 +3,12 @@ import t from "../../hooks/useBigConsoleAnalytics.js";
 import n 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 { AlertTriangle as c, ArrowLeft as l, Check as u, FileJson as ee, Info as d, RefreshCw as te, 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 ne, DialogDescription as re, DialogFooter as ie, DialogHeader as x, DialogTitle as S, 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 +17,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();
+var A = r(function({ isOpen: r, onClose: A, onSuccess: j }) {
+	let { t: M } = m(), [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) => {
+	let ae = i(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,16 +37,16 @@ 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]), oe = i((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 () => {
+	}, []), se = i(async () => {
 		if (!I) return;
 		P("importing");
 		let t = {
@@ -60,10 +61,10 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 				dashboardId: e.dashboard.id,
 				source: "import",
 				originalUpdated: e.originalUpdated ?? !1
-			}), M?.(e.dashboard.id, e.dashboard.name, e.originalUpdated ?? !1)) : P("preview");
+			}), j?.(e.dashboard.id, e.dashboard.name, e.originalUpdated ?? !1)) : P("preview");
 		} catch (t) {
 			if (e(t, "project")) {
-				j();
+				A();
 				return;
 			}
 			P("preview");
@@ -73,143 +74,139 @@ 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, {
+	return /* @__PURE__ */ D(b, {
 		open: r,
-		onOpenChange: (e) => !e && $ && j(),
-		children: /* @__PURE__ */ k(b, {
+		onOpenChange: (e) => !e && $ && A(),
+		children: /* @__PURE__ */ O(ne, {
 			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ k(C, { children: [/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ O(x, { 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(S, { children: M("bigconsole.dashboards.import.title", "Import Dashboard") })]
+				}), /* @__PURE__ */ D(re, { 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: oe,
 							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(ee, { 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: ae,
 									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, {
+						(N === "preview" || N === "importing") && q && /* @__PURE__ */ O(E, { children: [
+							/* @__PURE__ */ D(_, { children: /* @__PURE__ */ O(v, {
 								className: "p-4 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", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("span", {
+										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(_, {
+							q.errors.length > 0 && /* @__PURE__ */ D(_, {
 								className: "border-status-error-border/50 bg-status-error-bg/5",
-								children: /* @__PURE__ */ k(v, {
+								children: /* @__PURE__ */ O(v, {
 									className: "p-3",
-									children: [/* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ O("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ O(m, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ k("span", {
+										children: [/* @__PURE__ */ D(p, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ D("span", {
 											className: "text-sm font-medium text-status-error-text",
-											children: [
-												"Errors (",
-												q.errors.length,
-												")"
-											]
+											children: M("bigconsole.dashboards.import.errorsCount", "Errors ({{count}})", { count: q.errors.length })
 										})]
-									}), /* @__PURE__ */ O("ul", {
+									}), /* @__PURE__ */ D("ul", {
 										className: "text-xs text-status-error-text space-y-1",
-										children: q.errors.map((e, t) => /* @__PURE__ */ k("li", { children: [
-											/* @__PURE__ */ k("span", {
+										children: q.errors.map((e, t) => /* @__PURE__ */ O("li", { children: [
+											/* @__PURE__ */ O("span", {
 												className: "font-mono",
 												children: [
 													"[",
@@ -223,24 +220,20 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 									})]
 								})
 							}),
-							q.warnings.length > 0 && /* @__PURE__ */ O(_, {
+							q.warnings.length > 0 && /* @__PURE__ */ D(_, {
 								className: "border-yellow-500/50 bg-yellow-500/5",
-								children: /* @__PURE__ */ k(v, {
+								children: /* @__PURE__ */ O(v, {
 									className: "p-3",
-									children: [/* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ O("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ O(c, { className: "size-4 text-yellow-600" }), /* @__PURE__ */ k("span", {
+										children: [/* @__PURE__ */ D(c, { className: "size-4 text-yellow-600" }), /* @__PURE__ */ D("span", {
 											className: "text-sm font-medium text-yellow-600",
-											children: [
-												"Warnings (",
-												q.warnings.length,
-												")"
-											]
+											children: M("bigconsole.dashboards.import.warningsCount", "Warnings ({{count}})", { count: q.warnings.length })
 										})]
-									}), /* @__PURE__ */ O("ul", {
+									}), /* @__PURE__ */ D("ul", {
 										className: "text-xs text-yellow-600 space-y-1",
-										children: q.warnings.map((e, t) => /* @__PURE__ */ k("li", { children: [
-											/* @__PURE__ */ k("span", {
+										children: q.warnings.map((e, t) => /* @__PURE__ */ O("li", { children: [
+											/* @__PURE__ */ O("span", {
 												className: "font-mono",
 												children: [
 													"[",
@@ -254,57 +247,57 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 									})]
 								})
 							}),
-							q.isValid && /* @__PURE__ */ k("div", {
+							q.isValid && /* @__PURE__ */ O("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ D("p", {
 										className: "text-sm font-medium",
-										children: "Import Options"
+										children: M("bigconsole.dashboards.import.optionsTitle", "Import Options")
 									}),
-									/* @__PURE__ */ O(_, {
+									/* @__PURE__ */ D(_, {
 										className: "border-blue-500/50 bg-blue-500/5",
-										children: /* @__PURE__ */ O(v, {
+										children: /* @__PURE__ */ D(v, {
 											className: "p-3",
-											children: /* @__PURE__ */ k("div", {
+											children: /* @__PURE__ */ O("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", {
+												children: [/* @__PURE__ */ D(d, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ D("div", {
 													className: "text-xs text-blue-700 dark:text-blue-400",
-													children: A(I) ? /* @__PURE__ */ k(D, { children: [
-														/* @__PURE__ */ O("p", {
+													children: k(I) ? /* @__PURE__ */ O(E, { children: [
+														/* @__PURE__ */ D("p", {
 															className: "font-medium mb-1",
-															children: "Import will check for existing dashboard"
+															children: M("bigconsole.dashboards.import.checkExistingTitle", "Import will check for existing dashboard")
 														}),
-														/* @__PURE__ */ k("p", { children: [
-															"If the original dashboard (ID:",
+														/* @__PURE__ */ O("p", { children: [
+															M("bigconsole.dashboards.import.checkExistingIdPrefix", "If the original dashboard (ID:"),
 															" ",
-															/* @__PURE__ */ k("code", {
+															/* @__PURE__ */ O("code", {
 																className: "font-mono bg-blue-200/50 px-1 rounded",
-																children: [A(I)?.slice(0, 8), "..."]
+																children: [k(I)?.slice(0, 8), "..."]
 															}),
-															") exists:"
+															M("bigconsole.dashboards.import.checkExistingIdSuffix", ") exists:")
 														] }),
-														/* @__PURE__ */ k("ul", {
+														/* @__PURE__ */ O("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" })]
+															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__ */ O("p", {
+														/* @__PURE__ */ D("p", {
 															className: "mt-1",
-															children: "If original doesn't exist → Create a new dashboard"
+															children: M("bigconsole.dashboards.import.checkExistingNotFound", "If original doesn't exist → Create a new dashboard")
 														})
-													] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("p", {
+													] }) : /* @__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.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 +306,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", {
+								J.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("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" })
+										children: /* @__PURE__ */ D(d, { className: "size-8 text-blue-600" })
 									}),
-									/* @__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", {
+								J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("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" })
+										children: /* @__PURE__ */ D(te, { className: "size-8 text-green-600" })
 									}),
-									/* @__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", {
+								!J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ O(E, { children: [
+									/* @__PURE__ */ D("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" })
+										children: /* @__PURE__ */ D(u, { className: "size-8 text-green-600" })
 									}),
-									/* @__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,21 +419,21 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 								] })
 							]
 						}),
-						K && /* @__PURE__ */ O(_, {
+						K && /* @__PURE__ */ D(_, {
 							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ O(v, {
+							children: /* @__PURE__ */ D(v, {
 								className: "p-3",
-								children: /* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ D("p", {
 									className: "text-sm text-status-error-text",
 									children: K.message
 								})
 							})
 						}),
-						J && !J.success && J.errorMessage && /* @__PURE__ */ O(_, {
+						J && !J.success && J.errorMessage && /* @__PURE__ */ D(_, {
 							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ O(v, {
+							children: /* @__PURE__ */ D(v, {
 								className: "p-3",
-								children: /* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ D("p", {
 									className: "text-sm text-status-error-text",
 									children: J.errorMessage
 								})
@@ -460,36 +441,36 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ k(S, {
+				/* @__PURE__ */ O(ie, {
 					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: se,
 								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 +480,6 @@ var j = r(function({ isOpen: r, onClose: j, onSuccess: M }) {
 	});
 });
 //#endregion
-export { j as default };
+export { A as default };
 
 //# sourceMappingURL=ImportDashboardDialog.js.map