@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.1

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js

@@ -3,8 +3,8 @@ import "../../common/index.js";
 import n from "../../parser/DataSinkSelector.js";
 import r from "../../parser/ParserSelector.js";
 import { Input as i, Label as a, Spinner as o } from "@burdenoff/fe-libs/ui";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/builder/inspector/DataBindingSection.tsx
 var u = {
 	unbound: "info",
@@ -14,7 +14,7 @@ var u = {
 	parser_error: "danger",
 	field_mismatch: "warning"
 }, d = ({ consoleId: d, binding: f, resolvedParser: p, dataSinkKey: m, dataPath: h, status: g, resolving: _ = !1, missingFields: v = [], preview: y, error: b, onDataSinkChange: x, onParserChange: S, onDataPathChange: C }) => {
-	let { t: w } = s(), T = {
+	let { t: w } = l(), T = {
 		unbound: w("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
 		loading: _ ? w("bigconsole.parsers.selector.loading", "Loading parsers...") : w("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
 		bound: w("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
@@ -22,33 +22,33 @@ var u = {
 		parser_error: w("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
 		field_mismatch: w("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
 	};
-	return /* @__PURE__ */ l(t, { children: [
-		/* @__PURE__ */ c(e, {
+	return /* @__PURE__ */ c(t, { children: [
+		/* @__PURE__ */ s(e, {
 			title: "Data source",
 			description: w("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
 			"data-testid": "widget-inspector-data-source",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ c(a, { children: w("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
-						/* @__PURE__ */ c(n, {
+						/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+						/* @__PURE__ */ s(n, {
 							value: m,
 							onChange: x,
 							placeholder: w("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
 						}),
-						m && /* @__PURE__ */ l("p", {
+						m && /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [w("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: m }), f.source.ref && /* @__PURE__ */ c("span", {
+							children: [w("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: m }), f.source.ref && /* @__PURE__ */ s("span", {
 								className: "ml-2 text-text-muted",
 								children: w("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ c(a, { children: w("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ c(r, {
+					children: [/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
 						consoleId: d,
 						value: f.parserId ?? null,
 						resolvedParser: p,
@@ -61,53 +61,53 @@ var u = {
 				})]
 			})
 		}),
-		/* @__PURE__ */ c(e, {
+		/* @__PURE__ */ s(e, {
 			title: T[g],
 			tone: u[g],
 			padding: "compact",
 			headingLevel: 3,
-			icon: g === "loading" ? /* @__PURE__ */ c(o, { style: {
+			icon: g === "loading" ? /* @__PURE__ */ s(o, { style: {
 				width: "14px",
 				height: "14px"
 			} }) : void 0,
 			"data-testid": "widget-inspector-binding-status",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "min-w-0 space-y-1",
 				children: [
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ s("p", {
 						className: "sr-only",
 						children: T[g]
 					}),
-					b && /* @__PURE__ */ c("p", {
+					b && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-error-text)]",
 						children: b
 					}),
-					v.length > 0 && /* @__PURE__ */ c("p", {
+					v.length > 0 && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-warning-text)]",
 						children: w("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: v.join(", ") })
 					}),
-					!b && v.length === 0 && g === "bound" && y !== void 0 && /* @__PURE__ */ c("p", {
+					!b && v.length === 0 && g === "bound" && y !== void 0 && /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: "The parser ran and its output matches the fields this widget expects."
 					})
 				]
 			})
 		}),
-		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ c(e, {
+		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: w("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ s("div", {
 				className: "min-w-0 space-y-1 text-xs text-text-secondary",
-				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ l("p", {
+				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ c("p", {
 					className: "break-words",
 					children: [
 						e,
 						": ",
-						/* @__PURE__ */ c("code", {
+						/* @__PURE__ */ s("code", {
 							className: "rounded bg-bg-surface px-1 font-mono",
 							children: t
 						})
@@ -115,36 +115,36 @@ var u = {
 				}, e))
 			})
 		}),
-		y !== void 0 && /* @__PURE__ */ c(e, {
+		y !== void 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: w("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
 			description: "Raw parser output, exactly as the widget receives it.",
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("pre", {
+			children: /* @__PURE__ */ s("pre", {
 				className: "max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary",
 				children: JSON.stringify(y, null, 2)
 			})
 		}),
-		/* @__PURE__ */ c(e, {
+		/* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: "Data path",
 			headingLevel: 3,
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ c(a, {
+					/* @__PURE__ */ s(a, {
 						htmlFor: "widget-inspector-data-path",
 						children: w("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
 					}),
-					/* @__PURE__ */ c(i, {
+					/* @__PURE__ */ s(i, {
 						id: "widget-inspector-data-path",
 						value: h ?? "",
 						onChange: (e) => C(e.target.value || void 0),
 						placeholder: w("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: w("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})

package/dist/bigconsole/components/common/index.d.ts

@@ -1,4 +1,3 @@
 export { Section, SectionHeader, SectionStack } from './Section';
 export type { SectionHeadingLevel, SectionHeaderProps, SectionProps, SectionStackProps } from './Section';
 export { SECTION_FOCUS_RING, SECTION_MOTION, SECTION_STACK, sectionSurfaceClasses, sectionTitleClasses, type SectionEmphasis, type SectionPadding, type SectionTone, } from './sectionStyles';
-export { SortBySelect, type SortBySelectProps } from './SortBySelect';

package/dist/bigconsole/components/common/index.js

@@ -1,3 +1,2 @@
 import "./sectionStyles.js";
 import "./Section.js";
-import "./SortBySelect.js";

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

@@ -3,32 +3,32 @@ import "../common/index.js";
 import t from "./StoreTemplatePicker.js";
 import { TemplateInstallOptions as n } from "./TemplateInstallOptions.js";
 import { TemplateLayoutPreview as r } from "./TemplateLayoutPreview.js";
-import { templateInputDefaults as ee, templateInputError as te } from "../../utils/templateInstallInputs.js";
-import ne from "../../hooks/useStoreDashboardTemplates.js";
-import { memo as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
-import { Copy as re, LayoutDashboard as ie, Plus as l, Tag as ae, X as oe } from "lucide-react";
-import { Badge as se, Button as u, Dialog as ce, DialogContent as le, DialogDescription as ue, DialogFooter as de, DialogHeader as fe, DialogTitle as d, Input as f, Spinner as p, Textarea as pe } from "@burdenoff/fe-libs/ui";
+import { templateInputDefaults as i, templateInputError as ee } from "../../utils/templateInstallInputs.js";
+import te from "../../hooks/useStoreDashboardTemplates.js";
+import { memo as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { Copy as ne, LayoutDashboard as re, Plus as u, Tag as ie, X as ae } from "lucide-react";
+import { Badge as oe, Button as d, Dialog as se, DialogContent as ce, DialogDescription as le, DialogFooter as ue, DialogHeader as de, DialogTitle as f, Input as p, Spinner as m, Textarea as fe } from "@burdenoff/fe-libs/ui";
+import { Fragment as pe, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { useActiveContext as he } from "@burdenoff/fe-libs/shared/providers/shell/ActiveContextProvider";
 //#region src/bigconsole/components/dashboard/CreateDashboardDialog.tsx
-var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, showTemplates: b = !0, onTemplateInstalled: x }) {
-	let { t: S } = me(), { templates: ge, loading: _e, error: C, fetchTemplateContent: w, installTemplate: T } = ne({ autoLoad: b }), [E, D] = c(!1), { workspaceId: O } = he(), k = s(O);
+var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, showTemplates: b = !0, onTemplateInstalled: x }) {
+	let { t: S } = me(), { templates: ge, loading: _e, error: C, fetchTemplateContent: w, installTemplate: T } = te({ autoLoad: b }), [E, D] = l(!1), { workspaceId: O } = he(), k = c(O);
 	k.current = O;
-	let [ve, A] = c(null), [ye, be] = c(null), [j, M] = c(!1), [N, P] = c({}), [F, I] = c({}), [L, R] = c("blank"), [z, B] = c(""), [V, H] = c(""), [U, W] = c([]), [G, K] = c(""), [q, J] = c(null), [Y, X] = c(null), Z = s(null), Q = ye === `${q?.id}:${O}` ? ve : null;
-	o(() => {
-		i && (R("blank"), B(""), H(""), W([]), K(""), J(null), X(null), setTimeout(() => {
+	let [ve, A] = l(null), [ye, be] = l(null), [j, M] = l(!1), [N, P] = l({}), [F, I] = l({}), [L, R] = l("blank"), [z, B] = l(""), [V, H] = l(""), [U, W] = l([]), [G, K] = l(""), [q, J] = l(null), [Y, X] = l(null), Z = c(null), Q = ye === `${q?.id}:${O}` ? ve : null;
+	s(() => {
+		a && (R("blank"), B(""), H(""), W([]), K(""), J(null), X(null), setTimeout(() => {
 			Z.current?.focus();
 		}, 100));
-	}, [i]);
-	let $ = a(() => {
+	}, [a]);
+	let $ = o(() => {
 		let e = G.trim().toLowerCase();
 		e && !U.includes(e) && U.length < 10 && (W((t) => [...t, e]), K(""));
 	}, [G, U]);
-	o(() => {
+	s(() => {
 		let e = !1;
-		if (A(null), P({}), I({}), M(!!q), !(!q || !i)) return w(q.id).then((t) => {
-			e || (A(t), be(`${q.id}:${O}`), M(!1), I(t ? ee(t.requiredInputs) : {}), t || X(S("bigconsole.dashboards.createDialog.error.noDefinition", "This template has no dashboard definition attached and cannot be installed.")));
+		if (A(null), P({}), I({}), M(!!q), !(!q || !a)) return w(q.id).then((t) => {
+			e || (A(t), be(`${q.id}:${O}`), M(!1), I(t ? i(t.requiredInputs) : {}), t || X(S("bigconsole.dashboards.createDialog.error.noDefinition", "This template has no dashboard definition attached and cannot be installed.")));
 		}), () => {
 			e = !0;
 		};
@@ -36,20 +36,20 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 		q,
 		w,
 		O,
-		i,
+		a,
 		S
 	]);
-	let xe = a((e) => {
+	let xe = o((e) => {
 		W((t) => t.filter((t) => t !== e));
-	}, []), Se = a((e) => {
+	}, []), Se = o((e) => {
 		e.key === "Enter" ? (e.preventDefault(), $()) : e.key === "Backspace" && !G && U.length > 0 && W((e) => e.slice(0, -1));
 	}, [
 		$,
 		G,
 		U.length
-	]), Ce = a((e) => {
+	]), Ce = o((e) => {
 		J(e), X(null), B(e.name), H(e.description || "");
-	}, []), we = a(async (e) => {
+	}, []), we = o(async (e) => {
 		if (e.preventDefault(), L === "template" && !q) {
 			X(S("bigconsole.dashboards.createDialog.error.selectTemplate", "Please select a template"));
 			return;
@@ -79,7 +79,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 					X(S("bigconsole.dashboards.createDialog.error.noDefinition", "This template has no dashboard definition attached and cannot be installed."));
 					return;
 				}
-				let n = te(e.requiredInputs, F, S);
+				let n = ee(e.requiredInputs, F, S);
 				if (n) {
 					X(n);
 					return;
@@ -138,16 +138,16 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 		x,
 		S
 	]);
-	return /* @__PURE__ */ h(ce, {
-		open: i,
+	return /* @__PURE__ */ h(se, {
+		open: a,
 		onOpenChange: (e) => !e && !_ && !E && v(),
-		children: /* @__PURE__ */ g(le, {
+		children: /* @__PURE__ */ g(ce, {
 			style: {
 				maxWidth: L === "template" ? "900px" : "480px",
 				width: "100%",
 				padding: 0
 			},
-			children: [/* @__PURE__ */ h(fe, {
+			children: [/* @__PURE__ */ h(de, {
 				style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
 				children: /* @__PURE__ */ g("div", {
 					style: {
@@ -166,7 +166,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-bg-accentSubtle)"
 						},
-						children: /* @__PURE__ */ h(ie, {
+						children: /* @__PURE__ */ h(re, {
 							"aria-hidden": "true",
 							style: {
 								height: "var(--size-icon-lg)",
@@ -174,7 +174,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 								color: "var(--color-action-primary-bg)"
 							}
 						})
-					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(d, {
+					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(f, {
 						style: {
 							fontSize: "var(--font-size-heading-h4)",
 							fontWeight: "var(--font-weight-bold)",
@@ -182,7 +182,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							margin: 0
 						},
 						children: S("bigconsole.dashboards.createDialog.title", "Create New Dashboard")
-					}), /* @__PURE__ */ h(ue, {
+					}), /* @__PURE__ */ h(le, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
@@ -230,7 +230,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 									boxShadow: L === "blank" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
-								children: [/* @__PURE__ */ h(l, { style: {
+								children: [/* @__PURE__ */ h(u, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), S("bigconsole.dashboards.createDialog.tab.blank", "Blank Dashboard")]
@@ -255,7 +255,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 									boxShadow: L === "template" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
-								children: [/* @__PURE__ */ h(re, { style: {
+								children: [/* @__PURE__ */ h(ne, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), S("bigconsole.dashboards.createDialog.tab.template", "From Template")]
@@ -278,7 +278,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 					}),
 					L === "template" && q && /* @__PURE__ */ g("div", {
 						style: { padding: "var(--space-pagePadding)" },
-						children: [j && /* @__PURE__ */ h(p, {}), Q && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(r, { content: Q }), /* @__PURE__ */ h(n, {
+						children: [j && /* @__PURE__ */ h(m, {}), Q && /* @__PURE__ */ g(pe, { children: [/* @__PURE__ */ h(r, { content: Q }), /* @__PURE__ */ h(n, {
 							content: Q,
 							bindings: N,
 							onBindingChange: (e, t) => P((n) => ({
@@ -323,7 +323,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												children: "*"
 											})]
 										}),
-										/* @__PURE__ */ h(f, {
+										/* @__PURE__ */ h(p, {
 											ref: Z,
 											id: "dashboard-name",
 											type: "text",
@@ -369,7 +369,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 											},
 											children: S("bigconsole.dashboards.createDialog.field.optional", "(optional)")
 										})]
-									}), /* @__PURE__ */ h(pe, {
+									}), /* @__PURE__ */ h(fe, {
 										id: "dashboard-description",
 										value: V,
 										onChange: (e) => H(e.target.value),
@@ -395,7 +395,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: [
-											/* @__PURE__ */ h(ae, { style: {
+											/* @__PURE__ */ h(ie, { style: {
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
 											} }),
@@ -416,7 +416,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 											gap: "var(--space-controlGap)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: U.map((e) => /* @__PURE__ */ g(se, {
+										children: U.map((e) => /* @__PURE__ */ g(oe, {
 											variant: "secondary",
 											style: {
 												display: "flex",
@@ -442,7 +442,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												},
 												onMouseOver: (e) => e.currentTarget.style.opacity = "1",
 												onMouseOut: (e) => e.currentTarget.style.opacity = "0.7",
-												children: /* @__PURE__ */ h(oe, { style: {
+												children: /* @__PURE__ */ h(ae, { style: {
 													height: "12px",
 													width: "12px"
 												} })
@@ -454,7 +454,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 											display: "flex",
 											gap: "var(--space-controlGap)"
 										},
-										children: [/* @__PURE__ */ h(f, {
+										children: [/* @__PURE__ */ h(p, {
 											id: "dashboard-tags",
 											type: "text",
 											value: G,
@@ -467,7 +467,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												height: "var(--size-controlHeight-md)",
 												fontSize: "var(--font-size-body-sm)"
 											}
-										}), /* @__PURE__ */ h(u, {
+										}), /* @__PURE__ */ h(d, {
 											type: "button",
 											variant: "outline",
 											onClick: $,
@@ -488,7 +488,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							]
 						})
 					}),
-					/* @__PURE__ */ g(de, {
+					/* @__PURE__ */ g(ue, {
 						style: {
 							padding: "var(--space-formGap) var(--space-pagePadding)",
 							borderTop: "1px solid var(--color-border)",
@@ -497,14 +497,14 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							justifyContent: "flex-end",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ h(u, {
+						children: [/* @__PURE__ */ h(d, {
 							type: "button",
 							variant: "outline",
 							onClick: v,
 							disabled: _ || E,
 							style: { height: "var(--size-controlHeight-md)" },
 							children: S("bigconsole.dashboards.createDialog.action.cancel", "Cancel")
-						}), /* @__PURE__ */ h(u, {
+						}), /* @__PURE__ */ h(d, {
 							type: "submit",
 							disabled: _ || E || !z.trim() || L === "template" && (!q || !Q || j),
 							style: {
@@ -517,7 +517,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ h(p, { style: {
+								children: [/* @__PURE__ */ h(m, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), S("bigconsole.dashboards.createDialog.action.creating", "Creating...")]
@@ -527,7 +527,7 @@ var _ = i(function({ isOpen: i, isCreating: _ = !1, onClose: v, onCreate: y, sho
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ h(l, { style: {
+								children: [/* @__PURE__ */ h(u, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), S("bigconsole.dashboards.createDialog.action.create", "Create Dashboard")]

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

@@ -33,8 +33,8 @@ import { memo as p, useCallback as m, useEffect as de, useMemo as fe, useRef as
 import { usePermissions as pe } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Plus as me } from "lucide-react";
 import { Button as _ } from "@burdenoff/fe-libs/ui";
-import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/DashboardCanvas.tsx
 var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _e, isSaving: ve = !1, onExport: ye, onPublishTemplate: be, pages: S = [], activePageId: xe, onPageChange: Se, onPagesReorder: C, onPageAdd: Ce, onPageRename: we, onPageDuplicate: Te, onPageDelete: Ee, showFilters: De = !0, showPageTabs: Oe = !0, enableCrossFilter: ke = !0 }) {
 	let { t: w } = he(), T = h(null), E = h(null), [D, Ae] = g(1200), [je, O] = g(!1), [k, A] = g(null), [j, M] = g(!1), [Me, N] = g(null), [P, Ne] = g(null), F = t((e) => e.viewMode === "edit"), I = t((e) => e.currentDashboard), L = I?.pages.find((e) => e.id === b)?.gridColumns ?? 12, { updateDashboard: R } = c({ skipFetch: !0 }), { hasPermission: Pe } = pe(), Fe = Pe(u.DASHBOARD_UPDATE), Ie = P?.id === p ? P.value : I?.id === p ? I.visibility : void 0, Le = m(async (e) => {
@@ -62,7 +62,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 	}, [K]), { createWidget: q } = s(b, p, { skipFetch: !0 }), J = e((e) => e.widgets), Y = fe(() => {
 		let e = Array.from(J.values());
 		return b ? e.filter((e) => e.pageId === b) : e;
-	}, [J, b]), He = e((e) => e.selectedWidgetId), X = e((e) => e.selectWidget), Ue = e((e) => e.addWidget), Z = e((e) => e.updateWidgetPosition), We = e((e) => e.configPanelOpen), Ge = e((e) => e.closeConfigPanel);
+	}, [J, b]), He = e((e) => e.selectedWidgetId), X = e((e) => e.selectWidget), Z = e((e) => e.addWidget), Q = e((e) => e.updateWidgetPosition), Ue = e((e) => e.configPanelOpen), We = e((e) => e.closeConfigPanel);
 	de(() => {
 		let e = T.current;
 		if (!e) return;
@@ -75,18 +75,18 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 		}
 		return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, []);
-	let Ke = m((e) => {
+	let Ge = m((e) => {
 		e.forEach((e) => {
-			Z(e.i, {
+			Q(e.i, {
 				x: e.x,
 				y: e.y,
 				width: e.w,
 				height: e.h
 			});
 		});
-	}, [Z]), qe = m((e) => {
+	}, [Q]), Ke = m((e) => {
 		X(e);
-	}, [X]), Q = m(async (e, t) => {
+	}, [X]), $ = m(async (e, t) => {
 		A(null);
 		let n = t?.definition || (e.type ? a(e.type) : null), r = d(), i = {
 			width: Math.min(n?.defaultSize?.width ?? 4, L),
@@ -147,21 +147,21 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 		};
-		Ue(c), X(c.id);
+		Z(c), X(c.id);
 	}, [
 		p,
 		b,
 		q,
-		Ue,
+		Z,
 		X,
 		Y,
 		L,
 		w
-	]), Je = m((e) => {
+	]), qe = m((e) => {
 		M(!0), N(e);
-	}, []), Ye = m(() => {
+	}, []), Je = m(() => {
 		M(!1), N(null);
-	}, []), Xe = m((e) => {
+	}, []), Ye = m((e) => {
 		e.preventDefault(), M(!1), N(null);
 		try {
 			let t = e.dataTransfer.getData("application/json");
@@ -187,7 +187,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				width: c.width,
 				height: c.height
 			};
-			Q({
+			$({
 				type: r.type,
 				title: r.name || i.name,
 				config: r.defaultConfig || i.defaultConfig
@@ -200,20 +200,20 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 		}
 	}, [
 		D,
-		Q,
+		$,
 		L
-	]), Ze = m((e) => {
+	]), Xe = m((e) => {
 		e.preventDefault(), e.dataTransfer.dropEffect = "copy";
-	}, []), Qe = m((e, t) => {
+	}, []), Ze = m((e, t) => {
 		let n = t || a(e);
-		Q({
+		$({
 			type: e,
 			title: n.name,
 			config: n.defaultConfig
 		});
-	}, [Q]), $e = m(() => {
+	}, [$]), Qe = m(() => {
 		W();
-	}, [W]), et = m(() => {
+	}, [W]), $e = m(() => {
 		U && W(), window.requestAnimationFrame(() => {
 			let e = w("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets...");
 			document.querySelector(`input[placeholder="${e}"]`)?.focus();
@@ -222,7 +222,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 		U,
 		W,
 		w
-	]), { exportPNG: tt, exportPDF: $, isExporting: nt } = l({
+	]), { exportPNG: et, exportPDF: tt, isExporting: nt } = l({
 		containerRef: E,
 		name: x || "dashboard"
 	});
@@ -232,8 +232,8 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			/* @__PURE__ */ v(te, {
 				dashboardId: p,
 				title: x,
-				onAddWidget: et,
-				onTogglePalette: $e,
+				onAddWidget: $e,
+				onTogglePalette: Qe,
 				isPaletteOpen: G,
 				onPaste: ge,
 				onSave: _e,
@@ -241,11 +241,11 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				onExport: ye,
 				onPublishTemplate: be,
 				onExportImage: m(() => {
+					et();
+				}, [et]),
+				onExportPdf: m(() => {
 					tt();
 				}, [tt]),
-				onExportPdf: m(() => {
-					$();
-				}, [$]),
 				isExportingImage: nt,
 				onShare: () => O(!0)
 			}),
@@ -295,13 +295,13 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			}),
 			/* @__PURE__ */ y("div", {
 				"data-testid": "dashboard-canvas-panes",
-				className: `flex flex-1 min-w-0 overflow-hidden ${We ? "lg:mr-[var(--bc-inspector-width,420px)]" : ""}`,
+				className: `flex flex-1 min-w-0 overflow-hidden ${Ue ? "lg:mr-[var(--bc-inspector-width,420px)]" : ""}`,
 				children: [F && /* @__PURE__ */ v(se, {
 					isOpen: G,
-					onClose: $e,
-					onWidgetSelect: Qe,
-					onDragStart: Je,
-					onDragEnd: Ye,
+					onClose: Qe,
+					onWidgetSelect: Ze,
+					onDragStart: qe,
+					onDragEnd: Je,
 					installedWidgets: Re,
 					installedWidgetsLoading: ze,
 					definitions: Be
@@ -312,8 +312,8 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 					"data-section-emphasis": "primary",
 					"data-testid": "dashboard-board",
 					className: "relative min-w-0 flex-1 overflow-auto border-2 border-transparent bg-bg-sunken motion-safe:transition-[border-color,background-color]",
-					onDrop: Xe,
-					onDragOver: Ze,
+					onDrop: Ye,
+					onDragOver: Xe,
 					onClick: () => {
 						F && X(null);
 					},
@@ -365,8 +365,8 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 								cols: L,
 								isEditMode: F,
 								width: D,
-								onLayoutChange: Ke,
-								onWidgetSelect: qe,
+								onLayoutChange: Ge,
+								onWidgetSelect: Ke,
 								selectedWidgetId: He
 							})
 						}) : /* @__PURE__ */ v("div", {
@@ -379,7 +379,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 								title: w("bigconsole.dashboards.canvas.noWidgetsTitle", "No widgets yet"),
 								description: w("bigconsole.dashboards.canvas.noWidgetsDescription", "Add widgets to build your dashboard. Click the \"Add Widget\" button to get started."),
 								children: F && /* @__PURE__ */ y(_, {
-									onClick: et,
+									onClick: $e,
 									children: [/* @__PURE__ */ v(me, { className: "size-4" }), w("bigconsole.dashboards.canvas.addWidget", "Add Widget")]
 								})
 							})
@@ -388,8 +388,8 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				})]
 			}),
 			/* @__PURE__ */ v(ue, {
-				isOpen: We,
-				onClose: Ge
+				isOpen: Ue,
+				onClose: We
 			}),
 			/* @__PURE__ */ v(oe, {
 				dashboardId: p,