@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.6

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 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 { 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 { 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 _ = 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);
+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);
 	k.current = O;
-	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(() => {
+	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(() => {
 			Z.current?.focus();
 		}, 100));
-	}, [a]);
-	let $ = o(() => {
+	}, [i]);
+	let $ = a(() => {
 		let e = G.trim().toLowerCase();
 		e && !U.includes(e) && U.length < 10 && (W((t) => [...t, e]), K(""));
 	}, [G, U]);
-	s(() => {
+	o(() => {
 		let e = !1;
-		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.")));
+		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.")));
 		}), () => {
 			e = !0;
 		};
@@ -36,20 +36,20 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 		q,
 		w,
 		O,
-		a,
+		i,
 		S
 	]);
-	let xe = o((e) => {
+	let xe = a((e) => {
 		W((t) => t.filter((t) => t !== e));
-	}, []), Se = o((e) => {
+	}, []), Se = a((e) => {
 		e.key === "Enter" ? (e.preventDefault(), $()) : e.key === "Backspace" && !G && U.length > 0 && W((e) => e.slice(0, -1));
 	}, [
 		$,
 		G,
 		U.length
-	]), Ce = o((e) => {
+	]), Ce = a((e) => {
 		J(e), X(null), B(e.name), H(e.description || "");
-	}, []), we = o(async (e) => {
+	}, []), we = a(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 _ = a(function({ isOpen: a, 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 = ee(e.requiredInputs, F, S);
+				let n = te(e.requiredInputs, F, S);
 				if (n) {
 					X(n);
 					return;
@@ -138,10 +138,10 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 		x,
 		S
 	]);
-	return /* @__PURE__ */ h(se, {
-		open: a,
+	return /* @__PURE__ */ h(ce, {
+		open: i,
 		onOpenChange: (e) => !e && !_ && !E && v(),
-		children: /* @__PURE__ */ g(ce, {
+		children: /* @__PURE__ */ g(le, {
 			style: {
 				maxWidth: L === "template" ? "900px" : "480px",
 				width: "calc(100vw - 2 * var(--space-pagePadding))",
@@ -151,7 +151,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 				overflow: "hidden",
 				padding: 0
 			},
-			children: [/* @__PURE__ */ h(de, {
+			children: [/* @__PURE__ */ h(fe, {
 				style: {
 					padding: "var(--space-pagePadding) var(--space-pagePadding) 0",
 					flexShrink: 0
@@ -173,7 +173,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-bg-accentSubtle)"
 						},
-						children: /* @__PURE__ */ h(re, {
+						children: /* @__PURE__ */ h(ie, {
 							"aria-hidden": "true",
 							style: {
 								height: "var(--size-icon-lg)",
@@ -181,7 +181,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 								color: "var(--color-action-primary-bg)"
 							}
 						})
-					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(f, {
+					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(d, {
 						style: {
 							fontSize: "var(--font-size-heading-h4)",
 							fontWeight: "var(--font-weight-bold)",
@@ -189,7 +189,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							margin: 0
 						},
 						children: S("bigconsole.dashboards.createDialog.title", "Create New Dashboard")
-					}), /* @__PURE__ */ h(le, {
+					}), /* @__PURE__ */ h(ue, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
@@ -249,7 +249,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 										boxShadow: L === "blank" ? "var(--shadow-elevation-1)" : "none",
 										transition: "all 0.15s ease"
 									},
-									children: [/* @__PURE__ */ h(u, { style: {
+									children: [/* @__PURE__ */ h(l, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }), S("bigconsole.dashboards.createDialog.tab.blank", "Blank Dashboard")]
@@ -274,7 +274,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 										boxShadow: L === "template" ? "var(--shadow-elevation-1)" : "none",
 										transition: "all 0.15s ease"
 									},
-									children: [/* @__PURE__ */ h(ne, { style: {
+									children: [/* @__PURE__ */ h(re, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }), S("bigconsole.dashboards.createDialog.tab.template", "From Template")]
@@ -297,7 +297,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 						}),
 						L === "template" && q && /* @__PURE__ */ g("div", {
 							style: { padding: "var(--space-pagePadding)" },
-							children: [j && /* @__PURE__ */ h(m, {}), Q && /* @__PURE__ */ g(pe, { children: [/* @__PURE__ */ h(r, { content: Q }), /* @__PURE__ */ h(n, {
+							children: [j && /* @__PURE__ */ h(p, {}), Q && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(r, { content: Q }), /* @__PURE__ */ h(n, {
 								content: Q,
 								bindings: N,
 								onBindingChange: (e, t) => P((n) => ({
@@ -342,7 +342,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 													children: "*"
 												})]
 											}),
-											/* @__PURE__ */ h(p, {
+											/* @__PURE__ */ h(f, {
 												ref: Z,
 												id: "dashboard-name",
 												type: "text",
@@ -388,7 +388,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												},
 												children: S("bigconsole.dashboards.createDialog.field.optional", "(optional)")
 											})]
-										}), /* @__PURE__ */ h(fe, {
+										}), /* @__PURE__ */ h(pe, {
 											id: "dashboard-description",
 											value: V,
 											onChange: (e) => H(e.target.value),
@@ -414,7 +414,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												marginBottom: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ h(ie, { style: {
+												/* @__PURE__ */ h(ae, { style: {
 													height: "var(--size-icon-sm)",
 													width: "var(--size-icon-sm)"
 												} }),
@@ -435,7 +435,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												gap: "var(--space-controlGap)",
 												marginBottom: "var(--space-controlGap)"
 											},
-											children: U.map((e) => /* @__PURE__ */ g(oe, {
+											children: U.map((e) => /* @__PURE__ */ g(se, {
 												variant: "secondary",
 												style: {
 													display: "flex",
@@ -461,7 +461,7 @@ var _ = a(function({ isOpen: a, 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(ae, { style: {
+													children: /* @__PURE__ */ h(oe, { style: {
 														height: "12px",
 														width: "12px"
 													} })
@@ -473,7 +473,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 												display: "flex",
 												gap: "var(--space-controlGap)"
 											},
-											children: [/* @__PURE__ */ h(p, {
+											children: [/* @__PURE__ */ h(f, {
 												id: "dashboard-tags",
 												type: "text",
 												value: G,
@@ -486,7 +486,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 													height: "var(--size-controlHeight-md)",
 													fontSize: "var(--font-size-body-sm)"
 												}
-											}), /* @__PURE__ */ h(d, {
+											}), /* @__PURE__ */ h(u, {
 												type: "button",
 												variant: "outline",
 												onClick: $,
@@ -508,7 +508,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 							})
 						})
 					]
-				}), /* @__PURE__ */ g(ue, {
+				}), /* @__PURE__ */ g(de, {
 					style: {
 						padding: "var(--space-formGap) var(--space-pagePadding)",
 						borderTop: "1px solid var(--color-border)",
@@ -518,14 +518,14 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 						justifyContent: "flex-end",
 						gap: "var(--space-controlGap)"
 					},
-					children: [/* @__PURE__ */ h(d, {
+					children: [/* @__PURE__ */ h(u, {
 						type: "button",
 						variant: "outline",
 						onClick: v,
 						disabled: _ || E,
 						style: { height: "var(--size-controlHeight-md)" },
 						children: S("bigconsole.dashboards.createDialog.action.cancel", "Cancel")
-					}), /* @__PURE__ */ h(d, {
+					}), /* @__PURE__ */ h(u, {
 						type: "submit",
 						disabled: _ || E || !z.trim() || L === "template" && (!q || !Q || j),
 						style: {
@@ -538,7 +538,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 								alignItems: "center",
 								gap: "var(--space-iconGap)"
 							},
-							children: [/* @__PURE__ */ h(m, { style: {
+							children: [/* @__PURE__ */ h(p, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} }), S("bigconsole.dashboards.createDialog.action.creating", "Creating...")]
@@ -548,7 +548,7 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 								alignItems: "center",
 								gap: "var(--space-iconGap)"
 							},
-							children: [/* @__PURE__ */ h(u, { style: {
+							children: [/* @__PURE__ */ h(l, { 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 { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#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), Z = e((e) => e.addWidget), Q = e((e) => e.updateWidgetPosition), Ue = e((e) => e.configPanelOpen), We = e((e) => e.closeConfigPanel);
+	}, [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);
 	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 Ge = m((e) => {
+	let Ke = m((e) => {
 		e.forEach((e) => {
-			Q(e.i, {
+			Z(e.i, {
 				x: e.x,
 				y: e.y,
 				width: e.w,
 				height: e.h
 			});
 		});
-	}, [Q]), Ke = m((e) => {
+	}, [Z]), qe = m((e) => {
 		X(e);
-	}, [X]), $ = m(async (e, t) => {
+	}, [X]), Q = 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()
 		};
-		Z(c), X(c.id);
+		Ue(c), X(c.id);
 	}, [
 		p,
 		b,
 		q,
-		Z,
+		Ue,
 		X,
 		Y,
 		L,
 		w
-	]), qe = m((e) => {
+	]), Je = m((e) => {
 		M(!0), N(e);
-	}, []), Je = m(() => {
+	}, []), Ye = m(() => {
 		M(!1), N(null);
-	}, []), Ye = m((e) => {
+	}, []), Xe = 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
-	]), Xe = m((e) => {
+	]), Ze = m((e) => {
 		e.preventDefault(), e.dataTransfer.dropEffect = "copy";
-	}, []), Ze = m((e, t) => {
+	}, []), Qe = m((e, t) => {
 		let n = t || a(e);
-		$({
+		Q({
 			type: e,
 			title: n.name,
 			config: n.defaultConfig
 		});
-	}, [$]), Qe = m(() => {
+	}, [Q]), $e = m(() => {
 		W();
-	}, [W]), $e = m(() => {
+	}, [W]), et = 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: et, exportPDF: tt, isExporting: nt } = l({
+	]), { exportPNG: tt, exportPDF: $, 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: $e,
-				onTogglePalette: Qe,
+				onAddWidget: et,
+				onTogglePalette: $e,
 				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 ${Ue ? "lg:mr-[var(--bc-inspector-width,420px)]" : ""}`,
+				className: `flex flex-1 min-w-0 overflow-hidden ${We ? "lg:mr-[var(--bc-inspector-width,420px)]" : ""}`,
 				children: [F && /* @__PURE__ */ v(se, {
 					isOpen: G,
-					onClose: Qe,
-					onWidgetSelect: Ze,
-					onDragStart: qe,
-					onDragEnd: Je,
+					onClose: $e,
+					onWidgetSelect: Qe,
+					onDragStart: Je,
+					onDragEnd: Ye,
 					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: Ye,
-					onDragOver: Xe,
+					onDrop: Xe,
+					onDragOver: Ze,
 					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: Ge,
-								onWidgetSelect: Ke,
+								onLayoutChange: Ke,
+								onWidgetSelect: qe,
 								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: $e,
+									onClick: et,
 									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: Ue,
-				onClose: We
+				isOpen: We,
+				onClose: Ge
 			}),
 			/* @__PURE__ */ v(oe, {
 				dashboardId: p,