@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.1

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

@@ -5,10 +5,10 @@ import n from "../../hooks/useBigConsoleAnalytics.js";
 import r 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 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 { 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 { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+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";
 //#region src/bigconsole/components/dashboard/ImportDashboardDialog.tsx
 function k(e) {
 	if (!e) return null;
@@ -20,7 +20,7 @@ function k(e) {
 	}
 }
 var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
-	let { t: M } = T(), [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();
+	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]);
@@ -81,56 +81,56 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 		H,
 		B
 	]), $ = !G && N !== "importing";
-	return /* @__PURE__ */ D(y, {
+	return /* @__PURE__ */ E(y, {
 		open: i,
 		onOpenChange: (e) => !e && $ && A(),
-		children: /* @__PURE__ */ O(b, {
+		children: /* @__PURE__ */ D(b, {
 			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ O(re, { children: [/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D(re, { children: [/* @__PURE__ */ D("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ D(f, { className: "size-5 text-primary" })
-					}), /* @__PURE__ */ D(ie, { children: M("bigconsole.dashboards.import.title", "Import Dashboard") })]
-				}), /* @__PURE__ */ D(x, { children: M("bigconsole.dashboards.import.description", "Upload a Dashboard export file to restore it into this workspace.") })] }),
-				/* @__PURE__ */ O("div", {
+						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",
 					children: [
-						N === "select" && /* @__PURE__ */ O("div", {
+						N === "select" && /* @__PURE__ */ D("div", {
 							onDragOver: (e) => e.preventDefault(),
 							onDrop: se,
 							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
 							children: [
-								/* @__PURE__ */ D(te, { className: "size-12 mx-auto text-text-secondary mb-4" }),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E(te, { className: "size-12 mx-auto text-text-secondary mb-4" }),
+								/* @__PURE__ */ E("p", {
 									className: "text-sm mb-2",
 									children: M("bigconsole.dashboards.import.dropzoneTitle", "Drag and drop a dashboard export file here")
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary mb-4",
 									children: M("bigconsole.dashboards.import.or", "or")
 								}),
-								/* @__PURE__ */ D("input", {
+								/* @__PURE__ */ E("input", {
 									ref: W,
 									type: "file",
 									accept: ".json",
 									onChange: oe,
 									className: "hidden"
 								}),
-								/* @__PURE__ */ D(h, {
+								/* @__PURE__ */ E(h, {
 									onClick: () => W.current?.click(),
 									disabled: G,
 									children: M("bigconsole.dashboards.import.browseFiles", "Browse Files")
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary mt-4",
 									children: M("bigconsole.dashboards.import.supportedFilesHint", "Only .json files exported from BigConsole are supported")
 								})
 							]
 						}),
-						(N === "preview" || N === "importing") && q && /* @__PURE__ */ O(E, { children: [
-							/* @__PURE__ */ O(t, {
+						(N === "preview" || N === "importing") && q && /* @__PURE__ */ D(T, { children: [
+							/* @__PURE__ */ D(t, {
 								headingLevel: 3,
 								emphasis: "muted",
 								padding: "compact",
@@ -138,80 +138,80 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 								"data-testid": "import-summary",
 								bodyClassName: "space-y-2",
 								children: [
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-sm text-text-secondary",
 											children: M("bigconsole.dashboards.import.fieldDashboard", "Dashboard")
-										}), /* @__PURE__ */ D("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "text-sm font-medium",
 											children: q.dashboardInfo.name
 										})]
 									}),
-									q.dashboardInfo.description && /* @__PURE__ */ O("div", {
+									q.dashboardInfo.description && /* @__PURE__ */ D("div", {
 										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-sm text-text-secondary",
 											children: M("bigconsole.dashboards.import.fieldDescription", "Description")
-										}), /* @__PURE__ */ D("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "text-sm text-right max-w-[60%] truncate",
 											children: q.dashboardInfo.description
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-sm text-text-secondary",
 											children: M("bigconsole.dashboards.import.fieldPages", "Pages")
-										}), /* @__PURE__ */ D(m, {
+										}), /* @__PURE__ */ E(m, {
 											variant: "secondary",
 											children: q.dashboardInfo.pageCount
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-sm text-text-secondary",
 											children: M("bigconsole.dashboards.import.fieldWidgets", "Widgets")
-										}), /* @__PURE__ */ D(m, {
+										}), /* @__PURE__ */ E(m, {
 											variant: "secondary",
 											children: q.dashboardInfo.widgetCount
 										})]
 									}),
-									q.dashboardInfo.exportedFrom && /* @__PURE__ */ O("div", {
+									q.dashboardInfo.exportedFrom && /* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-sm text-text-secondary",
 											children: M("bigconsole.dashboards.import.fieldSourceId", "Source ID")
-										}), /* @__PURE__ */ D("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "text-xs text-text-secondary font-mono truncate max-w-[180px]",
 											children: q.dashboardInfo.exportedFrom
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex flex-wrap items-center justify-between gap-x-4",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ E("span", {
 											className: "text-sm text-text-secondary",
 											children: M("bigconsole.dashboards.import.fieldSchemaVersion", "Schema Version")
-										}), /* @__PURE__ */ D("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "text-xs text-text-secondary",
 											children: q.dashboardInfo.schemaVersion
 										})]
 									})
 								]
 							}),
-							q.errors.length > 0 && /* @__PURE__ */ D(t, {
+							q.errors.length > 0 && /* @__PURE__ */ E(t, {
 								headingLevel: 3,
 								tone: "danger",
 								padding: "compact",
-								icon: /* @__PURE__ */ D(p, { className: "size-4" }),
+								icon: /* @__PURE__ */ E(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", {
+								children: /* @__PURE__ */ E("ul", {
 									className: "space-y-1 text-xs text-status-error-text",
-									children: q.errors.map((e) => /* @__PURE__ */ O("li", { children: [
-										/* @__PURE__ */ O("span", {
+									children: q.errors.map((e) => /* @__PURE__ */ D("li", { children: [
+										/* @__PURE__ */ D("span", {
 											className: "font-mono",
 											children: [
 												"[",
@@ -224,18 +224,18 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 									] }, `${e.code}-${e.message}`))
 								})
 							}),
-							q.warnings.length > 0 && /* @__PURE__ */ D(t, {
+							q.warnings.length > 0 && /* @__PURE__ */ E(t, {
 								headingLevel: 3,
 								tone: "warning",
 								padding: "compact",
-								icon: /* @__PURE__ */ D(ee, { className: "size-4" }),
+								icon: /* @__PURE__ */ E(l, { 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", {
+								children: /* @__PURE__ */ E("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", {
+									children: q.warnings.map((e) => /* @__PURE__ */ D("li", { children: [
+										/* @__PURE__ */ D("span", {
 											className: "font-mono",
 											children: [
 												"[",
@@ -248,58 +248,58 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 									] }, `${e.code}-${e.message}`))
 								})
 							}),
-							q.isValid && /* @__PURE__ */ O(t, {
+							q.isValid && /* @__PURE__ */ D(t, {
 								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__ */ D(t, {
+									/* @__PURE__ */ E(t, {
 										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", {
+										children: /* @__PURE__ */ D("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", {
+											children: [/* @__PURE__ */ E(d, { className: "size-4 mt-0.5 shrink-0 text-[var(--color-status-info-text)]" }), /* @__PURE__ */ E("div", {
 												className: "text-xs text-[var(--color-status-info-text)]",
-												children: k(I) ? /* @__PURE__ */ O(E, { children: [
-													/* @__PURE__ */ D("p", {
+												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__ */ O("p", { children: [
+													/* @__PURE__ */ D("p", { children: [
 														M("bigconsole.dashboards.import.checkExistingIdPrefix", "If the original dashboard (ID:"),
 														" ",
-														/* @__PURE__ */ O("code", {
+														/* @__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__ */ O("ul", {
+													/* @__PURE__ */ D("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") })]
+														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__ */ D("p", {
+													/* @__PURE__ */ E("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", {
+												] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("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__ */ E("p", { children: M("bigconsole.dashboards.import.newDashboardBody", "Import as a new dashboard with the specified configuration.") })] })
 											})]
 										})
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ D(C, {
+										children: [/* @__PURE__ */ E(C, {
 											htmlFor: "import-name",
 											children: M("bigconsole.dashboards.import.dashboardNameLabel", "Dashboard Name")
-										}), /* @__PURE__ */ D(ae, {
+										}), /* @__PURE__ */ E(ae, {
 											id: "import-name",
 											type: "text",
 											value: R,
@@ -308,15 +308,15 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 											disabled: N === "importing"
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ D(C, { children: M("bigconsole.dashboards.import.visibilityLabel", "Visibility") }), /* @__PURE__ */ D("div", {
+										children: [/* @__PURE__ */ E(C, { children: M("bigconsole.dashboards.import.visibilityLabel", "Visibility") }), /* @__PURE__ */ E("div", {
 											className: "flex gap-2",
 											children: [
 												"PRIVATE",
 												"TEAM",
 												"PUBLIC"
-											].map((e) => /* @__PURE__ */ D(h, {
+											].map((e) => /* @__PURE__ */ E(h, {
 												type: "button",
 												variant: B === e ? "default" : "outline",
 												size: "sm",
@@ -326,16 +326,16 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 											}, e))
 										})]
 									}),
-									q.warnings.length > 0 && /* @__PURE__ */ O("div", {
+									q.warnings.length > 0 && /* @__PURE__ */ D("div", {
 										className: "flex items-start space-x-3",
-										children: [/* @__PURE__ */ D(v, {
+										children: [/* @__PURE__ */ E(v, {
 											id: "skipWarnings",
 											checked: H,
 											onCheckedChange: (e) => U(e === !0),
 											disabled: N === "importing"
-										}), /* @__PURE__ */ D("div", {
+										}), /* @__PURE__ */ E("div", {
 											className: "grid gap-1.5 leading-none",
-											children: /* @__PURE__ */ D(C, {
+											children: /* @__PURE__ */ E(C, {
 												htmlFor: "skipWarnings",
 												className: "cursor-pointer",
 												children: M("bigconsole.dashboards.import.acknowledgeWarnings", "Acknowledge warnings and proceed")
@@ -345,75 +345,75 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 								]
 							})
 						] }),
-						N === "complete" && J?.success && /* @__PURE__ */ O("div", {
+						N === "complete" && J?.success && /* @__PURE__ */ D("div", {
 							className: "text-center py-6",
 							children: [
-								J.alreadyExists && /* @__PURE__ */ O(E, { children: [
-									/* @__PURE__ */ D("div", {
+								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__ */ D(d, { className: "size-8 text-[var(--color-status-info-text)]" })
+										children: /* @__PURE__ */ E(d, { className: "size-8 text-[var(--color-status-info-text)]" })
 									}),
-									/* @__PURE__ */ D("h3", {
+									/* @__PURE__ */ E("h3", {
 										className: "text-lg font-medium mb-2",
 										children: M("bigconsole.dashboards.import.alreadyExistsTitle", "Dashboard Already Exists")
 									}),
-									/* @__PURE__ */ D("p", {
+									/* @__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__ */ O(E, { children: [
-									/* @__PURE__ */ D("div", {
+								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__ */ D(ne, { className: "size-8 text-status-success-text" })
+										children: /* @__PURE__ */ E(ne, { className: "size-8 text-status-success-text" })
 									}),
-									/* @__PURE__ */ D("h3", {
+									/* @__PURE__ */ E("h3", {
 										className: "text-lg font-medium mb-2",
 										children: M("bigconsole.dashboards.import.updatedTitle", "Dashboard Updated!")
 									}),
-									/* @__PURE__ */ D("p", {
+									/* @__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__ */ O(E, { children: [
-									/* @__PURE__ */ D("div", {
+								!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__ */ D(u, { className: "size-8 text-status-success-text" })
+										children: /* @__PURE__ */ E(u, { className: "size-8 text-status-success-text" })
 									}),
-									/* @__PURE__ */ D("h3", {
+									/* @__PURE__ */ E("h3", {
 										className: "text-lg font-medium mb-2",
 										children: M("bigconsole.dashboards.import.successTitle", "Import Successful!")
 									}),
-									/* @__PURE__ */ D("p", {
+									/* @__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__ */ D(g, {
+									J.stats && /* @__PURE__ */ E(g, {
 										className: "inline-block text-left",
-										children: /* @__PURE__ */ O(_, {
+										children: /* @__PURE__ */ D(_, {
 											className: "p-4",
-											children: [/* @__PURE__ */ D("p", {
+											children: [/* @__PURE__ */ E("p", {
 												className: "text-xs font-medium text-text-secondary mb-2",
 												children: M("bigconsole.dashboards.import.summaryTitle", "Import Summary")
-											}), /* @__PURE__ */ O("div", {
+											}), /* @__PURE__ */ D("div", {
 												className: "grid grid-cols-2 gap-x-6 gap-y-1 text-xs",
 												children: [
-													/* @__PURE__ */ D("span", {
+													/* @__PURE__ */ E("span", {
 														className: "text-text-secondary",
 														children: M("bigconsole.dashboards.import.summaryPages", "Pages:")
 													}),
-													/* @__PURE__ */ D("span", { children: J.stats.pagesCreated }),
-													/* @__PURE__ */ D("span", {
+													/* @__PURE__ */ E("span", { children: J.stats.pagesCreated }),
+													/* @__PURE__ */ E("span", {
 														className: "text-text-secondary",
 														children: M("bigconsole.dashboards.import.summaryWidgets", "Widgets:")
 													}),
-													/* @__PURE__ */ D("span", { children: J.stats.widgetsCreated }),
-													/* @__PURE__ */ D("span", {
+													/* @__PURE__ */ E("span", { children: J.stats.widgetsCreated }),
+													/* @__PURE__ */ E("span", {
 														className: "text-text-secondary",
 														children: M("bigconsole.dashboards.import.summaryActions", "Actions:")
 													}),
-													/* @__PURE__ */ D("span", { children: J.stats.actionsCreated })
+													/* @__PURE__ */ E("span", { children: J.stats.actionsCreated })
 												]
 											})]
 										})
@@ -421,14 +421,14 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 								] })
 							]
 						}),
-						K && /* @__PURE__ */ D(t, {
+						K && /* @__PURE__ */ E(t, {
 							headingLevel: 3,
 							tone: "danger",
 							padding: "compact",
 							title: "Import failed",
 							description: K.message
 						}),
-						J && !J.success && J.errorMessage && /* @__PURE__ */ D(t, {
+						J && !J.success && J.errorMessage && /* @__PURE__ */ E(t, {
 							headingLevel: 3,
 							tone: "danger",
 							padding: "compact",
@@ -437,34 +437,34 @@ var A = i(function({ isOpen: i, onClose: A, onSuccess: j }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ O(S, {
+				/* @__PURE__ */ D(S, {
 					className: "flex-row justify-between sm:justify-between",
-					children: [/* @__PURE__ */ D("div", { children: N === "preview" && /* @__PURE__ */ O(h, {
+					children: [/* @__PURE__ */ E("div", { children: N === "preview" && /* @__PURE__ */ D(h, {
 						variant: "ghost",
 						onClick: () => {
 							P("select"), F(null), L(null), Z();
 						},
 						disabled: G,
-						children: [/* @__PURE__ */ D(l, { className: "size-4" }), M("bigconsole.dashboards.import.back", "Back")]
-					}) }), /* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ E(ee, { className: "size-4" }), M("bigconsole.dashboards.import.back", "Back")]
+					}) }), /* @__PURE__ */ D("div", {
 						className: "flex items-center gap-2",
 						children: [
-							N !== "complete" && /* @__PURE__ */ D(h, {
+							N !== "complete" && /* @__PURE__ */ E(h, {
 								variant: "outline",
 								onClick: A,
 								disabled: !$,
 								children: M("bigconsole.dashboards.import.cancel", "Cancel")
 							}),
-							N === "preview" && q?.isValid && /* @__PURE__ */ O(h, {
+							N === "preview" && q?.isValid && /* @__PURE__ */ D(h, {
 								onClick: ce,
 								disabled: G || q.warnings.length > 0 && !H,
-								children: [/* @__PURE__ */ D(f, { className: "size-4" }), M("bigconsole.dashboards.import.importButton", "Import Dashboard")]
+								children: [/* @__PURE__ */ E(f, { className: "size-4" }), M("bigconsole.dashboards.import.importButton", "Import Dashboard")]
 							}),
-							N === "importing" && /* @__PURE__ */ O("div", {
+							N === "importing" && /* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ D(w, { className: "size-4" }), M("bigconsole.dashboards.import.importing", "Importing...")]
+								children: [/* @__PURE__ */ E(w, { className: "size-4" }), M("bigconsole.dashboards.import.importing", "Importing...")]
 							}),
-							N === "complete" && /* @__PURE__ */ D(h, {
+							N === "complete" && /* @__PURE__ */ E(h, {
 								onClick: A,
 								children: M("bigconsole.dashboards.import.done", "Done")
 							})

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

@@ -1,14 +1,14 @@
 import e from "../../hooks/useStoreDashboardTemplates.js";
 import { memo as t, useCallback as n, useEffect as r, useState as i } from "react";
 import { Button as a, Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d, Input as f, Spinner as p, Textarea as m } from "@burdenoff/fe-libs/ui";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/PublishToStoreDialog.tsx
 function v(e) {
 	return e.toLowerCase().split(/[^a-z0-9]+/).filter(Boolean).join("-").slice(0, 60);
 }
 var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescription: x, onClose: S, onPublished: C }) {
-	let { t: w } = h(), { publishToStore: T } = e({ autoLoad: !1 }), [E, D] = i(b), [O, k] = i(v(b)), [A, j] = i(x ?? ""), [M, N] = i(!1), [P, F] = i(!1), [I, L] = i(null), [R, z] = i(null);
+	let { t: w } = _(), { publishToStore: T } = e({ autoLoad: !1 }), [E, D] = i(b), [O, k] = i(v(b)), [A, j] = i(x ?? ""), [M, N] = i(!1), [P, F] = i(!1), [I, L] = i(null), [R, z] = i(null);
 	r(() => {
 		t && (D(b), k(v(b)), j(x ?? ""), N(!1), L(null), z(null));
 	}, [
@@ -60,28 +60,28 @@ var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescr
 		marginBottom: "var(--space-2xs)",
 		fontSize: "var(--font-size-sm)"
 	};
-	return /* @__PURE__ */ g(o, {
+	return /* @__PURE__ */ h(o, {
 		open: t,
 		onOpenChange: (e) => !e && !P && S(),
-		children: /* @__PURE__ */ _(s, {
+		children: /* @__PURE__ */ g(s, {
 			style: { maxWidth: "520px" },
 			children: [
-				/* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(d, { children: w("bigconsole.dashboards.publishStore.title", "Publish as Template") }), /* @__PURE__ */ g(c, { children: w("bigconsole.dashboards.publishStore.subtitle", "Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing from this workspace is published.") })] }),
-				R ? /* @__PURE__ */ _("div", {
+				/* @__PURE__ */ g(u, { children: [/* @__PURE__ */ h(d, { children: w("bigconsole.dashboards.publishStore.title", "Publish as Template") }), /* @__PURE__ */ h(c, { children: w("bigconsole.dashboards.publishStore.subtitle", "Share this dashboard as a reusable template. Your data sources are replaced with named slots, so nothing from this workspace is published.") })] }),
+				R ? /* @__PURE__ */ g("div", {
 					style: { padding: "var(--space-md) 0" },
 					children: [
-						/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ h("p", {
 							style: { fontWeight: "var(--font-weight-medium)" },
 							children: w("bigconsole.dashboards.publishStore.result.title", "Draft template created")
 						}),
-						/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ h("p", {
 							style: {
 								fontSize: "var(--font-size-sm)",
 								color: "var(--color-text-muted)"
 							},
 							children: R.sinkCount === 1 ? w("bigconsole.dashboards.publishStore.result.sinksOne", "{{count}} data source turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved.", { count: R.sinkCount ?? "" }) : w("bigconsole.dashboards.publishStore.result.sinksMany", "{{count}} data sources turned into slots. Finish in the Developer Portal: review the listing, then submit it for approval. It appears in the gallery once approved.", { count: R.sinkCount ?? "" })
 						}),
-						R.unknownSinkIds.length > 0 && /* @__PURE__ */ g("p", {
+						R.unknownSinkIds.length > 0 && /* @__PURE__ */ h("p", {
 							style: {
 								fontSize: "var(--font-size-sm)",
 								color: "var(--color-text-warning)"
@@ -89,18 +89,18 @@ var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescr
 							children: R.unknownSinkIds.length === 1 ? w("bigconsole.dashboards.publishStore.result.unknownOne", "{{count}} data source could not be named — those slots use generic labels.", { count: R.unknownSinkIds.length ?? "" }) : w("bigconsole.dashboards.publishStore.result.unknownMany", "{{count}} data sources could not be named — those slots use generic labels.", { count: R.unknownSinkIds.length ?? "" })
 						})
 					]
-				}) : /* @__PURE__ */ _("div", {
+				}) : /* @__PURE__ */ g("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: "var(--space-sm)"
 					},
 					children: [
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "tpl-name",
 							style: V,
 							children: w("bigconsole.dashboards.publishStore.field.name", "Template name")
-						}), /* @__PURE__ */ g(f, {
+						}), /* @__PURE__ */ h(f, {
 							id: "tpl-name",
 							value: E,
 							disabled: P,
@@ -108,21 +108,21 @@ var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescr
 								D(e.target.value), k(v(e.target.value));
 							}
 						})] }),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "tpl-slug",
 							style: V,
 							children: w("bigconsole.dashboards.publishStore.field.slug", "Slug")
-						}), /* @__PURE__ */ g(f, {
+						}), /* @__PURE__ */ h(f, {
 							id: "tpl-slug",
 							value: O,
 							disabled: P,
 							onChange: (e) => k(v(e.target.value))
 						})] }),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: "tpl-desc",
 							style: V,
 							children: w("bigconsole.dashboards.publishStore.field.description", "Description")
-						}), /* @__PURE__ */ g(m, {
+						}), /* @__PURE__ */ h(m, {
 							id: "tpl-desc",
 							rows: 3,
 							value: A,
@@ -130,7 +130,7 @@ var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescr
 							placeholder: w("bigconsole.dashboards.publishStore.field.descriptionPlaceholder", "What is this dashboard for, and what data does it need?"),
 							onChange: (e) => j(e.target.value)
 						})] }),
-						I && /* @__PURE__ */ g("p", {
+						I && /* @__PURE__ */ h("p", {
 							style: {
 								color: "var(--color-text-danger)",
 								fontSize: "var(--font-size-sm)"
@@ -139,15 +139,15 @@ var y = t(function({ isOpen: t, dashboardId: y, dashboardName: b, dashboardDescr
 						})
 					]
 				}),
-				/* @__PURE__ */ _(l, { children: [/* @__PURE__ */ g(a, {
+				/* @__PURE__ */ g(l, { children: [/* @__PURE__ */ h(a, {
 					variant: "outline",
 					onClick: S,
 					disabled: P,
 					children: R ? w("bigconsole.dashboards.publishStore.action.done", "Done") : w("bigconsole.dashboards.publishStore.action.cancel", "Cancel")
-				}), !R && /* @__PURE__ */ g(a, {
+				}), !R && /* @__PURE__ */ h(a, {
 					onClick: B,
 					disabled: P,
-					children: P ? /* @__PURE__ */ g(p, {}) : w("bigconsole.dashboards.publishStore.action.publish", "Publish")
+					children: P ? /* @__PURE__ */ h(p, {}) : w("bigconsole.dashboards.publishStore.action.publish", "Publish")
 				})] })
 			]
 		})