npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.1004.7 → 2026.1005.1 - Mend

@burdenoff/microfe-bigconsole 2026.1004.7 → 2026.1005.1

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 (49) hide show

package/dist/bigconsole/components/datasink/AlertRuleEditor.js ADDED Viewed

@@ -0,0 +1,357 @@
+import { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
+import { Section as t } from "../common/Section.js";
+import "../common/index.js";
+import { AlertSeverity as n, DataSinkAlertChannel as r, DataSinkAlertConditionType as i } from "../../../generated/wspace-types.js";
+import { Loader2 as a, Play as o, Plus as s, Save as c, Trash2 as l } from "lucide-react";
+import { Button as u } from "@burdenoff/fe-libs/ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/bigconsole/components/datasink/AlertRuleEditor.tsx
+var m = `w-full min-w-0 rounded-control border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary ${e}`;
+function h(h) {
+	let { t: g } = p(), { draft: _, channels: v, channelError: y, canUpdate: b, pending: x, previewing: S, preview: C, previewError: w, previewStale: T, error: E, onChange: D, onSave: O, onCancel: k, onPreview: A, onReloadChannels: j } = h, M = x || !b, N = v.filter((e) => e.status.toUpperCase() === "ACTIVE"), P = (e) => D({
+		..._,
+		...e
+	});
+	return /* @__PURE__ */ d(t, {
+		title: g("bigconsole.alerts.rule.title", "Alert rule"),
+		headingLevel: 2,
+		emphasis: "primary",
+		children: /* @__PURE__ */ f("form", {
+			onSubmit: (e) => {
+				e.preventDefault(), O();
+			},
+			className: "flex min-w-0 flex-col gap-form-gap",
+			"aria-label": g("bigconsole.alerts.rule.form", "Alert rule editor"),
+			children: [
+				!b && /* @__PURE__ */ d("p", {
+					className: "text-sm text-text-secondary",
+					children: g("bigconsole.alerts.rule.readOnly", "You have read-only access to these alert rules.")
+				}),
+				E && /* @__PURE__ */ d("p", {
+					role: "alert",
+					className: "break-words text-sm text-status-error-text",
+					children: E
+				}),
+				/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+					htmlFor: "alert-name",
+					className: "mb-1 block text-sm font-medium text-text-primary",
+					children: g("bigconsole.alerts.rule.name", "Name")
+				}), /* @__PURE__ */ d("input", {
+					id: "alert-name",
+					className: m,
+					value: _.name,
+					onChange: (e) => P({ name: e.target.value }),
+					required: !0,
+					maxLength: 200,
+					disabled: M
+				})] }),
+				/* @__PURE__ */ f("div", {
+					className: "grid min-w-0 gap-form-gap sm:grid-cols-2",
+					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						htmlFor: "alert-condition-type",
+						className: "mb-1 block text-sm font-medium text-text-primary",
+						children: g("bigconsole.alerts.rule.language", "Condition language")
+					}), /* @__PURE__ */ f("select", {
+						id: "alert-condition-type",
+						className: m,
+						value: _.conditionType,
+						onChange: (e) => P({ conditionType: e.target.value === i.Jsonata ? i.Jsonata : i.Jq }),
+						disabled: M,
+						children: [/* @__PURE__ */ d("option", {
+							value: i.Jq,
+							children: "JQ"
+						}), /* @__PURE__ */ d("option", {
+							value: i.Jsonata,
+							children: "JSONata"
+						})]
+					})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						htmlFor: "alert-severity",
+						className: "mb-1 block text-sm font-medium text-text-primary",
+						children: g("bigconsole.alerts.rule.severity", "Severity")
+					}), /* @__PURE__ */ d("select", {
+						id: "alert-severity",
+						className: m,
+						value: _.severity,
+						onChange: (e) => P({ severity: Object.values(n).find((t) => t === e.target.value) ?? n.Medium }),
+						disabled: M,
+						children: Object.values(n).map((e) => /* @__PURE__ */ d("option", {
+							value: e,
+							children: g(`bigconsole.alerts.severity.${e}`, e.charAt(0).toUpperCase() + e.slice(1))
+						}, e))
+					})] })]
+				}),
+				/* @__PURE__ */ f("div", { children: [
+					/* @__PURE__ */ d("label", {
+						htmlFor: "alert-condition",
+						className: "mb-1 block text-sm font-medium text-text-primary",
+						children: g("bigconsole.alerts.rule.condition", "Condition")
+					}),
+					/* @__PURE__ */ d("textarea", {
+						id: "alert-condition",
+						className: `${m} min-h-32 font-mono`,
+						value: _.condition,
+						onChange: (e) => P({ condition: e.target.value }),
+						rows: 5,
+						required: !0,
+						disabled: M,
+						"aria-describedby": "alert-condition-help"
+					}),
+					/* @__PURE__ */ d("p", {
+						id: "alert-condition-help",
+						className: "mt-2 text-xs text-text-secondary",
+						children: g("bigconsole.alerts.rule.conditionHelp", "Evaluates the entire current sink payload and must return one boolean. Preview does not send notifications.")
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "mt-1 break-words text-xs text-text-muted",
+						children: _.conditionType === i.Jq ? "JQ: any(.[]; .boarding_minutes > 240)" : "JSONata: $count($[boarding_minutes > 240]) > 0"
+					}),
+					/* @__PURE__ */ f(u, {
+						type: "button",
+						variant: "secondary",
+						size: "sm",
+						onClick: A,
+						disabled: x || S || !_.condition.trim(),
+						className: "mt-3",
+						children: [S ? /* @__PURE__ */ d(a, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ d(o, { className: "mr-2 h-4 w-4" }), S ? g("bigconsole.alerts.rule.previewing", "Evaluating…") : g("bigconsole.alerts.rule.preview", "Preview condition")]
+					}),
+					w && /* @__PURE__ */ d("p", {
+						role: "alert",
+						className: "mt-2 break-words text-sm text-status-error-text",
+						children: w
+					}),
+					T && /* @__PURE__ */ d("p", {
+						role: "status",
+						className: "mt-2 text-xs text-text-secondary",
+						children: g("bigconsole.alerts.rule.previewStale", "The condition or data changed. Preview again to see the current result.")
+					}),
+					C && !T && /* @__PURE__ */ f("div", {
+						role: "status",
+						className: "mt-3 rounded-control border border-border-subtle bg-bg-sunken p-3 text-sm",
+						children: [C.error ? /* @__PURE__ */ d("p", {
+							className: "break-words text-status-error-text",
+							children: C.error
+						}) : /* @__PURE__ */ d("p", {
+							className: "font-medium text-text-primary",
+							children: C.matched ? g("bigconsole.alerts.rule.matched", "Condition matched") : g("bigconsole.alerts.rule.noMatch", "Condition did not match")
+						}), /* @__PURE__ */ f("p", {
+							className: "mt-1 text-xs text-text-secondary",
+							children: [
+								g("bigconsole.alerts.rule.previewMetadata", "Evaluated data version"),
+								" ",
+								C.version,
+								" ·",
+								" ",
+								C.durationMs,
+								" ms"
+							]
+						})]
+					})
+				] }),
+				/* @__PURE__ */ f("fieldset", {
+					disabled: M,
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ d("legend", {
+							className: "mb-2 text-sm font-medium text-text-primary",
+							children: g("bigconsole.alerts.rule.destinations", "Delivery destinations")
+						}),
+						/* @__PURE__ */ d("p", {
+							className: "mb-3 text-xs text-text-secondary",
+							children: g("bigconsole.alerts.rule.destinationHelp", "Choose an available active delivery channel and its actual recipient.")
+						}),
+						y && /* @__PURE__ */ f("div", {
+							className: "mb-3 text-sm",
+							children: [/* @__PURE__ */ d("p", {
+								role: "alert",
+								className: "break-words text-status-error-text",
+								children: y
+							}), /* @__PURE__ */ d(u, {
+								type: "button",
+								variant: "secondary",
+								size: "sm",
+								onClick: j,
+								children: g("bigconsole.alerts.rule.reloadChannels", "Reload channels")
+							})]
+						}),
+						!y && N.length === 0 && /* @__PURE__ */ d("p", {
+							className: "mb-3 text-sm text-text-secondary",
+							children: g("bigconsole.alerts.rule.noChannels", "No active delivery channels are available to BigConsole in this organization. You can save this rule disabled.")
+						}),
+						!_.deliveries.length && /* @__PURE__ */ d("p", {
+							className: "mb-3 text-xs text-text-muted",
+							children: g("bigconsole.alerts.rule.noDestinations", "No delivery destinations selected.")
+						}),
+						_.deliveries.map((e, t) => /* @__PURE__ */ f("div", {
+							className: "mb-3 min-w-0 rounded-control border border-border-subtle p-3",
+							children: [
+								/* @__PURE__ */ f("label", {
+									htmlFor: `alert-channel-${e.key}`,
+									className: "mb-1 block text-xs font-medium text-text-primary",
+									children: [
+										g("bigconsole.alerts.rule.channel", "Configured channel"),
+										" ",
+										t + 1
+									]
+								}),
+								/* @__PURE__ */ f("select", {
+									id: `alert-channel-${e.key}`,
+									className: m,
+									value: e.channelId,
+									onChange: (t) => {
+										let n = v.find((e) => e.id === t.target.value);
+										P({ deliveries: _.deliveries.map((t) => t.key === e.key ? {
+											...t,
+											channelId: n?.id ?? "",
+											channel: n?.platform ?? r.Email,
+											recipient: n?.platform === t.channel ? t.recipient : ""
+										} : t) });
+									},
+									children: [
+										/* @__PURE__ */ d("option", {
+											value: "",
+											children: g("bigconsole.alerts.rule.chooseChannel", "Choose a configured channel")
+										}),
+										e.channelId && !N.some((t) => t.id === e.channelId) && /* @__PURE__ */ f("option", {
+											value: e.channelId,
+											children: [
+												g("bigconsole.alerts.rule.unavailableChannel", "Unavailable channel"),
+												" · ",
+												e.channelId
+											]
+										}),
+										N.map((e) => /* @__PURE__ */ f("option", {
+											value: e.id,
+											children: [
+												e.name,
+												" · ",
+												e.platform
+											]
+										}, e.id))
+									]
+								}),
+								/* @__PURE__ */ d("label", {
+									htmlFor: `alert-recipient-${e.key}`,
+									className: "mb-1 mt-3 block text-xs font-medium text-text-primary",
+									children: e.channel === r.Email ? g("bigconsole.alerts.rule.emailRecipient", "Email address") : e.channel === r.Slack ? g("bigconsole.alerts.rule.slackRecipient", "Slack recipient ID") : g("bigconsole.alerts.rule.webhookRecipient", "HTTPS webhook URL")
+								}),
+								/* @__PURE__ */ d("input", {
+									id: `alert-recipient-${e.key}`,
+									className: m,
+									type: e.channel === r.Email ? "email" : e.channel === r.Webhook ? "url" : "text",
+									value: e.recipient,
+									onChange: (t) => P({ deliveries: _.deliveries.map((n) => n.key === e.key ? {
+										...n,
+										recipient: t.target.value
+									} : n) }),
+									required: !0
+								}),
+								/* @__PURE__ */ f(u, {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									onClick: () => P({ deliveries: _.deliveries.filter((t) => t.key !== e.key) }),
+									className: "mt-2",
+									children: [/* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4" }), g("bigconsole.alerts.rule.removeDestination", "Remove destination")]
+								})
+							]
+						}, e.key)),
+						/* @__PURE__ */ f(u, {
+							type: "button",
+							variant: "secondary",
+							size: "sm",
+							onClick: () => P({ deliveries: [..._.deliveries, {
+								key: crypto.randomUUID(),
+								channel: r.Email,
+								channelId: "",
+								recipient: ""
+							}] }),
+							disabled: N.length === 0,
+							children: [/* @__PURE__ */ d(s, { className: "mr-2 h-4 w-4" }), g("bigconsole.alerts.rule.addDestination", "Add destination")]
+						})
+					]
+				}),
+				/* @__PURE__ */ f("fieldset", {
+					disabled: M,
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ d("legend", {
+							className: "mb-2 text-sm font-medium text-text-primary",
+							children: g("bigconsole.alerts.rule.throttle", "Throttle")
+						}),
+						/* @__PURE__ */ f("label", {
+							className: "flex items-center gap-2 text-sm text-text-primary",
+							children: [/* @__PURE__ */ d("input", {
+								type: "checkbox",
+								checked: _.throttleEnabled,
+								onChange: (e) => P({ throttleEnabled: e.target.checked }),
+								className: e
+							}), g("bigconsole.alerts.rule.limitFrequency", "Limit alert frequency")]
+						}),
+						_.throttleEnabled && /* @__PURE__ */ f("div", {
+							className: "mt-3 grid gap-form-gap sm:grid-cols-2",
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "alert-window",
+								className: "mb-1 block text-xs font-medium text-text-primary",
+								children: g("bigconsole.alerts.rule.window", "Time window (minutes)")
+							}), /* @__PURE__ */ d("input", {
+								id: "alert-window",
+								type: "number",
+								min: 1,
+								step: 1,
+								className: m,
+								value: _.windowMinutes,
+								onChange: (e) => P({ windowMinutes: e.target.value }),
+								required: !0
+							})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "alert-max",
+								className: "mb-1 block text-xs font-medium text-text-primary",
+								children: g("bigconsole.alerts.rule.maxAlerts", "Maximum alerts per window")
+							}), /* @__PURE__ */ d("input", {
+								id: "alert-max",
+								type: "number",
+								min: 1,
+								step: 1,
+								className: m,
+								value: _.maxAlerts,
+								onChange: (e) => P({ maxAlerts: e.target.value }),
+								required: !0
+							})] })]
+						})
+					]
+				}),
+				/* @__PURE__ */ f("label", {
+					className: "flex items-start gap-2 text-sm text-text-primary",
+					children: [/* @__PURE__ */ d("input", {
+						type: "checkbox",
+						checked: _.enabled,
+						onChange: (e) => P({ enabled: e.target.checked }),
+						disabled: M,
+						className: `mt-1 ${e}`
+					}), /* @__PURE__ */ f("span", { children: [g("bigconsole.alerts.rule.enabled", "Rule enabled"), /* @__PURE__ */ d("span", {
+						className: "mt-1 block text-xs text-text-secondary",
+						children: g("bigconsole.alerts.rule.enabledHelp", "Enabled rules evaluate when this sink is updated or refreshed. Saving a disabled rule does not send notifications.")
+					})] })]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "flex flex-wrap justify-end gap-control-gap border-t border-border-subtle pt-4",
+					children: [/* @__PURE__ */ d(u, {
+						type: "button",
+						variant: "secondary",
+						onClick: k,
+						disabled: x,
+						children: g("bigconsole.alerts.rule.cancel", "Cancel")
+					}), /* @__PURE__ */ f(u, {
+						type: "submit",
+						disabled: M,
+						children: [x ? /* @__PURE__ */ d(a, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ d(c, { className: "mr-2 h-4 w-4" }), x ? g("bigconsole.alerts.rule.saving", "Saving…") : g("bigconsole.alerts.rule.save", "Save rule")]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { h as AlertRuleEditor };
+//# sourceMappingURL=AlertRuleEditor.js.map

package/dist/bigconsole/components/datasink/AlertRuleEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertRuleEditor.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/AlertRuleEditor.tsx"],"sourcesContent":["import type { FormEvent } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Loader2, Plus, Save, Trash2, Play } from 'lucide-react';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport { AlertSeverity, DataSinkAlertConditionType, DataSinkAlertChannel } from '../../../generated/wspace-types';\nimport type { AlertChannel, AlertPreview } from '../../hooks/useDataSinkAlerts';\nimport type { AlertDraft } from '../../utils/alertRules';\n\nconst FIELD = `w-full min-w-0 rounded-control border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary ${SECTION_FOCUS_RING}`;\ninterface Props {\n draft: AlertDraft;\n channels: AlertChannel[];\n channelError: string | null;\n canUpdate: boolean;\n pending: boolean;\n previewing: boolean;\n preview: AlertPreview | null;\n previewError: string | null;\n previewStale: boolean;\n error: string | null;\n onChange: (draft: AlertDraft) => void;\n onSave: () => void;\n onCancel: () => void;\n onPreview: () => void;\n onReloadChannels: () => void;\n}\n\nexport function AlertRuleEditor(props: Props) {\n const { t } = useI18n();\n const {\n draft,\n channels,\n channelError,\n canUpdate,\n pending,\n previewing,\n preview,\n previewError,\n previewStale,\n error,\n onChange,\n onSave,\n onCancel,\n onPreview,\n onReloadChannels,\n } = props;\n const disabled = pending || !canUpdate;\n const activeChannels = channels.filter((channel) => channel.status.toUpperCase() === 'ACTIVE');\n const change = (patch: Partial<AlertDraft>) => onChange({ ...draft, ...patch });\n const submit = (event: FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n onSave();\n };\n return (\n <Section title={t('bigconsole.alerts.rule.title', 'Alert rule')} headingLevel={2} emphasis=\"primary\">\n <form\n onSubmit={submit}\n className=\"flex min-w-0 flex-col gap-form-gap\"\n aria-label={t('bigconsole.alerts.rule.form', 'Alert rule editor')}\n >\n {!canUpdate && (\n <p className=\"text-sm text-text-secondary\">\n {t('bigconsole.alerts.rule.readOnly', 'You have read-only access to these alert rules.')}\n </p>\n )}\n {error && (\n <p role=\"alert\" className=\"break-words text-sm text-status-error-text\">\n {error}\n </p>\n )}\n <div>\n <label htmlFor=\"alert-name\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.name', 'Name')}\n </label>\n <input\n id=\"alert-name\"\n className={FIELD}\n value={draft.name}\n onChange={(event) => change({ name: event.target.value })}\n required\n maxLength={200}\n disabled={disabled}\n />\n </div>\n <div className=\"grid min-w-0 gap-form-gap sm:grid-cols-2\">\n <div>\n <label htmlFor=\"alert-condition-type\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.language', 'Condition language')}\n </label>\n <select\n id=\"alert-condition-type\"\n className={FIELD}\n value={draft.conditionType}\n onChange={(event) =>\n change({\n conditionType:\n event.target.value === DataSinkAlertConditionType.Jsonata\n ? DataSinkAlertConditionType.Jsonata\n : DataSinkAlertConditionType.Jq,\n })\n }\n disabled={disabled}\n >\n <option value={DataSinkAlertConditionType.Jq}>JQ</option>\n <option value={DataSinkAlertConditionType.Jsonata}>JSONata</option>\n </select>\n </div>\n <div>\n <label htmlFor=\"alert-severity\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.severity', 'Severity')}\n </label>\n <select\n id=\"alert-severity\"\n className={FIELD}\n value={draft.severity}\n onChange={(event) =>\n change({\n severity:\n Object.values(AlertSeverity).find((value) => value === event.target.value) ?? AlertSeverity.Medium,\n })\n }\n disabled={disabled}\n >\n {Object.values(AlertSeverity).map((value) => (\n <option key={value} value={value}>\n {t(`bigconsole.alerts.severity.${value}`, value.charAt(0).toUpperCase() + value.slice(1))}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div>\n <label htmlFor=\"alert-condition\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.condition', 'Condition')}\n </label>\n <textarea\n id=\"alert-condition\"\n className={`${FIELD} min-h-32 font-mono`}\n value={draft.condition}\n onChange={(event) => change({ condition: event.target.value })}\n rows={5}\n required\n disabled={disabled}\n aria-describedby=\"alert-condition-help\"\n />\n <p id=\"alert-condition-help\" className=\"mt-2 text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.conditionHelp',\n 'Evaluates the entire current sink payload and must return one boolean. Preview does not send notifications.'\n )}\n </p>\n <p className=\"mt-1 break-words text-xs text-text-muted\">\n {draft.conditionType === DataSinkAlertConditionType.Jq\n ? 'JQ: any(.[]; .boarding_minutes > 240)'\n : 'JSONata: $count($[boarding_minutes > 240]) > 0'}\n </p>\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={onPreview}\n disabled={pending || previewing || !draft.condition.trim()}\n className=\"mt-3\"\n >\n {previewing ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <Play className=\"mr-2 h-4 w-4\" />}\n {previewing\n ? t('bigconsole.alerts.rule.previewing', 'Evaluating…')\n : t('bigconsole.alerts.rule.preview', 'Preview condition')}\n </Button>\n {previewError && (\n <p role=\"alert\" className=\"mt-2 break-words text-sm text-status-error-text\">\n {previewError}\n </p>\n )}\n {previewStale && (\n <p role=\"status\" className=\"mt-2 text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.previewStale',\n 'The condition or data changed. Preview again to see the current result.'\n )}\n </p>\n )}\n {preview && !previewStale && (\n <div role=\"status\" className=\"mt-3 rounded-control border border-border-subtle bg-bg-sunken p-3 text-sm\">\n {preview.error ? (\n <p className=\"break-words text-status-error-text\">{preview.error}</p>\n ) : (\n <p className=\"font-medium text-text-primary\">\n {preview.matched\n ? t('bigconsole.alerts.rule.matched', 'Condition matched')\n : t('bigconsole.alerts.rule.noMatch', 'Condition did not match')}\n </p>\n )}\n <p className=\"mt-1 text-xs text-text-secondary\">\n {t('bigconsole.alerts.rule.previewMetadata', 'Evaluated data version')} {preview.version} ·{' '}\n {preview.durationMs} ms\n </p>\n </div>\n )}\n </div>\n <fieldset disabled={disabled} className=\"min-w-0\">\n <legend className=\"mb-2 text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.destinations', 'Delivery destinations')}\n </legend>\n <p className=\"mb-3 text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.destinationHelp',\n 'Choose an available active delivery channel and its actual recipient.'\n )}\n </p>\n {channelError && (\n <div className=\"mb-3 text-sm\">\n <p role=\"alert\" className=\"break-words text-status-error-text\">\n {channelError}\n </p>\n <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={onReloadChannels}>\n {t('bigconsole.alerts.rule.reloadChannels', 'Reload channels')}\n </Button>\n </div>\n )}\n {!channelError && activeChannels.length === 0 && (\n <p className=\"mb-3 text-sm text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.noChannels',\n 'No active delivery channels are available to BigConsole in this organization. You can save this rule disabled.'\n )}\n </p>\n )}\n {!draft.deliveries.length && (\n <p className=\"mb-3 text-xs text-text-muted\">\n {t('bigconsole.alerts.rule.noDestinations', 'No delivery destinations selected.')}\n </p>\n )}\n {draft.deliveries.map((delivery, index) => (\n <div key={delivery.key} className=\"mb-3 min-w-0 rounded-control border border-border-subtle p-3\">\n <label\n htmlFor={`alert-channel-${delivery.key}`}\n className=\"mb-1 block text-xs font-medium text-text-primary\"\n >\n {t('bigconsole.alerts.rule.channel', 'Configured channel')} {index + 1}\n </label>\n <select\n id={`alert-channel-${delivery.key}`}\n className={FIELD}\n value={delivery.channelId}\n onChange={(event) => {\n const channel = channels.find((item) => item.id === event.target.value);\n change({\n deliveries: draft.deliveries.map((item) =>\n item.key === delivery.key\n ? {\n ...item,\n channelId: channel?.id ?? '',\n channel: channel?.platform ?? DataSinkAlertChannel.Email,\n recipient: channel?.platform === item.channel ? item.recipient : '',\n }\n : item\n ),\n });\n }}\n >\n <option value=\"\">{t('bigconsole.alerts.rule.chooseChannel', 'Choose a configured channel')}</option>\n {delivery.channelId && !activeChannels.some((channel) => channel.id === delivery.channelId) && (\n <option value={delivery.channelId}>\n {t('bigconsole.alerts.rule.unavailableChannel', 'Unavailable channel')} · {delivery.channelId}\n </option>\n )}\n {activeChannels.map((channel) => (\n <option key={channel.id} value={channel.id}>\n {channel.name} · {channel.platform}\n </option>\n ))}\n </select>\n <label\n htmlFor={`alert-recipient-${delivery.key}`}\n className=\"mb-1 mt-3 block text-xs font-medium text-text-primary\"\n >\n {delivery.channel === DataSinkAlertChannel.Email\n ? t('bigconsole.alerts.rule.emailRecipient', 'Email address')\n : delivery.channel === DataSinkAlertChannel.Slack\n ? t('bigconsole.alerts.rule.slackRecipient', 'Slack recipient ID')\n : t('bigconsole.alerts.rule.webhookRecipient', 'HTTPS webhook URL')}\n </label>\n <input\n id={`alert-recipient-${delivery.key}`}\n className={FIELD}\n type={\n delivery.channel === DataSinkAlertChannel.Email\n ? 'email'\n : delivery.channel === DataSinkAlertChannel.Webhook\n ? 'url'\n : 'text'\n }\n value={delivery.recipient}\n onChange={(event) =>\n change({\n deliveries: draft.deliveries.map((item) =>\n item.key === delivery.key ? { ...item, recipient: event.target.value } : item\n ),\n })\n }\n required\n />\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n onClick={() => change({ deliveries: draft.deliveries.filter((item) => item.key !== delivery.key) })}\n className=\"mt-2\"\n >\n <Trash2 className=\"mr-2 h-4 w-4\" />\n {t('bigconsole.alerts.rule.removeDestination', 'Remove destination')}\n </Button>\n </div>\n ))}\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={() =>\n change({\n deliveries: [\n ...draft.deliveries,\n { key: crypto.randomUUID(), channel: DataSinkAlertChannel.Email, channelId: '', recipient: '' },\n ],\n })\n }\n disabled={activeChannels.length === 0}\n >\n <Plus className=\"mr-2 h-4 w-4\" />\n {t('bigconsole.alerts.rule.addDestination', 'Add destination')}\n </Button>\n </fieldset>\n <fieldset disabled={disabled} className=\"min-w-0\">\n <legend className=\"mb-2 text-sm font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.throttle', 'Throttle')}\n </legend>\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={draft.throttleEnabled}\n onChange={(event) => change({ throttleEnabled: event.target.checked })}\n className={SECTION_FOCUS_RING}\n />\n {t('bigconsole.alerts.rule.limitFrequency', 'Limit alert frequency')}\n </label>\n {draft.throttleEnabled && (\n <div className=\"mt-3 grid gap-form-gap sm:grid-cols-2\">\n <div>\n <label htmlFor=\"alert-window\" className=\"mb-1 block text-xs font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.window', 'Time window (minutes)')}\n </label>\n <input\n id=\"alert-window\"\n type=\"number\"\n min={1}\n step={1}\n className={FIELD}\n value={draft.windowMinutes}\n onChange={(event) => change({ windowMinutes: event.target.value })}\n required\n />\n </div>\n <div>\n <label htmlFor=\"alert-max\" className=\"mb-1 block text-xs font-medium text-text-primary\">\n {t('bigconsole.alerts.rule.maxAlerts', 'Maximum alerts per window')}\n </label>\n <input\n id=\"alert-max\"\n type=\"number\"\n min={1}\n step={1}\n className={FIELD}\n value={draft.maxAlerts}\n onChange={(event) => change({ maxAlerts: event.target.value })}\n required\n />\n </div>\n </div>\n )}\n </fieldset>\n <label className=\"flex items-start gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={draft.enabled}\n onChange={(event) => change({ enabled: event.target.checked })}\n disabled={disabled}\n className={`mt-1 ${SECTION_FOCUS_RING}`}\n />\n <span>\n {t('bigconsole.alerts.rule.enabled', 'Rule enabled')}\n <span className=\"mt-1 block text-xs text-text-secondary\">\n {t(\n 'bigconsole.alerts.rule.enabledHelp',\n 'Enabled rules evaluate when this sink is updated or refreshed. Saving a disabled rule does not send notifications.'\n )}\n </span>\n </span>\n </label>\n <div className=\"flex flex-wrap justify-end gap-control-gap border-t border-border-subtle pt-4\">\n <Button type=\"button\" variant=\"secondary\" onClick={onCancel} disabled={pending}>\n {t('bigconsole.alerts.rule.cancel', 'Cancel')}\n </Button>\n <Button type=\"submit\" disabled={disabled}>\n {pending ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <Save className=\"mr-2 h-4 w-4\" />}\n {pending ? t('bigconsole.alerts.rule.saving', 'Saving…') : t('bigconsole.alerts.rule.save', 'Save rule')}\n </Button>\n </div>\n </form>\n </Section>\n );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/workflow/WorkflowOpenGuard.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+interface WorkflowOpenGuardProps {
+    /** The workflow KEY from the URL (`:id`). */
+    workflowKey: string;
+    /** The SDK builder — mounted only once the open is known to be read-only. */
+    children: ReactNode;
+}
+/**
+ * Mounts the SDK builder only when opening the key cannot create anything
+ * (BOFF-8060 F2). The SDK builder creates a definition for an unknown key on
+ * mount, so a link to a key that does not exist must never reach it.
+ *
+ *  - explicit "new workflow" navigation  -> builder (the person asked to create)
+ *  - key exists                          -> builder
+ *  - key does not exist                  -> not-found state, nothing is written
+ *  - lookup failed                       -> retry state, nothing is written
+ *
+ * A key stays trusted once seen, so the SDK's own `navigate(../workflow/key/vN)`
+ * after a save (same key, new version) does not unmount an editor with unsaved
+ * work behind another lookup.
+ */
+export declare const WorkflowOpenGuard: import('react').NamedExoticComponent<WorkflowOpenGuardProps>;
+export {};
+//# sourceMappingURL=WorkflowOpenGuard.d.ts.map

package/dist/bigconsole/components/workflow/WorkflowOpenGuard.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"WorkflowOpenGuard.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowOpenGuard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASlE,UAAU,sBAAsB;IAC9B,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,8DAiG5B,CAAC"}

package/dist/bigconsole/components/workflow/WorkflowOpenGuard.js ADDED Viewed

@@ -0,0 +1,89 @@
+import { useAppNavigate as e } from "../../contexts/NavigationContext.js";
+import "../../contexts/index.js";
+import { decideWorkflowOpenView as t, isCreateIntent as n, toLookupClient as r, verifyWorkflowKey as i } from "../../workflowOpen.js";
+import { memo as a, useEffect as o, useState as s } from "react";
+import { useLocation as c } from "react-router";
+import { Spinner as l } from "@burdenoff/fe-libs/ui";
+import { useApolloClient as u } from "@apollo/client/react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/bigconsole/components/workflow/WorkflowOpenGuard.tsx
+var h = a(function({ workflowKey: a, children: h }) {
+	let { t: g } = m(), _ = e(), v = u(), y = n(c().state), [b, x] = s(null), [S, C] = s(null), [w, T] = s(null), [E, D] = s(0);
+	o(() => {
+		if (!a) return;
+		if (y) {
+			x(a);
+			return;
+		}
+		if (b === a) return;
+		let e = !1;
+		return i(r(v), a).then((t) => {
+			e || (t === "found" ? x(a) : t === "absent" ? C(a) : T(a));
+		}), () => {
+			e = !0;
+		};
+	}, [
+		a,
+		y,
+		b,
+		v,
+		E
+	]);
+	let O = t({
+		key: a,
+		createIntent: y,
+		verifiedKey: b,
+		absentKey: S,
+		failedKey: w
+	});
+	return O === "builder" ? /* @__PURE__ */ f(d, { children: h }) : O === "not-found" ? /* @__PURE__ */ p("div", {
+		className: "p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ f("p", {
+				className: "text-base font-medium text-text-primary",
+				children: g("bigconsole.workflows.builder.notFoundTitle", "Workflow not found")
+			}),
+			/* @__PURE__ */ f("p", {
+				className: "text-sm text-text-secondary",
+				children: g("bigconsole.workflows.builder.notFoundDescription", "No workflow with this key exists in this workspace. Nothing was created.")
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => _("/workflows"),
+				className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors",
+				children: g("bigconsole.workflows.view.backToWorkflows", "Back to Workflows")
+			})
+		]
+	}) : O === "failed" ? /* @__PURE__ */ p("div", {
+		className: "p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4",
+		role: "alert",
+		children: [/* @__PURE__ */ f("p", {
+			className: "text-sm text-text-secondary",
+			children: g("bigconsole.workflows.builder.loadFailed", "Couldn't load this workflow. Please try again.")
+		}), /* @__PURE__ */ p("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => {
+					T(null), D((e) => e + 1);
+				},
+				className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
+				children: g("bigconsole.workflows.actions.tryAgain", "Try Again")
+			}), /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => _("/workflows"),
+				className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors",
+				children: g("bigconsole.workflows.view.backToWorkflows", "Back to Workflows")
+			})]
+		})]
+	}) : /* @__PURE__ */ f("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ f(l, { className: "h-8 w-8" })
+	});
+});
+//#endregion
+export { h as WorkflowOpenGuard };
+//# sourceMappingURL=WorkflowOpenGuard.js.map

package/dist/bigconsole/components/workflow/WorkflowOpenGuard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WorkflowOpenGuard.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowOpenGuard.tsx"],"sourcesContent":["import { memo, useEffect, useState, type ReactNode } from 'react';\nimport { useLocation } from 'react-router';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useApolloClient } from '@apollo/client/react';\n\nimport { useAppNavigate } from '../../contexts';\nimport { decideWorkflowOpenView, isCreateIntent, toLookupClient, verifyWorkflowKey } from '../../workflowOpen';\n\ninterface WorkflowOpenGuardProps {\n /** The workflow KEY from the URL (`:id`). */\n workflowKey: string;\n /** The SDK builder — mounted only once the open is known to be read-only. */\n children: ReactNode;\n}\n\n/**\n * Mounts the SDK builder only when opening the key cannot create anything\n * (BOFF-8060 F2). The SDK builder creates a definition for an unknown key on\n * mount, so a link to a key that does not exist must never reach it.\n *\n * - explicit \"new workflow\" navigation -> builder (the person asked to create)\n * - key exists -> builder\n * - key does not exist -> not-found state, nothing is written\n * - lookup failed -> retry state, nothing is written\n *\n * A key stays trusted once seen, so the SDK's own `navigate(../workflow/key/vN)`\n * after a save (same key, new version) does not unmount an editor with unsaved\n * work behind another lookup.\n */\nexport const WorkflowOpenGuard = memo(function WorkflowOpenGuard({ workflowKey, children }: WorkflowOpenGuardProps) {\n const { t } = useI18n();\n const navigate = useAppNavigate();\n const client = useApolloClient();\n const location = useLocation();\n const createIntent = isCreateIntent(location.state);\n\n // Each verdict is keyed by the key it describes so navigating between\n // workflows never reuses a stale answer.\n const [verifiedKey, setVerifiedKey] = useState<string | null>(null);\n const [absentKey, setAbsentKey] = useState<string | null>(null);\n const [failedKey, setFailedKey] = useState<string | null>(null);\n // Bumped by \"Try again\" to re-run the lookup after a failure.\n const [retryNonce, setRetryNonce] = useState(0);\n\n useEffect(() => {\n if (!workflowKey) return;\n if (createIntent) {\n // The person pressed \"New workflow\": trust this key from here on.\n setVerifiedKey(workflowKey);\n return;\n }\n if (verifiedKey === workflowKey) return;\n\n let cancelled = false;\n verifyWorkflowKey(toLookupClient(client), workflowKey).then((verdict) => {\n if (cancelled) return;\n if (verdict === 'found') setVerifiedKey(workflowKey);\n else if (verdict === 'absent') setAbsentKey(workflowKey);\n else setFailedKey(workflowKey);\n });\n return () => {\n cancelled = true;\n };\n }, [workflowKey, createIntent, verifiedKey, client, retryNonce]);\n\n const view = decideWorkflowOpenView({ key: workflowKey, createIntent, verifiedKey, absentKey, failedKey });\n\n if (view === 'builder') return <>{children}</>;\n\n if (view === 'not-found') {\n return (\n <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\" role=\"alert\">\n <p className=\"text-base font-medium text-text-primary\">\n {t('bigconsole.workflows.builder.notFoundTitle', 'Workflow not found')}\n </p>\n <p className=\"text-sm text-text-secondary\">\n {t(\n 'bigconsole.workflows.builder.notFoundDescription',\n 'No workflow with this key exists in this workspace. Nothing was created.'\n )}\n </p>\n <button\n type=\"button\"\n onClick={() => navigate('/workflows')}\n className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n >\n {t('bigconsole.workflows.view.backToWorkflows', 'Back to Workflows')}\n </button>\n </div>\n );\n }\n\n if (view === 'failed') {\n return (\n <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\" role=\"alert\">\n <p className=\"text-sm text-text-secondary\">\n {t('bigconsole.workflows.builder.loadFailed', \"Couldn't load this workflow. Please try again.\")}\n </p>\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => {\n setFailedKey(null);\n setRetryNonce((n) => n + 1);\n }}\n className=\"px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors\"\n >\n {t('bigconsole.workflows.actions.tryAgain', 'Try Again')}\n </button>\n <button\n type=\"button\"\n onClick={() => navigate('/workflows')}\n className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n >\n {t('bigconsole.workflows.view.backToWorkflows', 'Back to Workflows')}\n </button>\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"flex items-center justify-center min-h-[400px]\">\n <Spinner className=\"h-8 w-8\" />\n </div>\n );\n});\n"],"mappings":";;;;;;;;;;AA8BA,IAAa,IAAoB,EAAK,SAA2B,EAAE,gBAAa,eAAoC;CAClH,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAgB,EAC3B,IAAS,GAAiB,EAE1B,IAAe,EADJ,GAAa,CACe,MAAM,EAI7C,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,CAAC,GAAY,KAAiB,EAAS,EAAE;AAE/C,SAAgB;AACd,MAAI,CAAC,EAAa;AAClB,MAAI,GAAc;AAEhB,KAAe,EAAY;AAC3B;;AAEF,MAAI,MAAgB,EAAa;EAEjC,IAAI,IAAY;AAOhB,SANA,EAAkB,EAAe,EAAO,EAAE,EAAY,CAAC,MAAM,MAAY;AACnE,SACA,MAAY,UAAS,EAAe,EAAY,GAC3C,MAAY,WAAU,EAAa,EAAY,GACnD,EAAa,EAAY;IAC9B,QACW;AACX,OAAY;;IAEb;EAAC;EAAa;EAAc;EAAa;EAAQ;EAAW,CAAC;CAEhE,IAAM,IAAO,EAAuB;EAAE,KAAK;EAAa;EAAc;EAAa;EAAW;EAAW,CAAC;AAwD1G,QAtDI,MAAS,YAAkB,kBAAA,GAAA,EAAG,aAAY,CAAA,GAE1C,MAAS,cAET,kBAAC,OAAD;EAAK,WAAU;EAAgF,MAAK;YAApG;GACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,8CAA8C,qBAAqB;IACpE,CAAA;GACJ,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,oDACA,2EACD;IACC,CAAA;GACJ,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,aAAa;IACrC,WAAU;cAET,EAAE,6CAA6C,oBAAoB;IAC7D,CAAA;GACL;MAIN,MAAS,WAET,kBAAC,OAAD;EAAK,WAAU;EAAgF,MAAK;YAApG,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAE,2CAA2C,iDAAiD;GAC7F,CAAA,EACJ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe;AAEb,KADA,EAAa,KAAK,EAClB,GAAe,MAAM,IAAI,EAAE;;IAE7B,WAAU;cAET,EAAE,yCAAyC,YAAY;IACjD,CAAA,EACT,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,aAAa;IACrC,WAAU;cAET,EAAE,6CAA6C,oBAAoB;IAC7D,CAAA,CACL;KACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAC3B,CAAA;EAER"}