@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.6

package/dist/bigconsole/pages/DataSinkAlertsPage.js

@@ -8,59 +8,66 @@ import "../components/common/index.js";
 import { BIGCONSOLE_PERMISSIONS as i } from "../../constants/permissions.js";
 import { nativeConfirm as ee } from "../../utils/nativeBridge.js";
 import { AlertRuleEditor as te } from "../components/datasink/AlertRuleEditor.js";
-import { alertErrorMessage as a, useDataSinkAlerts as ne } from "../hooks/useDataSinkAlerts.js";
+import { alertErrorMessage as a, describeAlertLoadFailure as o, useDataSinkAlerts as ne } from "../hooks/useDataSinkAlerts.js";
 import { AlertExecutionHistory as re } from "../components/datasink/AlertExecutionHistory.js";
-import { ALERT_VALIDATION_MESSAGES as o, alertDraft as s, alertDraftInput as c, validateAlertDraft as l } from "../utils/alertRules.js";
-import { useEffect as u, useRef as d, useState as f } from "react";
+import { ALERT_VALIDATION_MESSAGES as s, alertDraft as c, alertDraftInput as l, validateAlertDraft as u } from "../utils/alertRules.js";
+import { useEffect as ie, useRef as d, useState as f } from "react";
 import { useParams as p } from "react-router";
-import { AccessDenied as ie } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ae } from "@burdenoff/fe-libs/shared/providers/shell";
-import { ArrowLeft as oe, Bell as se, Loader2 as ce, Plus as le, RefreshCw as ue, Trash2 as m } from "lucide-react";
-import { Button as h, Switch as de } from "@burdenoff/fe-libs/ui";
-import { Fragment as fe, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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 m, RefreshCw as ue, Trash2 as de } from "lucide-react";
+import { Button as h, Switch as fe } from "@burdenoff/fe-libs/ui";
+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 } = pe(), y = e(), { currentUser: b, workspaceId: x } = t(), { hasPermission: S, isLoading: C } = ae(), 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, me] = 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), [he, H] = f(null), [U, W] = f(null), [ge, G] = f(0), K = d(0), q = d(0), J = A?.selection;
-	u(() => {
+	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 _e = !!A && JSON.stringify(A.draft) !== A.original, Y = 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"),
 		cancelButtonTitle: v("bigconsole.alerts.rule.cancel", "Cancel")
-	}) ?? window.confirm(e), X = () => !_e || Y(v("bigconsole.alerts.confirm.discard", "Discard your unsaved rule changes?")), Z = async (e) => {
-		if (M || !D || !await X()) return;
+	}) ?? window.confirm(e), Z = () => !Y || X(v("bigconsole.alerts.confirm.discard", "Discard your unsaved rule changes?")), Q = async (e) => {
+		if (M || !D || !await Z()) return;
 		document.activeElement instanceof HTMLElement && (F.current = document.activeElement);
-		let t = s(e);
+		let t = c(e);
 		j({
 			draft: t,
 			original: JSON.stringify(t),
 			version: D.version,
 			selection: ++q.current
 		}), K.current++, W(null), H(null), V(!1), L(null), z(null);
-	}, ve = async () => {
-		M || !await X() || (j(null), W(null), H(null), K.current++, V(!1), L(null), F.current?.isConnected && F.current.focus());
-	}, Q = async () => {
+	}, 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 = l(A.draft, E.channels);
+		let e = u(A.draft, E.channels);
 		if (e) {
-			L(v(`bigconsole.alerts.validation.${e}`, o[e]));
+			L(v(`bigconsole.alerts.validation.${e}`, s[e]));
 			return;
 		}
 		P.current = !0, N(!0), L(null), z(null);
 		let t = new Set(O.map((e) => e.id));
 		try {
-			let e = await E.save(c(A.draft), A.version);
+			let e = await E.save(l(A.draft), A.version);
 			if (!e) return;
 			let n = e.alerts?.find((e) => A.draft.id ? e.id === A.draft.id : !t.has(e.id));
 			if (n) {
-				let t = s(n);
+				let t = c(n);
 				j({
 					draft: t,
 					original: JSON.stringify(t),
@@ -74,26 +81,26 @@ function y({ dataSinkId: p }) {
 		} finally {
 			P.current = !1, N(!1);
 		}
-	}, ye = async (e) => {
+	}, xe = async (e) => {
 		if (!D || !T || P.current) return;
 		let t = {
-			...s(e),
+			...c(e),
 			enabled: !e.enabled
-		}, n = l(t, E.channels);
+		}, n = u(t, E.channels);
 		if (n) {
-			L(v(`bigconsole.alerts.validation.${n}`, o[n]));
+			L(v(`bigconsole.alerts.validation.${n}`, s[n]));
 			return;
 		}
 		P.current = !0, N(!0), L(null), z(null);
 		try {
-			await E.save(c(t), D.version) && (z(t.enabled ? v("bigconsole.alerts.feedback.enabled", "Alert rule enabled.") : v("bigconsole.alerts.feedback.disabled", "Alert rule disabled.")), G((e) => e + 1));
+			await E.save(l(t), D.version) && (z(t.enabled ? v("bigconsole.alerts.feedback.enabled", "Alert rule enabled.") : v("bigconsole.alerts.feedback.disabled", "Alert rule disabled.")), G((e) => e + 1));
 		} catch (e) {
 			L(a(e));
 		} finally {
 			P.current = !1, N(!1);
 		}
-	}, be = async (e) => {
-		if (!(!D || !T || P.current) && !(!await Y(`${v("bigconsole.alerts.confirm.delete", "Delete alert rule")} “${e.name}”?`) || P.current)) {
+	}, 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 {
 				await E.remove(e.id, D.version) && (A?.draft.id === e.id && j(null), z(v("bigconsole.alerts.feedback.deleted", "Alert rule deleted.")), G((e) => e + 1));
@@ -103,7 +110,7 @@ function y({ dataSinkId: p }) {
 				P.current = !1, N(!1);
 			}
 		}
-	}, xe = 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,15 +126,15 @@ function y({ dataSinkId: p }) {
 		} finally {
 			K.current === e && V(!1);
 		}
-	}, Se = async () => {
-		if (!A?.draft.id || M || !await X()) return;
+	}, 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;
 		if (!t) {
 			j(null), z(v("bigconsole.alerts.feedback.removedElsewhere", "This rule no longer exists."));
 			return;
 		}
-		let n = s(t);
+		let n = c(t);
 		j({
 			draft: n,
 			original: JSON.stringify(n),
@@ -138,9 +145,9 @@ function y({ dataSinkId: p }) {
 	if (C || E.loading) return /* @__PURE__ */ _("div", {
 		role: "status",
 		className: "flex min-h-60 items-center justify-center p-card-padding",
-		children: [/* @__PURE__ */ g(ce, { className: "mr-2 h-5 w-5 animate-spin text-text-secondary" }), v("bigconsole.alerts.loading", "Loading alerts…")]
+		children: [/* @__PURE__ */ g(le, { className: "mr-2 h-5 w-5 animate-spin text-text-secondary" }), v("bigconsole.alerts.loading", "Loading alerts…")]
 	});
-	if (!w) return /* @__PURE__ */ g(ie, {
+	if (!w) return /* @__PURE__ */ g(ae, {
 		title: v("bigconsole.alerts.denied", "Access denied"),
 		description: v("bigconsole.alerts.deniedDescription", "You do not have permission to read this data sink.")
 	});
@@ -154,9 +161,9 @@ function y({ dataSinkId: p }) {
 			title: v("bigconsole.alerts.unavailable", "Alerts could not be loaded"),
 			headingLevel: 2,
 			tone: "danger",
-			description: E.error ?? v("bigconsole.alerts.notFound", "Data sink not found."),
+			description: o(v, E),
 			actions: /* @__PURE__ */ g(h, {
-				onClick: () => void E.reload(),
+				onClick: () => void E.reloadSinkThenChannels(),
 				variant: "secondary",
 				children: v("bigconsole.alerts.retry", "Retry")
 			})
@@ -176,7 +183,7 @@ function y({ dataSinkId: p }) {
 							size: "sm",
 							onClick: () => y(`/datasinks/${p}`),
 							className: "mb-3",
-							children: [/* @__PURE__ */ g(oe, { className: "mr-2 h-4 w-4" }), v("bigconsole.alerts.back", "Back to data sink")]
+							children: [/* @__PURE__ */ g(se, { className: "mr-2 h-4 w-4" }), v("bigconsole.alerts.back", "Back to data sink")]
 						}),
 						/* @__PURE__ */ _("h1", {
 							className: "break-words text-2xl font-bold text-text-primary",
@@ -214,7 +221,7 @@ function y({ dataSinkId: p }) {
 			E.error && /* @__PURE__ */ g("p", {
 				role: "alert",
 				className: "mb-4 break-words text-sm text-status-error-text",
-				children: E.error
+				children: o(v, E)
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid min-w-0 items-start gap-section-gap xl:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]",
@@ -223,12 +230,12 @@ function y({ dataSinkId: p }) {
 					children: [/* @__PURE__ */ _(r, {
 						title: v("bigconsole.alerts.list.title", "Alert rules"),
 						headingLevel: 2,
-						icon: /* @__PURE__ */ g(se, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ g(ce, { className: "h-4 w-4" }),
 						actions: /* @__PURE__ */ _(h, {
 							size: "sm",
-							onClick: () => void Z(),
+							onClick: () => void Q(),
 							disabled: !T || M,
-							children: [/* @__PURE__ */ g(le, { 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) => me(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}`
 							}),
@@ -300,7 +307,7 @@ function y({ dataSinkId: p }) {
 													children: [
 														/* @__PURE__ */ g("button", {
 															type: "button",
-															onClick: () => void Z(e),
+															onClick: () => void Q(e),
 															disabled: M,
 															className: `break-words text-left font-medium text-text-primary underline-offset-4 hover:underline ${n}`,
 															children: e.name
@@ -332,9 +339,9 @@ function y({ dataSinkId: p }) {
 												}),
 												/* @__PURE__ */ g("td", {
 													className: "py-4 pr-2",
-													children: /* @__PURE__ */ g(de, {
+													children: /* @__PURE__ */ g(fe, {
 														checked: e.enabled,
-														onCheckedChange: () => void ye(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 be(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: ge
+						refreshVersion: ve
 					})]
 				}), /* @__PURE__ */ g("div", {
 					className: "min-w-0",
-					children: A ? /* @__PURE__ */ _(fe, { 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: he,
+						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 Q(),
-						onCancel: () => void ve(),
-						onPreview: () => void xe(),
+						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 Se(),
+						onClick: () => void we(),
 						disabled: M || E.refreshing,
 						className: "mt-3",
 						children: v("bigconsole.alerts.rule.reloadSaved", "Reload saved rule")