@burdenoff/microfe-bigconsole 2026.1012.2 → 2026.1012.4

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

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