npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.1008.11 → 2026.1008.12 - Mend

@burdenoff/microfe-bigconsole 2026.1008.11 → 2026.1008.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/dist/bigconsole/pages/DashboardBuilderPage.js CHANGED Viewed

@@ -18,18 +18,21 @@ import { BuilderTopbar as ne } from "../components/builder/BuilderTopbar.js";
 import { DashboardEditorShell as re } from "../components/builder/DashboardEditorShell.js";
 import { findNextAvailablePosition as ie } from "../utils/widgetPositioning.js";
 import "../components/builder/index.js";
-import u from "../components/dashboard/DashboardCanvas.js";
-import d from "../components/dashboard/ExportDashboardDialog.js";
+import ae from "../components/dashboard/DashboardCanvas.js";
+import oe from "../components/dashboard/ExportDashboardDialog.js";
 import "../components/dashboard/index.js";
-import ae from "../customWidget/CustomWidgetBuilderSheet.js";
+import { layoutItemsFromPositionUpdates as u } from "../utils/layoutBaseline.js";
+import { useDashboardLayoutBaseline as se } from "../hooks/useDashboardLayoutBaseline.js";
+import d from "../customWidget/CustomWidgetBuilderSheet.js";
 import "../customWidget/index.js";
 import { memo as f, useCallback as p, useEffect as m, useState as h } from "react";
-import { useParams as oe } from "react-router";
-import { AccessDenied as se } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Button as le } from "@burdenoff/fe-libs/ui";
+import { useParams as ce } from "react-router";
+import { AccessDenied as le } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ue } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Button as de } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as fe } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/pages/DashboardBuilderPage.tsx
 function v() {
 	try {
@@ -38,17 +41,21 @@ function v() {
 		return;
 	}
 }
-function de(e, t) {
+function me(e, t) {
 	let n = v();
 	n?.register && n.register(e, t);
 }
-function fe(e) {
+function he(e) {
 	let t = v();
 	t?.unregister && t.unregister(e);
 }
 var y = f(function() {
-	let { dashboardId: f } = oe(), v = n(), { t: y } = ue(), { hasPermission: b, isLoading: x } = ce(), pe = b(l.DASHBOARD_READ), me = b(l.DASHBOARD_UPDATE), he = b(l.DASHBOARD_EXPORT), S = b(l.WIDGET_CREATE), [C, w] = h(!1), [T, E] = h(null), [ge, D] = h(!1), [_e, O] = h(!1), { fetchDashboard: k, updateDashboard: A, loading: j, error: M } = o(), { createWidget: N, updateWidget: P, deleteWidget: F, duplicateWidget: I, batchUpdatePositions: L } = a(void 0, f), { createPage: R, updatePage: z, deletePage: B, reorderPages: V } = c(), H = t((e) => e.setCurrentDashboard), U = t((e) => e.currentDashboard), { activePageId: W, setActivePage: G } = s(U?.id === f ? U?.pages : void 0), K = t((e) => e.setViewMode), q = e((e) => e.selectWidget), J = e((e) => e.widgets), Y = e((e) => e.clipboardWidgetId), X = e((e) => e.clipboardAction), Z = e((e) => e.clearClipboard);
-	m(() => (K("edit"), () => K("view")), [K]), m(() => {
+	let { dashboardId: f } = ce(), v = n(), { t: y } = pe(), { hasPermission: b, isLoading: ge } = ue(), _e = b(l.DASHBOARD_READ), x = b(l.DASHBOARD_UPDATE), ve = b(l.DASHBOARD_EXPORT), S = b(l.WIDGET_CREATE), [C, w] = h(!1), [T, E] = h(null), [ye, D] = h(!1), [be, O] = h(!1), { fetchDashboard: k, updateDashboard: A, loading: j, error: M } = o(), { createWidget: N, updateWidget: P, deleteWidget: F, duplicateWidget: I, batchUpdatePositions: L } = a(void 0, f), { createPage: R, updatePage: z, deletePage: B, reorderPages: V } = c(), H = t((e) => e.setCurrentDashboard), U = t((e) => e.currentDashboard), { activePageId: W, setActivePage: G } = s(U?.id === f ? U?.pages : void 0), K = t((e) => e.setViewMode), q = e((e) => e.selectWidget), J = e((e) => e.widgets), Y = e((e) => e.clipboardWidgetId), X = e((e) => e.clipboardAction), Z = e((e) => e.clearClipboard), { dirty: xe, markSaved: Q } = se(f);
+	fe({
+		id: "dashboard-editor",
+		label: y("bigconsole.assistant.unsaved.dashboardEditor", "the dashboard editor"),
+		dirty: x && xe
+	}), m(() => (K("edit"), () => K("view")), [K]), m(() => {
 		if (!f) {
 			v("/dashboards");
 			return;
@@ -65,9 +72,9 @@ var y = f(function() {
 					index: t,
 					layoutConfig: e.layoutConfig ?? {}
 				}))
-			}), e.name && de(f, e.name)) : v("/dashboards");
+			}), e.name && me(f, e.name)) : v("/dashboards");
 		}), () => {
-			f && fe(f);
+			f && he(f);
 		};
 	}, [
 		f,
@@ -75,7 +82,7 @@ var y = f(function() {
 		H,
 		k
 	]);
-	let Q = p(async () => {
+	let $ = p(async () => {
 		let e = W ?? U?.pages?.[0]?.id;
 		if (!Y || !f || !e) return;
 		let t = J.get(Y);
@@ -133,19 +140,19 @@ var y = f(function() {
 				n.preventDefault(), F(i), r.selectWidget(null);
 				return;
 			}
-			(n.metaKey || n.ctrlKey) && (n.key === "c" && i ? r.copyWidget(i) : n.key === "x" && i ? r.cutWidget(i) : n.key === "v" && (n.preventDefault(), Q()));
+			(n.metaKey || n.ctrlKey) && (n.key === "c" && i ? r.copyWidget(i) : n.key === "x" && i ? r.cutWidget(i) : n.key === "v" && (n.preventDefault(), $()));
 		};
 		return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
-	}, [F, Q]);
-	let ve = p(() => {
+	}, [F, $]);
+	let Se = p(() => {
 		v("/dashboards");
-	}, [v]), $ = p(async () => {
+	}, [v]), Ce = p(async () => {
 		if (f) {
 			w(!0), E(null);
 			try {
-				let t = e.getState(), n = Array.from(t.widgets.values()), r = t.dirtyWidgetIds, i = n.filter((e) => r.has(e.id));
-				if (i.length > 0) {
-					let e = i.map((e) => P({
+				let t = e.getState(), n = Array.from(t.widgets.values()), r = t.dirtyWidgetIds, i = t.layoutEditRevision, a = n.length === 0 ? [] : null, o = n.filter((e) => r.has(e.id));
+				if (o.length > 0) {
+					let e = o.map((e) => P({
 						id: e.id,
 						title: e.title,
 						config: e.config,
@@ -157,19 +164,23 @@ var y = f(function() {
 					}));
 					await Promise.all(e), t.clearAllDirty();
 				}
-				n.length > 0 && await L(n.map((e) => ({
-					id: e.id,
-					position: e.position || {
-						x: e.positionX ?? 0,
-						y: e.positionY ?? 0,
-						width: e.positionWidth ?? 4,
-						height: e.positionHeight ?? 4
-					}
-				}))), U && await A({
+				if (n.length > 0) {
+					let e = n.map((e) => ({
+						id: e.id,
+						position: e.position || {
+							x: e.positionX ?? 0,
+							y: e.positionY ?? 0,
+							width: e.positionWidth ?? 4,
+							height: e.positionHeight ?? 4
+						}
+					}));
+					await L(e) && (a = u(e));
+				}
+				U && await A({
 					id: f,
 					name: U.title,
 					description: U.description
-				});
+				}), a && Q(a, i);
 			} catch (e) {
 				E(e instanceof Error ? e.message : y("bigconsole.dashboards.builder.errors.saveFailed", "Failed to save dashboard"));
 			} finally {
@@ -182,14 +193,15 @@ var y = f(function() {
 		P,
 		L,
 		A,
+		Q,
 		y
-	]), ye = p(() => {
+	]), we = p(() => {
 		D(!0);
-	}, []), be = p(() => {
+	}, []), Te = p(() => {
 		D(!1);
-	}, []), xe = p((e) => {
+	}, []), Ee = p((e) => {
 		G(e);
-	}, [G]), Se = p(async () => {
+	}, [G]), De = p(async () => {
 		if (!U || !f) return;
 		let e = await R({
 			dashboardId: f,
@@ -213,7 +225,7 @@ var y = f(function() {
 		R,
 		G,
 		y
-	]), Ce = p(async (e, t) => {
+	]), Oe = p(async (e, t) => {
 		U && await z({
 			id: e,
 			name: t
@@ -228,7 +240,7 @@ var y = f(function() {
 		U,
 		H,
 		z
-	]), we = p(async (e) => {
+	]), ke = p(async (e) => {
 		if (!U || !f) return;
 		let t = U.pages.find((t) => t.id === e);
 		if (!t) return;
@@ -254,7 +266,7 @@ var y = f(function() {
 		R,
 		G,
 		y
-	]), Te = p(async (e) => {
+	]), Ae = p(async (e) => {
 		if (!(!U || U.pages.length <= 1) && await B(e)) {
 			let t = U.pages.filter((t) => t.id !== e).map((e, t) => ({
 				...e,
@@ -273,7 +285,7 @@ var y = f(function() {
 		W,
 		B,
 		G
-	]), Ee = p(async (e) => {
+	]), je = p(async (e) => {
 		!U || !f || (H({
 			...U,
 			pages: e.map((e, t) => ({
@@ -287,10 +299,10 @@ var y = f(function() {
 		H,
 		V
 	]);
-	return x ? /* @__PURE__ */ g("div", {
+	return ge ? /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center h-full",
 		children: /* @__PURE__ */ g("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" })
-	}) : pe ? M ? /* @__PURE__ */ g("div", {
+	}) : _e ? M ? /* @__PURE__ */ g("div", {
 		className: "flex h-full flex-col items-center justify-center p-6",
 		children: /* @__PURE__ */ g(i, {
 			headingLevel: 2,
@@ -302,7 +314,7 @@ var y = f(function() {
 			}),
 			className: "w-full max-w-md",
 			"data-testid": "dashboard-builder-error",
-			actions: /* @__PURE__ */ g(le, {
+			actions: /* @__PURE__ */ g(de, {
 				size: "sm",
 				onClick: () => v("/dashboards"),
 				children: y("bigconsole.dashboards.builder.actions.backToDashboards", "Back to Dashboards")
@@ -319,7 +331,7 @@ var y = f(function() {
 	}) : /* @__PURE__ */ _(re, {
 		topbar: /* @__PURE__ */ g(ne, {
 			title: U.title || y("bigconsole.dashboards.builder.header.untitledDashboard", "Untitled dashboard"),
-			onBack: ve,
+			onBack: Se,
 			actions: /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2",
 				children: [T ? /* @__PURE__ */ g("span", {
@@ -336,42 +348,42 @@ var y = f(function() {
 			})
 		}),
 		children: [
-			/* @__PURE__ */ g(te, { canvas: /* @__PURE__ */ g(u, {
+			/* @__PURE__ */ g(te, { canvas: /* @__PURE__ */ g(ae, {
 				dashboardId: U.id,
 				pageId: W || U.pages?.[0]?.id,
 				title: U.title,
-				onPaste: Q,
-				onSave: me ? $ : void 0,
+				onPaste: $,
+				onSave: x ? Ce : void 0,
 				isSaving: C,
-				onExport: he ? ye : void 0,
+				onExport: ve ? we : void 0,
 				pages: U.pages.map((e) => ({
 					id: e.id,
 					name: e.title || y("bigconsole.dashboards.builder.actions.newPageName", "Page {{count}}", { count: (e.index ?? 0) + 1 }),
 					order: e.index ?? 0
 				})),
 				activePageId: W || U.pages?.[0]?.id,
-				onPageChange: xe,
-				onPageAdd: Se,
-				onPageRename: Ce,
-				onPageDuplicate: we,
-				onPageDelete: Te,
-				onPagesReorder: Ee,
+				onPageChange: Ee,
+				onPageAdd: De,
+				onPageRename: Oe,
+				onPageDuplicate: ke,
+				onPageDelete: Ae,
+				onPagesReorder: je,
 				showPageTabs: !0
 			}) }),
-			/* @__PURE__ */ g(d, {
-				isOpen: ge,
+			/* @__PURE__ */ g(oe, {
+				isOpen: ye,
 				dashboardId: U.id,
 				dashboardName: U.title,
-				onClose: be
+				onClose: Te
 			}),
-			/* @__PURE__ */ g(ae, {
-				isOpen: _e,
+			/* @__PURE__ */ g(d, {
+				isOpen: be,
 				onClose: () => O(!1),
 				dashboardId: U.id,
 				pageId: W || U.pages?.[0]?.id || ""
 			})
 		]
-	}) : /* @__PURE__ */ g(se, {
+	}) : /* @__PURE__ */ g(le, {
 		title: y("bigconsole.dashboards.builder.errors.accessDeniedTitle", "Access Denied"),
 		description: y("bigconsole.dashboards.builder.errors.accessDeniedDescription", "You don't have permission to view this dashboard.")
 	});

package/dist/bigconsole/pages/DashboardBuilderPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashboardBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/DashboardBuilderPage.tsx"],"sourcesContent":["/*\n DashboardBuilderPage\n \n Full dashboard builder experience with side panels.\n /\n\nimport { type FC, memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useBigConsoleNavigate } from '../context';\nimport { DashboardCanvas, ExportDashboardDialog } from '../components/dashboard';\nimport { BuilderCanvas, BuilderTopbar, DashboardEditorShell } from '../components/builder';\nimport { useDashboardStore, useWidgetStore } from '../store';\nimport { useDashboardOperations, useWidgetOperations, usePageOperations } from '../hooks';\nimport { useActivePage } from '../hooks/useActivePage';\nimport { CustomWidgetBuilderSheet } from '../customWidget';\nimport { SECTION_FOCUS_RING, Section } from '../components/common';\nimport type { Dashboard, DashboardPage } from '../types';\nimport { findNextAvailablePosition } from '../utils/widgetPositioning';\nimport { loadBigConsoleSettings } from '../hooks/useBigConsoleSettings';\n\n// Breadcrumb name registration helpers (get from shell at call time to avoid timing issues)\nfunction getBreadcrumbRegistry() {\n try {\n return (\n window as unknown as {\n __breadcrumbRegistry?: { register: (id: string, name: string) => void; unregister: (id: string) => void };\n }\n ).__breadcrumbRegistry;\n } catch {\n return undefined;\n }\n}\n\nfunction registerBreadcrumbName(id: string, name: string) {\n const registry = getBreadcrumbRegistry();\n if (registry?.register) {\n registry.register(id, name);\n }\n}\n\nfunction unregisterBreadcrumbName(id: string) {\n const registry = getBreadcrumbRegistry();\n if (registry?.unregister) {\n registry.unregister(id);\n }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DashboardBuilderPage: FC = memo(function DashboardBuilderPage() {\n const { dashboardId } = useParams<{ dashboardId: string }>();\n const navigate = useBigConsoleNavigate();\n const { t } = useI18n();\n\n // RBAC gating. The builder is the edit surface: a read gate blocks it for\n // callers without dashboard read access, and action gates hide Save/Export and\n // the AI-widget (widget-create) control for callers lacking those permissions.\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_READ);\n const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_UPDATE);\n const canExport = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_EXPORT);\n const canCreateWidget = hasPermission(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE);\n\n const [isSaving, setIsSaving] = useState(false);\n const [saveError, setSaveError] = useState<string \| null>(null);\n const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n // BOFF-5532: AI custom-widget authoring/review surface.\n const [isCustomWidgetBuilderOpen, setIsCustomWidgetBuilderOpen] = useState(false);\n\n // Dashboard operations from GraphQL\n const {\n fetchDashboard,\n updateDashboard,\n loading: dashboardLoading,\n error: dashboardError,\n } = useDashboardOperations();\n\n // Widget operations from GraphQL\n const {\n createWidget: createWidgetMutation,\n updateWidget: updateWidgetMutation,\n deleteWidget: deleteWidgetMutation,\n duplicateWidget: duplicateWidgetMutation,\n batchUpdatePositions,\n } = useWidgetOperations(undefined, dashboardId);\n\n // Page operations from GraphQL\n const {\n createPage: createPageMutation,\n updatePage: updatePageMutation,\n deletePage: deletePageMutation,\n reorderPages: reorderPagesMutation,\n } = usePageOperations();\n\n // Store actions\n const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n // Active page lives in the URL (`?page=`), shared with the viewer route, so\n // page switches and in-builder drilldowns are Back-able (BOFF-7625).\n const { activePageId, setActivePage } = useActivePage(\n currentDashboard?.id === dashboardId ? currentDashboard?.pages : undefined\n );\n const setViewMode = useDashboardStore((state) => state.setViewMode);\n const selectWidget = useWidgetStore((state) => state.selectWidget);\n const widgets = useWidgetStore((state) => state.widgets);\n const clipboardWidgetId = useWidgetStore((state) => state.clipboardWidgetId);\n const clipboardAction = useWidgetStore((state) => state.clipboardAction);\n const clearClipboard = useWidgetStore((state) => state.clearClipboard);\n\n // Set edit mode on mount\n useEffect(() => {\n setViewMode('edit');\n return () => setViewMode('view');\n }, [setViewMode]);\n\n // Load dashboard data from API\n useEffect(() => {\n if (!dashboardId) {\n navigate('/dashboards');\n return;\n }\n\n // Fetch dashboard from API\n fetchDashboard(dashboardId).then((dashboard) => {\n if (dashboard) {\n const builderDashboard: Dashboard = {\n ...dashboard,\n title: dashboard.name,\n description: dashboard.description ?? '',\n pages: dashboard.pages.map((page, index) => ({\n ...page,\n id: page.id,\n title: page.name ?? '',\n index,\n layoutConfig: page.layoutConfig ?? {},\n })),\n };\n setCurrentDashboard(builderDashboard);\n\n // Register dashboard name for breadcrumb display\n if (dashboard.name) {\n registerBreadcrumbName(dashboardId, dashboard.name);\n }\n } else {\n // Dashboard not found, redirect\n navigate('/dashboards');\n }\n });\n\n // Cleanup: unregister breadcrumb name on unmount\n return () => {\n if (dashboardId) {\n unregisterBreadcrumbName(dashboardId);\n }\n };\n }, [dashboardId, navigate, setCurrentDashboard, fetchDashboard]);\n\n // Handle paste widget from clipboard\n const handlePaste = useCallback(async () => {\n const pageId = activePageId ?? currentDashboard?.pages?.[0]?.id;\n if (!clipboardWidgetId \|\| !dashboardId \|\| !pageId) {\n return;\n }\n\n const sourceWidget = widgets.get(clipboardWidgetId);\n if (!sourceWidget) {\n clearClipboard();\n return;\n }\n\n // Use smart placement algorithm - horizontal first, then next row\n const widgetsArray = Array.from(widgets.values()).filter((widget) => widget.pageId === pageId);\n const gridColumns = currentDashboard?.pages.find((page) => page.id === pageId)?.gridColumns ?? 12;\n const widgetSize = {\n width: Math.min(sourceWidget.positionWidth ?? 4, gridColumns),\n height: sourceWidget.positionHeight ?? 4,\n };\n\n const { x, y } = findNextAvailablePosition(widgetsArray, widgetSize, { cols: gridColumns });\n\n const newPosition = {\n x,\n y,\n width: widgetSize.width,\n height: widgetSize.height,\n };\n\n const newTitle =\n clipboardAction === 'copy'\n ? t('bigconsole.dashboards.builder.actions.copySuffix', '{{title}} (Copy)', { title: sourceWidget.title })\n : sourceWidget.title;\n\n // Try duplicateWidget API first. A null result intentionally falls through\n // to the create mutation for older backends without duplicate support.\n let newWidget = await duplicateWidgetMutation(clipboardWidgetId, newPosition, newTitle).catch(() => null);\n\n // Fallback: Create new widget with source widget's data\n if (!newWidget) {\n newWidget = await createWidgetMutation({\n pageId,\n dashboardId,\n type: sourceWidget.type,\n title: newTitle,\n description: sourceWidget.description,\n // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n dataSinkId: sourceWidget.dataSinkId ?? undefined,\n datasetId: sourceWidget.datasetId ?? undefined,\n parserId: sourceWidget.parserId ?? undefined,\n parserRules: sourceWidget.parserRules ?? undefined,\n config: sourceWidget.config \|\| {},\n position: newPosition,\n refreshInterval: sourceWidget.refreshInterval ?? undefined,\n metadata: sourceWidget.metadata,\n });\n }\n\n if (newWidget) {\n selectWidget(newWidget.id);\n\n // If cut action, delete the original widget from backend\n if (clipboardAction === 'cut') {\n await deleteWidgetMutation(clipboardWidgetId);\n }\n }\n\n clearClipboard();\n }, [\n clipboardWidgetId,\n clipboardAction,\n dashboardId,\n activePageId,\n currentDashboard,\n widgets,\n duplicateWidgetMutation,\n createWidgetMutation,\n deleteWidgetMutation,\n selectWidget,\n clearClipboard,\n t,\n ]);\n\n // Keyboard shortcuts for canvas editing. Each shortcut is backed by the exact\n // same operation the on-screen controls use, so no new state path is\n // introduced — Delete/⌫ removes the selected widget, ⌘/Ctrl+C/X copy/cut it,\n // ⌘/Ctrl+V pastes, Esc deselects. State is read fresh from the stores at\n // event time (not via closure) so a keypress right after selecting is never\n // stale. Typing in form fields and dialog/sheet surfaces is never hijacked.\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (useDashboardStore.getState().viewMode !== 'edit') return;\n\n // Never hijack text entry (including fields inside the docked panel).\n const target = e.target as HTMLElement \| null;\n if (target?.closest('input, textarea, select, [contenteditable=\"true\"]')) {\n return;\n }\n // Don't act while a modal dialog is open (e.g. the Add Widget wizard,\n // which renders an overlay). The properties panel is a non-modal Sheet\n // with no overlay, so canvas shortcuts stay live while it is focused.\n if (document.querySelector('[data-slot=\"dialog-overlay\"]')) {\n return;\n }\n\n const widgetStore = useWidgetStore.getState();\n const selectedId = widgetStore.selectedWidgetId;\n\n if (e.key === 'Escape') {\n widgetStore.selectWidget(null);\n return;\n }\n\n if ((e.key === 'Delete' \|\| e.key === 'Backspace') && selectedId) {\n e.preventDefault();\n void deleteWidgetMutation(selectedId);\n widgetStore.selectWidget(null);\n return;\n }\n\n if (!(e.metaKey \|\| e.ctrlKey)) return;\n\n if (e.key === 'c' && selectedId) {\n widgetStore.copyWidget(selectedId);\n } else if (e.key === 'x' && selectedId) {\n widgetStore.cutWidget(selectedId);\n } else if (e.key === 'v') {\n e.preventDefault();\n void handlePaste();\n }\n };\n\n // Capture phase: the app shell and Radix also register document keydown\n // listeners; intercepting here keeps the builder's editing keys reliable.\n // Only the keys we handle are preventDefault-ed, so global shortcuts\n // (e.g. \"g a\" navigation) are left untouched.\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [deleteWidgetMutation, handlePaste]);\n\n // Navigate back to the dashboards list\n const handleBack = useCallback(() => {\n navigate('/dashboards');\n }, [navigate]);\n\n // Handle save - save dirty widgets and batch update positions\n const handleSave = useCallback(async () => {\n if (!dashboardId) return;\n\n setIsSaving(true);\n setSaveError(null);\n try {\n // Get the LATEST state directly from store (avoid stale closure)\n const storeState = useWidgetStore.getState();\n const currentWidgets = Array.from(storeState.widgets.values());\n const currentDirtyIds = storeState.dirtyWidgetIds;\n\n // Debug: Log dirty widget IDs\n\n // 1. Save dirty widgets (property changes like title, config, etc.)\n const dirtyWidgets = currentWidgets.filter((w) => currentDirtyIds.has(w.id));\n\n if (dirtyWidgets.length > 0) {\n // Save each dirty widget\n const updatePromises = dirtyWidgets.map((widget) => {\n const updateInput = {\n id: widget.id,\n title: widget.title,\n config: widget.config,\n refreshInterval: widget.refreshInterval ?? undefined,\n // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n dataSinkId: widget.dataSinkId ?? undefined,\n datasetId: widget.datasetId ?? undefined,\n parserId: widget.parserId ?? undefined,\n parserRules: widget.parserRules ?? undefined,\n };\n\n return updateWidgetMutation(updateInput);\n });\n\n await Promise.all(updatePromises);\n\n // Clear dirty flags after successful save\n storeState.clearAllDirty();\n }\n\n // 2. Batch update widget positions\n if (currentWidgets.length > 0) {\n const positionUpdates = currentWidgets.map((widget) => ({\n id: widget.id,\n position: widget.position \|\| {\n x: widget.positionX ?? 0,\n y: widget.positionY ?? 0,\n width: widget.positionWidth ?? 4,\n height: widget.positionHeight ?? 4,\n },\n }));\n\n await batchUpdatePositions(positionUpdates);\n }\n\n // 3. Update dashboard metadata if needed\n if (currentDashboard) {\n await updateDashboard({\n id: dashboardId,\n name: currentDashboard.title,\n description: currentDashboard.description,\n });\n }\n } catch (error) {\n setSaveError(\n error instanceof Error\n ? error.message\n : t('bigconsole.dashboards.builder.errors.saveFailed', 'Failed to save dashboard')\n );\n } finally {\n setIsSaving(false);\n }\n }, [dashboardId, currentDashboard, updateWidgetMutation, batchUpdatePositions, updateDashboard, t]);\n\n // Handle export\n const handleExport = useCallback(() => {\n setIsExportDialogOpen(true);\n }, []);\n\n const handleExportClose = useCallback(() => {\n setIsExportDialogOpen(false);\n }, []);\n\n // ============================================================================\n // Page Management Callbacks\n // ============================================================================\n\n // Handle page selection\n const handlePageChange = useCallback(\n (pageId: string) => {\n setActivePage(pageId);\n },\n [setActivePage]\n );\n\n // Handle adding a new page\n const handlePageAdd = useCallback(async () => {\n if (!currentDashboard \|\| !dashboardId) return;\n\n const newPageCount = currentDashboard.pages.length + 1;\n const newPageName = t('bigconsole.dashboards.builder.actions.newPageName', 'Page {{count}}', {\n count: newPageCount,\n });\n\n // Call GraphQL mutation to create page\n // Note: 'order' is not available for create - backend auto-assigns order\n const newPage = await createPageMutation({\n dashboardId,\n name: newPageName,\n gridColumns: loadBigConsoleSettings().defaultGridColumns,\n });\n\n if (newPage) {\n // Update local state with the created page\n setCurrentDashboard({\n ...currentDashboard,\n pages: [\n ...currentDashboard.pages,\n {\n id: newPage.id,\n title: newPage.name,\n index: newPage.order,\n layoutConfig: newPage.layoutConfig \|\| {},\n gridColumns: newPage.gridColumns,\n },\n ],\n });\n\n // Switch to the new page\n setActivePage(newPage.id);\n }\n }, [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation, setActivePage, t]);\n\n // Handle renaming a page\n const handlePageRename = useCallback(\n async (pageId: string, newName: string) => {\n if (!currentDashboard) return;\n\n // Call GraphQL mutation to update page\n const updatedPage = await updatePageMutation({\n id: pageId,\n name: newName,\n });\n\n if (updatedPage) {\n setCurrentDashboard({\n ...currentDashboard,\n pages: currentDashboard.pages.map((page) => (page.id === pageId ? { ...page, title: newName } : page)),\n });\n }\n },\n [currentDashboard, setCurrentDashboard, updatePageMutation]\n );\n\n // Handle duplicating a page\n const handlePageDuplicate = useCallback(\n async (pageId: string) => {\n if (!currentDashboard \|\| !dashboardId) return;\n\n const sourcePage = currentDashboard.pages.find((p) => p.id === pageId);\n if (!sourcePage) return;\n\n // Call GraphQL mutation to create a copy of the page\n // Note: 'order' is not available for create - backend auto-assigns order\n // Note: 'layout' should be PageLayout enum ('GRID', 'FLEX', 'FREEFORM'), not layoutConfig object\n const newPage = await createPageMutation({\n dashboardId,\n gridColumns: sourcePage.gridColumns,\n name: t('bigconsole.dashboards.builder.actions.copySuffix', '{{title}} (Copy)', {\n title: sourcePage.title ?? '',\n }),\n });\n\n if (newPage) {\n setCurrentDashboard({\n ...currentDashboard,\n pages: [\n ...currentDashboard.pages,\n {\n id: newPage.id,\n title: newPage.name,\n index: newPage.order,\n layoutConfig: newPage.layoutConfig \|\| {},\n gridColumns: newPage.gridColumns,\n },\n ],\n });\n\n setActivePage(newPage.id);\n }\n },\n [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation, setActivePage, t]\n );\n\n // Handle deleting a page\n const handlePageDelete = useCallback(\n async (pageId: string) => {\n if (!currentDashboard \|\| currentDashboard.pages.length <= 1) return;\n\n // Call GraphQL mutation to delete page\n const success = await deletePageMutation(pageId);\n\n if (success) {\n const updatedPages = currentDashboard.pages.filter((p) => p.id !== pageId).map((p, index) => ({ ...p, index }));\n\n setCurrentDashboard({\n ...currentDashboard,\n pages: updatedPages,\n });\n\n // Switch to first page if current page was deleted (replace: Back must\n // not return to a page that no longer exists).\n const firstPageId = updatedPages[0]?.id;\n if (activePageId === pageId && firstPageId) {\n setActivePage(firstPageId, { replace: true });\n }\n }\n },\n [currentDashboard, setCurrentDashboard, activePageId, deletePageMutation, setActivePage]\n );\n\n // Handle reordering pages\n const handlePagesReorder = useCallback(\n async (reorderedPages: DashboardPage[]) => {\n if (!currentDashboard \|\| !dashboardId) return;\n\n // Update local state optimistically\n setCurrentDashboard({\n ...currentDashboard,\n pages: reorderedPages.map((page, index) => ({\n ...page,\n index,\n })),\n });\n\n // Call GraphQL mutation to persist the reorder\n const pageIds = reorderedPages.map((p) => p.id);\n await reorderPagesMutation(dashboardId, pageIds);\n },\n [currentDashboard, dashboardId, setCurrentDashboard, reorderPagesMutation]\n );\n\n // Permission read gate — resolve the provider first, then block the builder\n // for callers without dashboard read access. Kept ahead of error/loading\n // returns so an unauthorized caller never reaches the edit surface.\n if (permissionsLoading) {\n return (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n </div>\n );\n }\n\n if (!canRead) {\n return (\n <AccessDenied\n title={t('bigconsole.dashboards.builder.errors.accessDeniedTitle', 'Access Denied')}\n description={t(\n 'bigconsole.dashboards.builder.errors.accessDeniedDescription',\n \"You don't have permission to view this dashboard.\"\n )}\n />\n );\n }\n\n // Show error state\n if (dashboardError) {\n return (\n <div className=\"flex h-full flex-col items-center justify-center p-6\">\n <Section\n headingLevel={2}\n tone=\"danger\"\n title={t('bigconsole.dashboards.builder.errors.loadFailed', 'Failed to load dashboard')}\n description={<span className=\"break-words\">{dashboardError.message}</span>}\n className=\"w-full max-w-md\"\n data-testid=\"dashboard-builder-error\"\n actions={\n <Button size=\"sm\" onClick={() => navigate('/dashboards')}>\n {t('bigconsole.dashboards.builder.actions.backToDashboards', 'Back to Dashboards')}\n </Button>\n }\n />\n </div>\n );\n }\n\n // Show loading state\n if (dashboardLoading \|\| !currentDashboard) {\n return (\n <div className=\"flex items-center justify-center h-full\" role=\"status\" aria-live=\"polite\">\n <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n <span className=\"sr-only\">Loading dashboard…</span>\n </div>\n );\n }\n\n return (\n <DashboardEditorShell\n topbar={\n <BuilderTopbar\n title={\n currentDashboard.title \|\| t('bigconsole.dashboards.builder.header.untitledDashboard', 'Untitled dashboard')\n }\n onBack={handleBack}\n actions={\n <div className=\"flex items-center gap-2\">\n {saveError ? (\n <span className=\"text-xs font-medium text-status-error-text\" role=\"alert\">\n {saveError}\n </span>\n ) : null}\n {/ AI custom-widget authoring creates a widget → gate on WIDGET_CREATE. */}\n {canCreateWidget ? (\n <button\n type=\"button\"\n data-testid=\"open-custom-widget-builder\"\n onClick={() => setIsCustomWidgetBuilderOpen(true)}\n className={`inline-flex min-h-control-md items-center rounded-button border border-[var(--color-border-subtle)] px-2 py-1 text-xs font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n >\n {t('bigconsole.dashboards.builder.toolbar.aiWidget', 'AI widget')}\n </button>\n ) : null}\n </div>\n }\n />\n }\n >\n <BuilderCanvas\n canvas={\n <DashboardCanvas\n dashboardId={currentDashboard.id}\n pageId={activePageId \|\| currentDashboard.pages?.[0]?.id}\n title={currentDashboard.title}\n onPaste={handlePaste}\n // Gate action controls: DashboardToolbar renders each button only\n // when its handler is defined, so passing undefined hides the\n // control for callers lacking the permission.\n onSave={canUpdate ? handleSave : undefined}\n isSaving={isSaving}\n onExport={canExport ? handleExport : undefined}\n // Page tabs props\n pages={currentDashboard.pages.map((page) => ({\n id: page.id,\n name:\n page.title \|\|\n t('bigconsole.dashboards.builder.actions.newPageName', 'Page {{count}}', {\n count: (page.index ?? 0) + 1,\n }),\n order: page.index ?? 0,\n }))}\n activePageId={activePageId \|\| currentDashboard.pages?.[0]?.id}\n onPageChange={handlePageChange}\n onPageAdd={handlePageAdd}\n onPageRename={handlePageRename}\n onPageDuplicate={handlePageDuplicate}\n onPageDelete={handlePageDelete}\n onPagesReorder={handlePagesReorder}\n showPageTabs={true}\n />\n }\n />\n\n <ExportDashboardDialog\n isOpen={isExportDialogOpen}\n dashboardId={currentDashboard.id}\n dashboardName={currentDashboard.title}\n onClose={handleExportClose}\n />\n\n <CustomWidgetBuilderSheet\n isOpen={isCustomWidgetBuilderOpen}\n onClose={() => setIsCustomWidgetBuilderOpen(false)}\n dashboardId={currentDashboard.id}\n pageId={activePageId \|\| currentDashboard.pages?.[0]?.id \|\| ''}\n />\n </DashboardEditorShell>\n );\n});\n\nexport default DashboardBuilderPage;\n"],"mappings":"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"}
1	+ {"version":3,"file":"DashboardBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/DashboardBuilderPage.tsx"],"sourcesContent":["/*\n DashboardBuilderPage\n \n Full dashboard builder experience with side panels.\n /\n\nimport { type FC, memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useUnsavedChanges } from '@burdenoff/fe-libs/shared/hooks';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useBigConsoleNavigate } from '../context';\nimport { DashboardCanvas, ExportDashboardDialog } from '../components/dashboard';\nimport { BuilderCanvas, BuilderTopbar, DashboardEditorShell } from '../components/builder';\nimport { useDashboardStore, useWidgetStore } from '../store';\nimport { useDashboardOperations, useWidgetOperations, usePageOperations } from '../hooks';\nimport { useActivePage } from '../hooks/useActivePage';\nimport { useDashboardLayoutBaseline } from '../hooks/useDashboardLayoutBaseline';\nimport { CustomWidgetBuilderSheet } from '../customWidget';\nimport { SECTION_FOCUS_RING, Section } from '../components/common';\nimport type { Dashboard, DashboardPage } from '../types';\nimport { findNextAvailablePosition } from '../utils/widgetPositioning';\nimport { layoutItemsFromPositionUpdates, type LayoutItem } from '../utils/layoutBaseline';\nimport { loadBigConsoleSettings } from '../hooks/useBigConsoleSettings';\n\n// Breadcrumb name registration helpers (get from shell at call time to avoid timing issues)\nfunction getBreadcrumbRegistry() {\n try {\n return (\n window as unknown as {\n __breadcrumbRegistry?: { register: (id: string, name: string) => void; unregister: (id: string) => void };\n }\n ).__breadcrumbRegistry;\n } catch {\n return undefined;\n }\n}\n\nfunction registerBreadcrumbName(id: string, name: string) {\n const registry = getBreadcrumbRegistry();\n if (registry?.register) {\n registry.register(id, name);\n }\n}\n\nfunction unregisterBreadcrumbName(id: string) {\n const registry = getBreadcrumbRegistry();\n if (registry?.unregister) {\n registry.unregister(id);\n }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DashboardBuilderPage: FC = memo(function DashboardBuilderPage() {\n const { dashboardId } = useParams<{ dashboardId: string }>();\n const navigate = useBigConsoleNavigate();\n const { t } = useI18n();\n\n // RBAC gating. The builder is the edit surface: a read gate blocks it for\n // callers without dashboard read access, and action gates hide Save/Export and\n // the AI-widget (widget-create) control for callers lacking those permissions.\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_READ);\n const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_UPDATE);\n const canExport = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_EXPORT);\n const canCreateWidget = hasPermission(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE);\n\n const [isSaving, setIsSaving] = useState(false);\n const [saveError, setSaveError] = useState<string \| null>(null);\n const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n // BOFF-5532: AI custom-widget authoring/review surface.\n const [isCustomWidgetBuilderOpen, setIsCustomWidgetBuilderOpen] = useState(false);\n\n // Dashboard operations from GraphQL\n const {\n fetchDashboard,\n updateDashboard,\n loading: dashboardLoading,\n error: dashboardError,\n } = useDashboardOperations();\n\n // Widget operations from GraphQL\n const {\n createWidget: createWidgetMutation,\n updateWidget: updateWidgetMutation,\n deleteWidget: deleteWidgetMutation,\n duplicateWidget: duplicateWidgetMutation,\n batchUpdatePositions,\n } = useWidgetOperations(undefined, dashboardId);\n\n // Page operations from GraphQL\n const {\n createPage: createPageMutation,\n updatePage: updatePageMutation,\n deletePage: deletePageMutation,\n reorderPages: reorderPagesMutation,\n } = usePageOperations();\n\n // Store actions\n const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n // Active page lives in the URL (`?page=`), shared with the viewer route, so\n // page switches and in-builder drilldowns are Back-able (BOFF-7625).\n const { activePageId, setActivePage } = useActivePage(\n currentDashboard?.id === dashboardId ? currentDashboard?.pages : undefined\n );\n const setViewMode = useDashboardStore((state) => state.setViewMode);\n const selectWidget = useWidgetStore((state) => state.selectWidget);\n const widgets = useWidgetStore((state) => state.widgets);\n const clipboardWidgetId = useWidgetStore((state) => state.clipboardWidgetId);\n const clipboardAction = useWidgetStore((state) => state.clipboardAction);\n const clearClipboard = useWidgetStore((state) => state.clearClipboard);\n\n // N3/N4 (BOFF-8060): tell the assistant while moved or resized widgets are not saved, so it\n // never navigates away from them. The builder's own flags are dead (`dirtyWidgetIds` is never\n // marked, `dashboardStore.hasUnsavedChanges` is never cleared), so the layout is compared to a\n // baseline instead. Save is only offered with the update permission, so without it nothing here\n // can be saved and nothing is reported.\n const { dirty: layoutDirty, markSaved: markLayoutSaved } = useDashboardLayoutBaseline(dashboardId);\n useUnsavedChanges({\n id: 'dashboard-editor',\n label: t('bigconsole.assistant.unsaved.dashboardEditor', 'the dashboard editor'),\n dirty: canUpdate && layoutDirty,\n });\n\n // Set edit mode on mount\n useEffect(() => {\n setViewMode('edit');\n return () => setViewMode('view');\n }, [setViewMode]);\n\n // Load dashboard data from API\n useEffect(() => {\n if (!dashboardId) {\n navigate('/dashboards');\n return;\n }\n\n // Fetch dashboard from API\n fetchDashboard(dashboardId).then((dashboard) => {\n if (dashboard) {\n const builderDashboard: Dashboard = {\n ...dashboard,\n title: dashboard.name,\n description: dashboard.description ?? '',\n pages: dashboard.pages.map((page, index) => ({\n ...page,\n id: page.id,\n title: page.name ?? '',\n index,\n layoutConfig: page.layoutConfig ?? {},\n })),\n };\n setCurrentDashboard(builderDashboard);\n\n // Register dashboard name for breadcrumb display\n if (dashboard.name) {\n registerBreadcrumbName(dashboardId, dashboard.name);\n }\n } else {\n // Dashboard not found, redirect\n navigate('/dashboards');\n }\n });\n\n // Cleanup: unregister breadcrumb name on unmount\n return () => {\n if (dashboardId) {\n unregisterBreadcrumbName(dashboardId);\n }\n };\n }, [dashboardId, navigate, setCurrentDashboard, fetchDashboard]);\n\n // Handle paste widget from clipboard\n const handlePaste = useCallback(async () => {\n const pageId = activePageId ?? currentDashboard?.pages?.[0]?.id;\n if (!clipboardWidgetId \|\| !dashboardId \|\| !pageId) {\n return;\n }\n\n const sourceWidget = widgets.get(clipboardWidgetId);\n if (!sourceWidget) {\n clearClipboard();\n return;\n }\n\n // Use smart placement algorithm - horizontal first, then next row\n const widgetsArray = Array.from(widgets.values()).filter((widget) => widget.pageId === pageId);\n const gridColumns = currentDashboard?.pages.find((page) => page.id === pageId)?.gridColumns ?? 12;\n const widgetSize = {\n width: Math.min(sourceWidget.positionWidth ?? 4, gridColumns),\n height: sourceWidget.positionHeight ?? 4,\n };\n\n const { x, y } = findNextAvailablePosition(widgetsArray, widgetSize, { cols: gridColumns });\n\n const newPosition = {\n x,\n y,\n width: widgetSize.width,\n height: widgetSize.height,\n };\n\n const newTitle =\n clipboardAction === 'copy'\n ? t('bigconsole.dashboards.builder.actions.copySuffix', '{{title}} (Copy)', { title: sourceWidget.title })\n : sourceWidget.title;\n\n // Try duplicateWidget API first. A null result intentionally falls through\n // to the create mutation for older backends without duplicate support.\n let newWidget = await duplicateWidgetMutation(clipboardWidgetId, newPosition, newTitle).catch(() => null);\n\n // Fallback: Create new widget with source widget's data\n if (!newWidget) {\n newWidget = await createWidgetMutation({\n pageId,\n dashboardId,\n type: sourceWidget.type,\n title: newTitle,\n description: sourceWidget.description,\n // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n dataSinkId: sourceWidget.dataSinkId ?? undefined,\n datasetId: sourceWidget.datasetId ?? undefined,\n parserId: sourceWidget.parserId ?? undefined,\n parserRules: sourceWidget.parserRules ?? undefined,\n config: sourceWidget.config \|\| {},\n position: newPosition,\n refreshInterval: sourceWidget.refreshInterval ?? undefined,\n metadata: sourceWidget.metadata,\n });\n }\n\n if (newWidget) {\n selectWidget(newWidget.id);\n\n // If cut action, delete the original widget from backend\n if (clipboardAction === 'cut') {\n await deleteWidgetMutation(clipboardWidgetId);\n }\n }\n\n clearClipboard();\n }, [\n clipboardWidgetId,\n clipboardAction,\n dashboardId,\n activePageId,\n currentDashboard,\n widgets,\n duplicateWidgetMutation,\n createWidgetMutation,\n deleteWidgetMutation,\n selectWidget,\n clearClipboard,\n t,\n ]);\n\n // Keyboard shortcuts for canvas editing. Each shortcut is backed by the exact\n // same operation the on-screen controls use, so no new state path is\n // introduced — Delete/⌫ removes the selected widget, ⌘/Ctrl+C/X copy/cut it,\n // ⌘/Ctrl+V pastes, Esc deselects. State is read fresh from the stores at\n // event time (not via closure) so a keypress right after selecting is never\n // stale. Typing in form fields and dialog/sheet surfaces is never hijacked.\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (useDashboardStore.getState().viewMode !== 'edit') return;\n\n // Never hijack text entry (including fields inside the docked panel).\n const target = e.target as HTMLElement \| null;\n if (target?.closest('input, textarea, select, [contenteditable=\"true\"]')) {\n return;\n }\n // Don't act while a modal dialog is open (e.g. the Add Widget wizard,\n // which renders an overlay). The properties panel is a non-modal Sheet\n // with no overlay, so canvas shortcuts stay live while it is focused.\n if (document.querySelector('[data-slot=\"dialog-overlay\"]')) {\n return;\n }\n\n const widgetStore = useWidgetStore.getState();\n const selectedId = widgetStore.selectedWidgetId;\n\n if (e.key === 'Escape') {\n widgetStore.selectWidget(null);\n return;\n }\n\n if ((e.key === 'Delete' \|\| e.key === 'Backspace') && selectedId) {\n e.preventDefault();\n void deleteWidgetMutation(selectedId);\n widgetStore.selectWidget(null);\n return;\n }\n\n if (!(e.metaKey \|\| e.ctrlKey)) return;\n\n if (e.key === 'c' && selectedId) {\n widgetStore.copyWidget(selectedId);\n } else if (e.key === 'x' && selectedId) {\n widgetStore.cutWidget(selectedId);\n } else if (e.key === 'v') {\n e.preventDefault();\n void handlePaste();\n }\n };\n\n // Capture phase: the app shell and Radix also register document keydown\n // listeners; intercepting here keeps the builder's editing keys reliable.\n // Only the keys we handle are preventDefault-ed, so global shortcuts\n // (e.g. \"g a\" navigation) are left untouched.\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [deleteWidgetMutation, handlePaste]);\n\n // Navigate back to the dashboards list\n const handleBack = useCallback(() => {\n navigate('/dashboards');\n }, [navigate]);\n\n // Handle save - save dirty widgets and batch update positions\n const handleSave = useCallback(async () => {\n if (!dashboardId) return;\n\n setIsSaving(true);\n setSaveError(null);\n try {\n // Get the LATEST state directly from store (avoid stale closure)\n const storeState = useWidgetStore.getState();\n const currentWidgets = Array.from(storeState.widgets.values());\n const currentDirtyIds = storeState.dirtyWidgetIds;\n // The placement counter as of the positions read above: a placement made while the\n // request is in flight must stay unsaved.\n const layoutRevisionAtSave = storeState.layoutEditRevision;\n // Set only when the positions really reached the server.\n let savedLayout: LayoutItem[] \| null = currentWidgets.length === 0 ? [] : null;\n\n // Debug: Log dirty widget IDs\n\n // 1. Save dirty widgets (property changes like title, config, etc.)\n const dirtyWidgets = currentWidgets.filter((w) => currentDirtyIds.has(w.id));\n\n if (dirtyWidgets.length > 0) {\n // Save each dirty widget\n const updatePromises = dirtyWidgets.map((widget) => {\n const updateInput = {\n id: widget.id,\n title: widget.title,\n config: widget.config,\n refreshInterval: widget.refreshInterval ?? undefined,\n // v2.0: Use dataSinkId and parserId instead of dataSourceId/dataPath\n dataSinkId: widget.dataSinkId ?? undefined,\n datasetId: widget.datasetId ?? undefined,\n parserId: widget.parserId ?? undefined,\n parserRules: widget.parserRules ?? undefined,\n };\n\n return updateWidgetMutation(updateInput);\n });\n\n await Promise.all(updatePromises);\n\n // Clear dirty flags after successful save\n storeState.clearAllDirty();\n }\n\n // 2. Batch update widget positions\n if (currentWidgets.length > 0) {\n const positionUpdates = currentWidgets.map((widget) => ({\n id: widget.id,\n position: widget.position \|\| {\n x: widget.positionX ?? 0,\n y: widget.positionY ?? 0,\n width: widget.positionWidth ?? 4,\n height: widget.positionHeight ?? 4,\n },\n }));\n\n // `batchUpdatePositions` never throws: it answers `false` when the server refused.\n if (await batchUpdatePositions(positionUpdates)) {\n savedLayout = layoutItemsFromPositionUpdates(positionUpdates);\n }\n }\n\n // 3. Update dashboard metadata if needed\n if (currentDashboard) {\n await updateDashboard({\n id: dashboardId,\n name: currentDashboard.title,\n description: currentDashboard.description,\n });\n }\n\n // Re-take the layout baseline on success only; a failed save stays unsaved.\n if (savedLayout) {\n markLayoutSaved(savedLayout, layoutRevisionAtSave);\n }\n } catch (error) {\n setSaveError(\n error instanceof Error\n ? error.message\n : t('bigconsole.dashboards.builder.errors.saveFailed', 'Failed to save dashboard')\n );\n } finally {\n setIsSaving(false);\n }\n }, [dashboardId, currentDashboard, updateWidgetMutation, batchUpdatePositions, updateDashboard, markLayoutSaved, t]);\n\n // Handle export\n const handleExport = useCallback(() => {\n setIsExportDialogOpen(true);\n }, []);\n\n const handleExportClose = useCallback(() => {\n setIsExportDialogOpen(false);\n }, []);\n\n // ============================================================================\n // Page Management Callbacks\n // ============================================================================\n\n // Handle page selection\n const handlePageChange = useCallback(\n (pageId: string) => {\n setActivePage(pageId);\n },\n [setActivePage]\n );\n\n // Handle adding a new page\n const handlePageAdd = useCallback(async () => {\n if (!currentDashboard \|\| !dashboardId) return;\n\n const newPageCount = currentDashboard.pages.length + 1;\n const newPageName = t('bigconsole.dashboards.builder.actions.newPageName', 'Page {{count}}', {\n count: newPageCount,\n });\n\n // Call GraphQL mutation to create page\n // Note: 'order' is not available for create - backend auto-assigns order\n const newPage = await createPageMutation({\n dashboardId,\n name: newPageName,\n gridColumns: loadBigConsoleSettings().defaultGridColumns,\n });\n\n if (newPage) {\n // Update local state with the created page\n setCurrentDashboard({\n ...currentDashboard,\n pages: [\n ...currentDashboard.pages,\n {\n id: newPage.id,\n title: newPage.name,\n index: newPage.order,\n layoutConfig: newPage.layoutConfig \|\| {},\n gridColumns: newPage.gridColumns,\n },\n ],\n });\n\n // Switch to the new page\n setActivePage(newPage.id);\n }\n }, [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation, setActivePage, t]);\n\n // Handle renaming a page\n const handlePageRename = useCallback(\n async (pageId: string, newName: string) => {\n if (!currentDashboard) return;\n\n // Call GraphQL mutation to update page\n const updatedPage = await updatePageMutation({\n id: pageId,\n name: newName,\n });\n\n if (updatedPage) {\n setCurrentDashboard({\n ...currentDashboard,\n pages: currentDashboard.pages.map((page) => (page.id === pageId ? { ...page, title: newName } : page)),\n });\n }\n },\n [currentDashboard, setCurrentDashboard, updatePageMutation]\n );\n\n // Handle duplicating a page\n const handlePageDuplicate = useCallback(\n async (pageId: string) => {\n if (!currentDashboard \|\| !dashboardId) return;\n\n const sourcePage = currentDashboard.pages.find((p) => p.id === pageId);\n if (!sourcePage) return;\n\n // Call GraphQL mutation to create a copy of the page\n // Note: 'order' is not available for create - backend auto-assigns order\n // Note: 'layout' should be PageLayout enum ('GRID', 'FLEX', 'FREEFORM'), not layoutConfig object\n const newPage = await createPageMutation({\n dashboardId,\n gridColumns: sourcePage.gridColumns,\n name: t('bigconsole.dashboards.builder.actions.copySuffix', '{{title}} (Copy)', {\n title: sourcePage.title ?? '',\n }),\n });\n\n if (newPage) {\n setCurrentDashboard({\n ...currentDashboard,\n pages: [\n ...currentDashboard.pages,\n {\n id: newPage.id,\n title: newPage.name,\n index: newPage.order,\n layoutConfig: newPage.layoutConfig \|\| {},\n gridColumns: newPage.gridColumns,\n },\n ],\n });\n\n setActivePage(newPage.id);\n }\n },\n [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation, setActivePage, t]\n );\n\n // Handle deleting a page\n const handlePageDelete = useCallback(\n async (pageId: string) => {\n if (!currentDashboard \|\| currentDashboard.pages.length <= 1) return;\n\n // Call GraphQL mutation to delete page\n const success = await deletePageMutation(pageId);\n\n if (success) {\n const updatedPages = currentDashboard.pages.filter((p) => p.id !== pageId).map((p, index) => ({ ...p, index }));\n\n setCurrentDashboard({\n ...currentDashboard,\n pages: updatedPages,\n });\n\n // Switch to first page if current page was deleted (replace: Back must\n // not return to a page that no longer exists).\n const firstPageId = updatedPages[0]?.id;\n if (activePageId === pageId && firstPageId) {\n setActivePage(firstPageId, { replace: true });\n }\n }\n },\n [currentDashboard, setCurrentDashboard, activePageId, deletePageMutation, setActivePage]\n );\n\n // Handle reordering pages\n const handlePagesReorder = useCallback(\n async (reorderedPages: DashboardPage[]) => {\n if (!currentDashboard \|\| !dashboardId) return;\n\n // Update local state optimistically\n setCurrentDashboard({\n ...currentDashboard,\n pages: reorderedPages.map((page, index) => ({\n ...page,\n index,\n })),\n });\n\n // Call GraphQL mutation to persist the reorder\n const pageIds = reorderedPages.map((p) => p.id);\n await reorderPagesMutation(dashboardId, pageIds);\n },\n [currentDashboard, dashboardId, setCurrentDashboard, reorderPagesMutation]\n );\n\n // Permission read gate — resolve the provider first, then block the builder\n // for callers without dashboard read access. Kept ahead of error/loading\n // returns so an unauthorized caller never reaches the edit surface.\n if (permissionsLoading) {\n return (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n </div>\n );\n }\n\n if (!canRead) {\n return (\n <AccessDenied\n title={t('bigconsole.dashboards.builder.errors.accessDeniedTitle', 'Access Denied')}\n description={t(\n 'bigconsole.dashboards.builder.errors.accessDeniedDescription',\n \"You don't have permission to view this dashboard.\"\n )}\n />\n );\n }\n\n // Show error state\n if (dashboardError) {\n return (\n <div className=\"flex h-full flex-col items-center justify-center p-6\">\n <Section\n headingLevel={2}\n tone=\"danger\"\n title={t('bigconsole.dashboards.builder.errors.loadFailed', 'Failed to load dashboard')}\n description={<span className=\"break-words\">{dashboardError.message}</span>}\n className=\"w-full max-w-md\"\n data-testid=\"dashboard-builder-error\"\n actions={\n <Button size=\"sm\" onClick={() => navigate('/dashboards')}>\n {t('bigconsole.dashboards.builder.actions.backToDashboards', 'Back to Dashboards')}\n </Button>\n }\n />\n </div>\n );\n }\n\n // Show loading state\n if (dashboardLoading \|\| !currentDashboard) {\n return (\n <div className=\"flex items-center justify-center h-full\" role=\"status\" aria-live=\"polite\">\n <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n <span className=\"sr-only\">Loading dashboard…</span>\n </div>\n );\n }\n\n return (\n <DashboardEditorShell\n topbar={\n <BuilderTopbar\n title={\n currentDashboard.title \|\| t('bigconsole.dashboards.builder.header.untitledDashboard', 'Untitled dashboard')\n }\n onBack={handleBack}\n actions={\n <div className=\"flex items-center gap-2\">\n {saveError ? (\n <span className=\"text-xs font-medium text-status-error-text\" role=\"alert\">\n {saveError}\n </span>\n ) : null}\n {/ AI custom-widget authoring creates a widget → gate on WIDGET_CREATE. */}\n {canCreateWidget ? (\n <button\n type=\"button\"\n data-testid=\"open-custom-widget-builder\"\n onClick={() => setIsCustomWidgetBuilderOpen(true)}\n className={`inline-flex min-h-control-md items-center rounded-button border border-[var(--color-border-subtle)] px-2 py-1 text-xs font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n >\n {t('bigconsole.dashboards.builder.toolbar.aiWidget', 'AI widget')}\n </button>\n ) : null}\n </div>\n }\n />\n }\n >\n <BuilderCanvas\n canvas={\n <DashboardCanvas\n dashboardId={currentDashboard.id}\n pageId={activePageId \|\| currentDashboard.pages?.[0]?.id}\n title={currentDashboard.title}\n onPaste={handlePaste}\n // Gate action controls: DashboardToolbar renders each button only\n // when its handler is defined, so passing undefined hides the\n // control for callers lacking the permission.\n onSave={canUpdate ? handleSave : undefined}\n isSaving={isSaving}\n onExport={canExport ? handleExport : undefined}\n // Page tabs props\n pages={currentDashboard.pages.map((page) => ({\n id: page.id,\n name:\n page.title \|\|\n t('bigconsole.dashboards.builder.actions.newPageName', 'Page {{count}}', {\n count: (page.index ?? 0) + 1,\n }),\n order: page.index ?? 0,\n }))}\n activePageId={activePageId \|\| currentDashboard.pages?.[0]?.id}\n onPageChange={handlePageChange}\n onPageAdd={handlePageAdd}\n onPageRename={handlePageRename}\n onPageDuplicate={handlePageDuplicate}\n onPageDelete={handlePageDelete}\n onPagesReorder={handlePagesReorder}\n showPageTabs={true}\n />\n }\n />\n\n <ExportDashboardDialog\n isOpen={isExportDialogOpen}\n dashboardId={currentDashboard.id}\n dashboardName={currentDashboard.title}\n onClose={handleExportClose}\n />\n\n <CustomWidgetBuilderSheet\n isOpen={isCustomWidgetBuilderOpen}\n onClose={() => setIsCustomWidgetBuilderOpen(false)}\n dashboardId={currentDashboard.id}\n pageId={activePageId \|\| currentDashboard.pages?.[0]?.id \|\| ''}\n />\n </DashboardEditorShell>\n );\n});\n\nexport default DashboardBuilderPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DashboardViewPage.js CHANGED Viewed

@@ -25,8 +25,8 @@ import { AccessDenied as p } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as de } from "@burdenoff/fe-libs/shared/providers/shell";
 import { ArrowLeft as fe } from "lucide-react";
 import { Button as m, IllustratedEmptyState as pe } from "@burdenoff/fe-libs/ui";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DashboardViewPage.tsx
 var v = s(function() {
 	let { dashboardId: s } = ue(), v = n(), { t: y } = me(), { hasPermission: b, isLoading: he } = de(), ge = b(o.DASHBOARD_READ), _e = b(o.DASHBOARD_UPDATE), ve = b(o.DASHBOARD_EXPORT), ye = b(o.DASHBOARD_PUBLISH), [be, x] = d(!1), [xe, S] = d(!1), [Se, C] = d(!1), [w, Ce] = d(!1), { isInDrilldown: T, getContextFromUrl: E, getDrilldownMetadata: D } = ne(), O = t((e) => e.currentDashboard), k = t((e) => e.setCurrentDashboard), A = t((e) => e.setGlobalFilterValue), j = t((e) => e.clearAllGlobalFilters), M = t((e) => e.setGlobalFilterValues), N = e((e) => e.widgets), we = f(), { activePageId: P, setActivePage: F } = te(O?.id === s ? O?.pages : void 0), I = e((e) => e.clipboardWidgetId), L = e((e) => e.clipboardAction), R = e((e) => e.clearClipboard), z = e((e) => e.selectWidget), { loading: Te, error: B, fetchDashboard: V, updateDashboard: H } = ee(), { createWidget: U, deleteWidget: W, duplicateWidget: G, batchUpdatePositions: K, refetch: q } = i(P || void 0, s), { createPage: J, updatePage: Y, deletePage: X, reorderPages: Z } = a();

package/dist/bigconsole/pages/DataSinkAlertsPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataSinkAlertsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinkAlertsPage.tsx"],"names":[],"mappings":"~~AAyCA~~,MAAM,CAAC,OAAO,UAAU,kBAAkB,gCASzC"}
1	+ {"version":3,"file":"DataSinkAlertsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinkAlertsPage.tsx"],"names":[],"mappings":"AA0CA,MAAM,CAAC,OAAO,UAAU,kBAAkB,gCASzC"}

package/dist/bigconsole/pages/DataSinkAlertsPage.js CHANGED Viewed

@@ -15,21 +15,28 @@ import { useEffect as ie, useRef as d, useState as f } from "react";
 import { useParams as p } from "react-router";
 import { AccessDenied as ae } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { ArrowLeft as se, Bell as ce, Loader2 as le, Plus as ue, RefreshCw as de, Trash2 as m } from "lucide-react";
+import { ArrowLeft as se, Bell as ce, Loader2 as le, Plus as m, RefreshCw as ue, Trash2 as de } from "lucide-react";
 import { Button as h, Switch as fe } from "@burdenoff/fe-libs/ui";
-import { Fragment as pe, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useUnsavedChanges as pe } from "@burdenoff/fe-libs/shared/hooks";
 import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as he, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DataSinkAlertsPage.tsx
 function v() {
 	let { dataSinkId: e = "" } = p(), { currentUser: n, workspaceId: r } = t();
 	return /* @__PURE__ */ g(y, { dataSinkId: e }, `${n?.id ?? ""}|${r ?? ""}|${e}`);
 }
 function y({ dataSinkId: p }) {
-	let { t: v } = me(), y = e(), { currentUser: b, workspaceId: x } = t(), { hasPermission: S, isLoading: C } = oe(), w = S(i.DATASINK_READ), T = !C && S(i.DATASINK_UPDATE), E = ne(p, !C && w && !!x && !!b?.id), D = E.sink, O = D?.alerts ?? [], [k, he] = f(""), [A, j] = f(null), [M, N] = f(!1), P = d(!1), F = d(null), [I, L] = f(null), [R, z] = f(null), [B, V] = f(!1), [ge, H] = f(null), [U, W] = f(null), [_e, G] = f(0), K = d(0), q = d(0), J = A?.selection;
+	let { t: v } = me(), y = e(), { currentUser: b, workspaceId: x } = t(), { hasPermission: S, isLoading: C } = oe(), w = S(i.DATASINK_READ), T = !C && S(i.DATASINK_UPDATE), E = ne(p, !C && w && !!x && !!b?.id), D = E.sink, O = D?.alerts ?? [], [k, ge] = f(""), [A, j] = f(null), [M, N] = f(!1), P = d(!1), F = d(null), [I, L] = f(null), [R, z] = f(null), [B, V] = f(!1), [_e, H] = f(null), [U, W] = f(null), [ve, G] = f(0), K = d(0), q = d(0), J = A?.selection;
 	ie(() => {
 		J !== void 0 && document.getElementById("alert-name")?.focus();
 	}, [J]);
-	let Y = !!A && JSON.stringify(A.draft) !== A.original, X = async (e) => await ee({
+	let Y = !!A && JSON.stringify(A.draft) !== A.original;
+	pe({
+		id: "datasink-alert-rule",
+		label: v("bigconsole.assistant.unsaved.alertRule", "the alert rule"),
+		dirty: Y
+	});
+	let X = async (e) => await ee({
 		title: v("bigconsole.alerts.confirm.title", "Confirm alert change"),
 		message: e,
 		okButtonTitle: v("bigconsole.alerts.confirm.continue", "Continue"),
@@ -44,9 +51,9 @@ function y({ dataSinkId: p }) {
 			version: D.version,
 			selection: ++q.current
 		}), K.current++, W(null), H(null), V(!1), L(null), z(null);
-	}, ve = async () => {
-		M || !await Z() || (j(null), W(null), H(null), K.current++, V(!1), L(null), F.current?.isConnected && F.current.focus());
 	}, ye = async () => {
+		M || !await Z() || (j(null), W(null), H(null), K.current++, V(!1), L(null), F.current?.isConnected && F.current.focus());
+	}, be = async () => {
 		if (!A || !D || !T || P.current) return;
 		let e = u(A.draft, E.channels);
 		if (e) {
@@ -74,7 +81,7 @@ function y({ dataSinkId: p }) {
 		} finally {
 			P.current = !1, N(!1);
 		}
-	}, be = async (e) => {
+	}, xe = async (e) => {
 		if (!D || !T || P.current) return;
 		let t = {
 			...c(e),
@@ -92,7 +99,7 @@ function y({ dataSinkId: p }) {
 		} finally {
 			P.current = !1, N(!1);
 		}
-	}, xe = async (e) => {
+	}, Se = async (e) => {
 		if (!(!D || !T || P.current) && !(!await X(`${v("bigconsole.alerts.confirm.delete", "Delete alert rule")} “${e.name}”?`) || P.current)) {
 			P.current = !0, N(!0), L(null), z(null);
 			try {
@@ -103,7 +110,7 @@ function y({ dataSinkId: p }) {
 				P.current = !1, N(!1);
 			}
 		}
-	}, Se = async () => {
+	}, Ce = async () => {
 		if (!A || B || M) return;
 		let e = ++K.current, { condition: t, conditionType: n } = A.draft;
 		V(!0), H(null), W(null);
@@ -119,7 +126,7 @@ function y({ dataSinkId: p }) {
 		} finally {
 			K.current === e && V(!1);
 		}
-	}, Ce = async () => {
+	}, we = async () => {
 		if (!A?.draft.id || M || !await Z()) return;
 		let e = await E.reload(), t = e?.alerts?.find((e) => e.id === A.draft.id);
 		if (!e) return;
@@ -198,7 +205,7 @@ function y({ dataSinkId: p }) {
 						E.reload(), E.reloadChannels(), G((e) => e + 1);
 					},
 					disabled: E.refreshing || M,
-					children: [/* @__PURE__ */ g(de, { className: `mr-2 h-4 w-4 ${E.refreshing ? "animate-spin" : ""}` }), v("bigconsole.alerts.refresh", "Refresh alerts")]
+					children: [/* @__PURE__ */ g(ue, { className: `mr-2 h-4 w-4 ${E.refreshing ? "animate-spin" : ""}` }), v("bigconsole.alerts.refresh", "Refresh alerts")]
 				})]
 			}),
 			R && /* @__PURE__ */ g("p", {
@@ -228,7 +235,7 @@ function y({ dataSinkId: p }) {
 							size: "sm",
 							onClick: () => void Q(),
 							disabled: !T || M,
-							children: [/* @__PURE__ */ g(ue, { className: "mr-2 h-4 w-4" }), v("bigconsole.alerts.list.new", "New alert rule")]
+							children: [/* @__PURE__ */ g(m, { className: "mr-2 h-4 w-4" }), v("bigconsole.alerts.list.new", "New alert rule")]
 						}),
 						children: [
 							/* @__PURE__ */ g("label", {
@@ -240,7 +247,7 @@ function y({ dataSinkId: p }) {
 								id: "alert-search",
 								type: "search",
 								value: k,
-								onChange: (e) => he(e.target.value),
+								onChange: (e) => ge(e.target.value),
 								placeholder: v("bigconsole.alerts.list.searchPlaceholder", "Search alerts…"),
 								className: `mb-4 w-full min-w-0 rounded-control border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary ${n}`
 							}),
@@ -334,7 +341,7 @@ function y({ dataSinkId: p }) {
 													className: "py-4 pr-2",
 													children: /* @__PURE__ */ g(fe, {
 														checked: e.enabled,
-														onCheckedChange: () => void be(e),
+														onCheckedChange: () => void xe(e),
 														disabled: !T || M,
 														"aria-label": `${v("bigconsole.alerts.list.enabled", "Enabled")} · ${e.name}`
 													})
@@ -345,10 +352,10 @@ function y({ dataSinkId: p }) {
 														type: "button",
 														variant: "ghost",
 														size: "sm",
-														onClick: () => void xe(e),
+														onClick: () => void Se(e),
 														disabled: !T || M,
 														"aria-label": `${v("bigconsole.alerts.confirm.delete", "Delete alert rule")} · ${e.name}`,
-														children: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ g(de, { className: "h-4 w-4" })
 													})
 												})
 											]
@@ -373,11 +380,11 @@ function y({ dataSinkId: p }) {
 						owner: E.owner,
 						rules: O,
 						load: E.history,
-						refreshVersion: _e
+						refreshVersion: ve
 					})]
 				}), /* @__PURE__ */ g("div", {
 					className: "min-w-0",
-					children: A ? /* @__PURE__ */ _(pe, { children: [/* @__PURE__ */ g(te, {
+					children: A ? /* @__PURE__ */ _(he, { children: [/* @__PURE__ */ g(te, {
 						draft: A.draft,
 						channels: E.channels,
 						channelError: E.channelError,
@@ -385,7 +392,7 @@ function y({ dataSinkId: p }) {
 						pending: M,
 						previewing: B,
 						preview: U?.result ?? null,
-						previewError: ge,
+						previewError: _e,
 						previewStale: !!U && (U.condition !== A.draft.condition || U.conditionType !== A.draft.conditionType || D.version > U.result.version),
 						error: I,
 						onChange: (e) => {
@@ -394,15 +401,15 @@ function y({ dataSinkId: p }) {
 								draft: e
 							});
 						},
-						onSave: () => void ye(),
-						onCancel: () => void ve(),
-						onPreview: () => void Se(),
+						onSave: () => void be(),
+						onCancel: () => void ye(),
+						onPreview: () => void Ce(),
 						onReloadChannels: () => void E.reloadChannels()
 					}), A.draft.id && /* @__PURE__ */ g(h, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
-						onClick: () => void Ce(),
+						onClick: () => void we(),
 						disabled: M || E.refreshing,
 						className: "mt-3",
 						children: v("bigconsole.alerts.rule.reloadSaved", "Reload saved rule")