@burdenoff/microfe-bigconsole 2026.924.3 → 2026.925.2

package/dist/bigconsole/pages/DataSinkBuilderPage.js

@@ -1,25 +1,26 @@
 import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import { Section as t, SectionStack as n } from "../components/common/Section.js";
+import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
+import { Section as n, SectionStack as r } from "../components/common/Section.js";
 import "../components/common/index.js";
-import ee from "../hooks/useDataSinkOperations.js";
-import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
-import { isNative as te, nativeCopyText as ne, nativeToast as i } from "../../utils/nativeBridge.js";
+import i from "../hooks/useDataSinkOperations.js";
+import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
+import { isNative as ee, nativeCopyText as te, nativeToast as ne } from "../../utils/nativeBridge.js";
 import re from "../components/datasink/CacheTTLSelector.js";
-import ie from "../components/datasink/RefreshTypeSelector.js";
-import { memo as a, useCallback as o, useEffect as s, useMemo as ae, useState as c } from "react";
-import { useParams as oe } from "react-router";
-import { AccessDenied as se, PermissionButton as l } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as d, ArrowLeft as f, Check as ce, Copy as le, Database as p, Eye as m, ListChecks as h, Loader2 as g, Save as ue, Settings as de } from "lucide-react";
-import { Button as _, IllustratedEmptyState as v, Input as y, Label as b, PagePurpose as fe, Textarea as x } from "@burdenoff/fe-libs/ui";
+import o from "../components/datasink/RefreshTypeSelector.js";
+import { memo as s, useCallback as c, useEffect as l, useMemo as ie, useState as u } from "react";
+import { useParams as ae } from "react-router";
+import { AccessDenied as oe, PermissionButton as se } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as d, ArrowLeft as f, Check as le, Copy as ue, Database as p, Eye as m, ListChecks as h, Loader2 as g, Save as _, Settings as de } from "lucide-react";
+import { Button as v, IllustratedEmptyState as fe, Input as y, Label as b, PagePurpose as pe, Textarea as x } from "@burdenoff/fe-libs/ui";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/pages/DataSinkBuilderPage.tsx
-function me(e) {
+function he(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
 }
-function he(e, t) {
+function ge(e, t) {
 	let n = {};
 	if (e.name.trim() ? e.name.length < 2 ? n.name = t("bigconsole.dataSinks.builder.validation.nameMinLength", "Name must be at least 2 characters") : e.name.length > 100 && (n.name = t("bigconsole.dataSinks.builder.validation.nameMaxLength", "Name must be less than 100 characters")) : n.name = t("bigconsole.dataSinks.builder.validation.nameRequired", "Name is required"), e.key.trim() ? /^[a-z0-9_]+$/.test(e.key) ? e.key.length > 64 && (n.key = t("bigconsole.dataSinks.builder.validation.keyMaxLength", "Key must be less than 64 characters")) : n.key = t("bigconsole.dataSinks.builder.validation.keyFormat", "Key can only contain lowercase letters, numbers, and underscores") : n.key = t("bigconsole.dataSinks.builder.validation.keyRequired", "Key is required"), e.data && e.data.trim()) try {
 		JSON.parse(e.data);
@@ -28,25 +29,25 @@ function he(e, t) {
 	}
 	return n;
 }
-var T = a(function() {
-	let { dataSinkId: a } = oe(), T = e(), { t: E } = pe(), D = a !== "new" && !!a, { hasPermission: ge, isLoading: _e } = u(), ve = ge(r.DATASINK_READ), ye = D ? r.DATASINK_UPDATE : r.DATASINK_CREATE, [O, k] = c({
+var T = s(function() {
+	let { dataSinkId: s } = ae(), T = e(), { t: E } = me(), D = s !== "new" && !!s, { hasPermission: _e, isLoading: ve } = ce(), ye = _e(a.DATASINK_READ), be = D ? a.DATASINK_UPDATE : a.DATASINK_CREATE, [O, k] = u({
 		name: "",
 		key: "",
 		description: "",
 		ttl: 300,
 		refresh: { type: "manual" },
 		data: "{}"
-	}), [A, j] = c({}), [M, N] = c(!1), [P, F] = c(!1), [I, L] = c(null), [be, R] = c(!1), [z, B] = c(!1), [V, H] = c(null), [U, W] = c(null), { loading: xe, error: G, dataSinks: Se, fetchDataSink: K, createDataSink: q, updateDataSink: J, getDataSinkData: Y } = ee({ skipFetch: !0 }), X = D ? Se.find((e) => e.id === a) : null;
-	s(() => {
-		D && a && !X && K(a);
+	}), [A, j] = u({}), [M, N] = u(!1), [P, F] = u(!1), [I, L] = u(null), [xe, R] = u(!1), [z, B] = u(!1), [V, H] = u(null), [U, W] = u(null), { loading: Se, error: G, dataSinks: Ce, fetchDataSink: K, createDataSink: q, updateDataSink: J, getDataSinkData: Y } = i({ skipFetch: !0 }), X = D ? Ce.find((e) => e.id === s) : null;
+	l(() => {
+		D && s && !X && K(s);
 	}, [
 		D,
-		a,
+		s,
 		X,
 		K
 	]);
-	let [Z, Ce] = c(!1);
-	s(() => {
+	let [Z, we] = u(!1);
+	l(() => {
 		if (X && !Z) {
 			let e = "";
 			if (X.data) try {
@@ -70,20 +71,20 @@ var T = a(function() {
 					} : void 0
 				} : { type: "manual" },
 				data: e
-			}), N(!0), Ce(!0), j({});
+			}), N(!0), we(!0), j({});
 		}
 	}, [X, Z]);
-	let we = o((e) => {
+	let Te = c((e) => {
 		let t = e.target.value;
 		k((e) => ({
 			...e,
 			name: t,
-			key: M ? e.key : me(t)
+			key: M ? e.key : he(t)
 		})), j((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, [M]), Te = o((e) => {
+	}, [M]), Ee = c((e) => {
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
 		k((e) => ({
 			...e,
@@ -92,22 +93,22 @@ var T = a(function() {
 			...e,
 			key: void 0
 		}));
-	}, []), Ee = o((e) => {
+	}, []), De = c((e) => {
 		k((t) => ({
 			...t,
 			description: e.target.value
 		}));
-	}, []), De = o((e) => {
+	}, []), Oe = c((e) => {
 		k((t) => ({
 			...t,
 			ttl: e || 0
 		}));
-	}, []), Oe = o((e) => {
+	}, []), Q = c((e) => {
 		k((t) => ({
 			...t,
 			refresh: e
 		}));
-	}, []), Q = o((e) => {
+	}, []), ke = c((e) => {
 		k((t) => ({
 			...t,
 			data: e.target.value
@@ -115,7 +116,7 @@ var T = a(function() {
 			...e,
 			data: void 0
 		}));
-	}, []), ke = o(() => {
+	}, []), Ae = c(() => {
 		try {
 			let e = JSON.parse(O.data);
 			k((t) => ({
@@ -131,11 +132,11 @@ var T = a(function() {
 				data: E("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
 			}));
 		}
-	}, [O.data, E]), Ae = o(async () => {
-		O.key && (await ne(O.key), R(!0), te() && i(E("bigconsole.dataSinks.builder.toolbar.keyCopied", "Key copied")), setTimeout(() => R(!1), 2e3));
-	}, [O.key, E]), $ = o(() => {
+	}, [O.data, E]), je = c(async () => {
+		O.key && (await te(O.key), R(!0), ee() && ne(E("bigconsole.dataSinks.builder.toolbar.keyCopied", "Key copied")), setTimeout(() => R(!1), 2e3));
+	}, [O.key, E]), $ = c(() => {
 		T("/datasinks");
-	}, [T]), je = o(async () => {
+	}, [T]), Me = c(async () => {
 		if (!(!D || !X)) {
 			B(!0), W(null);
 			try {
@@ -152,11 +153,11 @@ var T = a(function() {
 		X,
 		Y,
 		E
-	]), Me = o(async (e) => {
+	]), Ne = c(async (e) => {
 		e.preventDefault(), L(null);
-		let t = he(O, E);
-		if (Object.keys(t).length > 0) {
-			j(t);
+		let n = ge(O, E);
+		if (Object.keys(n).length > 0) {
+			j(n);
 			return;
 		}
 		F(!0);
@@ -197,6 +198,7 @@ var T = a(function() {
 			})) throw Error(E("bigconsole.dataSinks.builder.errors.createFailed", "Failed to create DataSink"));
 			T("/datasinks");
 		} catch (e) {
+			if (t(e)) return;
 			L(e instanceof Error ? e.message : E("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"));
 		} finally {
 			F(!1);
@@ -209,7 +211,7 @@ var T = a(function() {
 		J,
 		T,
 		E
-	]), Ne = ae(() => {
+	]), Pe = ie(() => {
 		let e = O.name.trim().length >= 2, t = O.key.trim().length > 0, n = !0;
 		if (O.data && O.data.trim()) try {
 			JSON.parse(O.data);
@@ -222,25 +224,25 @@ var T = a(function() {
 		O.key,
 		O.data
 	]);
-	return xe && D ? /* @__PURE__ */ C("div", {
+	return Se && D ? /* @__PURE__ */ C("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
 		children: /* @__PURE__ */ C(g, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
 	}) : G ? /* @__PURE__ */ C("div", {
 		className: "mx-auto w-full max-w-3xl p-card-padding",
-		children: /* @__PURE__ */ C(t, {
+		children: /* @__PURE__ */ C(n, {
 			tone: "danger",
 			headingLevel: 2,
 			title: E("bigconsole.dataSinks.builder.errors.loadFailed", "Failed to load DataSink"),
 			description: G.message,
 			icon: /* @__PURE__ */ C(d, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ w(_, {
+			actions: /* @__PURE__ */ w(v, {
 				onClick: $,
 				variant: "secondary",
 				size: "sm",
 				children: [/* @__PURE__ */ C(f, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
 			})
 		})
-	}) : D && !_e && !ve ? /* @__PURE__ */ C(se, {
+	}) : D && !ve && !ye ? /* @__PURE__ */ C(oe, {
 		title: E("bigconsole.dataSinks.builder.accessDenied.title", "Access Denied"),
 		description: E("bigconsole.dataSinks.builder.accessDenied.description", "You don't have permission to view this data sink.")
 	}) : /* @__PURE__ */ w("div", {
@@ -249,7 +251,7 @@ var T = a(function() {
 			/* @__PURE__ */ w("header", {
 				className: "mb-form-gap",
 				children: [
-					/* @__PURE__ */ w(_, {
+					/* @__PURE__ */ w(v, {
 						onClick: $,
 						variant: "ghost",
 						size: "sm",
@@ -266,11 +268,11 @@ var T = a(function() {
 					})
 				]
 			}),
-			/* @__PURE__ */ C(fe, {
+			/* @__PURE__ */ C(pe, {
 				className: "mb-section-gap",
 				children: E("bigconsole.dataSinks.builder.header.purpose", "A data sink is the named, structured store your dashboards read from. Give it a unique key, configure how long data is cached and how it refreshes, then point a workflow at that key to push data in. Get the basics right here and everything downstream connects to it.")
 			}),
-			I && /* @__PURE__ */ C(t, {
+			I && /* @__PURE__ */ C(n, {
 				tone: "danger",
 				headingLevel: 2,
 				title: E("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"),
@@ -279,9 +281,9 @@ var T = a(function() {
 				className: "mb-section-gap"
 			}),
 			/* @__PURE__ */ C("form", {
-				onSubmit: Me,
-				children: /* @__PURE__ */ w(n, { children: [
-					/* @__PURE__ */ C(t, {
+				onSubmit: Ne,
+				children: /* @__PURE__ */ w(r, { children: [
+					/* @__PURE__ */ C(n, {
 						emphasis: "primary",
 						headingLevel: 2,
 						title: E("bigconsole.dataSinks.builder.basicInfo.title", "Basic Information"),
@@ -307,7 +309,7 @@ var T = a(function() {
 										id: "name",
 										type: "text",
 										value: O.name,
-										onChange: we,
+										onChange: Te,
 										placeholder: E("bigconsole.dataSinks.builder.basicInfo.namePlaceholder", "e.g., Sales Metrics"),
 										className: A.name ? "border-status-error-border" : ""
 									}),
@@ -337,17 +339,17 @@ var T = a(function() {
 											id: "key",
 											type: "text",
 											value: O.key,
-											onChange: Te,
+											onChange: Ee,
 											placeholder: E("bigconsole.dataSinks.builder.basicInfo.keyPlaceholder", "sales_metrics"),
 											disabled: D,
 											className: `font-mono flex-1 ${A.key ? "border-status-error-border" : ""}`
-										}), O.key && /* @__PURE__ */ C(_, {
+										}), O.key && /* @__PURE__ */ C(v, {
 											type: "button",
-											onClick: Ae,
+											onClick: je,
 											variant: "outline",
 											size: "sm",
 											className: "px-3",
-											children: be ? /* @__PURE__ */ C(ce, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ C(le, { className: "w-4 h-4" })
+											children: xe ? /* @__PURE__ */ C(le, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ C(ue, { className: "w-4 h-4" })
 										})]
 									}),
 									A.key && /* @__PURE__ */ C("p", {
@@ -368,7 +370,7 @@ var T = a(function() {
 								}), /* @__PURE__ */ C(x, {
 									id: "description",
 									value: O.description,
-									onChange: Ee,
+									onChange: De,
 									placeholder: E("bigconsole.dataSinks.builder.basicInfo.descriptionPlaceholder", "Describe what data this sink stores..."),
 									rows: 2,
 									className: "resize-none"
@@ -376,7 +378,7 @@ var T = a(function() {
 							})
 						] })
 					}),
-					/* @__PURE__ */ C(t, {
+					/* @__PURE__ */ C(n, {
 						headingLevel: 2,
 						title: E("bigconsole.dataSinks.builder.config.title", "Configuration"),
 						description: E("bigconsole.dataSinks.builder.config.subtitle", "Cache and refresh settings"),
@@ -388,7 +390,7 @@ var T = a(function() {
 								/* @__PURE__ */ C(b, { children: E("bigconsole.dataSinks.builder.config.cacheDurationLabel", "Cache Duration") }),
 								/* @__PURE__ */ C(re, {
 									value: O.ttl,
-									onChange: De,
+									onChange: Oe,
 									hideLabel: !0
 								}),
 								/* @__PURE__ */ C("p", {
@@ -396,19 +398,19 @@ var T = a(function() {
 									children: E("bigconsole.dataSinks.builder.config.cacheDurationHelp", "How long cached data remains valid before requiring refresh.")
 								})
 							]
-						}), /* @__PURE__ */ C(ie, {
+						}), /* @__PURE__ */ C(o, {
 							value: O.refresh,
-							onChange: Oe
+							onChange: Q
 						})] })
 					}),
-					/* @__PURE__ */ C(t, {
+					/* @__PURE__ */ C(n, {
 						headingLevel: 2,
 						title: E("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
 						description: D ? E("bigconsole.dataSinks.builder.dataPayload.subtitleEdit", "Edit the JSON data stored in this DataSink") : E("bigconsole.dataSinks.builder.dataPayload.subtitleCreate", "Optional initial data (JSON format)"),
 						icon: /* @__PURE__ */ C(p, { className: "h-icon-sm w-icon-sm" }),
-						actions: /* @__PURE__ */ C(_, {
+						actions: /* @__PURE__ */ C(v, {
 							type: "button",
-							onClick: ke,
+							onClick: Ae,
 							variant: "outline",
 							size: "sm",
 							children: E("bigconsole.dataSinks.builder.dataPayload.formatJson", "Format JSON")
@@ -418,7 +420,7 @@ var T = a(function() {
 							/* @__PURE__ */ C(x, {
 								"aria-label": E("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
 								value: O.data,
-								onChange: Q,
+								onChange: ke,
 								placeholder: E("bigconsole.dataSinks.builder.dataPayload.dataPlaceholder", "{\"key\": \"value\"}"),
 								rows: 10,
 								className: `resize-y font-mono text-xs ${A.data ? "border-status-error-border" : ""}`
@@ -433,21 +435,21 @@ var T = a(function() {
 							})
 						] })
 					}),
-					D && X && /* @__PURE__ */ C(t, {
+					D && X && /* @__PURE__ */ C(n, {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: E("bigconsole.dataSinks.builder.preview.title", "Data Preview"),
 						description: E("bigconsole.dataSinks.builder.preview.subtitle", "Preview the first 20 records"),
 						icon: /* @__PURE__ */ C(m, { className: "h-icon-sm w-icon-sm" }),
-						actions: /* @__PURE__ */ C(_, {
+						actions: /* @__PURE__ */ C(v, {
 							type: "button",
-							onClick: je,
+							onClick: Me,
 							variant: "outline",
 							size: "sm",
 							disabled: z,
 							children: z ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(g, { className: "w-4 h-4 mr-2 animate-spin" }), E("bigconsole.dataSinks.builder.preview.loading", "Loading...")] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(m, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.preview.showData", "Show Data")] })
 						}),
-						children: U ? /* @__PURE__ */ C(t, {
+						children: U ? /* @__PURE__ */ C(n, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 3,
@@ -459,7 +461,7 @@ var T = a(function() {
 						}) : V && V.length > 0 ? /* @__PURE__ */ C("pre", {
 							className: "max-h-[300px] min-w-0 overflow-auto rounded-input bg-bg-surface p-3 font-mono text-xs",
 							children: JSON.stringify(V, null, 2)
-						}) : V ? /* @__PURE__ */ C(v, {
+						}) : V ? /* @__PURE__ */ C(fe, {
 							illustration: "empty-generic",
 							title: E("bigconsole.dataSinks.builder.preview.emptyTitle", "No data available yet"),
 							description: E("bigconsole.dataSinks.builder.preview.emptyDescription", "Connect a workflow to this sink's key to start pushing data.")
@@ -468,7 +470,7 @@ var T = a(function() {
 							children: "Select \"Show data\" to load the records this sink currently holds."
 						})
 					}),
-					!D && /* @__PURE__ */ C(t, {
+					!D && /* @__PURE__ */ C(n, {
 						tone: "info",
 						emphasis: "muted",
 						headingLevel: 2,
@@ -496,25 +498,25 @@ var T = a(function() {
 							]
 						})
 					}),
-					/* @__PURE__ */ w(t, {
+					/* @__PURE__ */ w(n, {
 						emphasis: "bare",
 						padding: "none",
 						"aria-label": "Save or discard this data sink",
 						className: "border-t border-[var(--color-border-subtle)] pt-form-gap",
 						bodyClassName: "flex flex-wrap items-center justify-end gap-control-gap",
-						children: [/* @__PURE__ */ C(_, {
+						children: [/* @__PURE__ */ C(v, {
 							type: "button",
 							onClick: $,
 							variant: "secondary",
 							children: E("bigconsole.dataSinks.builder.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ C(l, {
-							permission: ye,
+						}), /* @__PURE__ */ C(se, {
+							permission: be,
 							deniedBehavior: "disable",
-							children: /* @__PURE__ */ C(_, {
+							children: /* @__PURE__ */ C(v, {
 								type: "submit",
-								disabled: !Ne || P,
+								disabled: !Pe || P,
 								variant: "default",
-								children: P ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(g, { className: "w-4 h-4 mr-2 animate-spin" }), E("bigconsole.dataSinks.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(ue, { className: "w-4 h-4 mr-2" }), D ? E("bigconsole.dataSinks.builder.actions.saveChanges", "Save Changes") : E("bigconsole.dataSinks.builder.actions.create", "Create DataSink")] })
+								children: P ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(g, { className: "w-4 h-4 mr-2 animate-spin" }), E("bigconsole.dataSinks.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(_, { className: "w-4 h-4 mr-2" }), D ? E("bigconsole.dataSinks.builder.actions.saveChanges", "Save Changes") : E("bigconsole.dataSinks.builder.actions.create", "Create DataSink")] })
 							})
 						})]
 					})