@burdenoff/microfe-bigconsole 2026.1008.11 → 2026.1008.12

package/dist/bigconsole/pages/DataSinkBuilderPage.js

@@ -7,21 +7,23 @@ import te from "../hooks/useDataSinkOperations.js";
 import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
 import { loadBigConsoleSettings as ne } from "../hooks/useBigConsoleSettings.js";
 import { isNative as re, nativeCopyText as ie, nativeToast as ae } from "../../utils/nativeBridge.js";
-import i from "../components/datasink/CacheTTLSelector.js";
-import a from "../components/datasink/RefreshTypeSelector.js";
-import { memo as o, useCallback as s, useEffect as c, useMemo as oe, useState as l } from "react";
-import { useParams as se } from "react-router";
-import { AccessDenied as ce, PermissionButton as le } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ue } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as u, ArrowLeft as d, Check as f, Copy as p, Database as m, Eye as h, ListChecks as g, Loader2 as _, Save as de, Settings as fe } from "lucide-react";
-import { Button as v, IllustratedEmptyState as pe, Input as y, Label as b, PagePurpose as me, 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 he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import oe from "../components/datasink/CacheTTLSelector.js";
+import se from "../components/datasink/RefreshTypeSelector.js";
+import { isDirty as ce } from "../utils/formDirty.js";
+import { memo as i, useCallback as a, useEffect as o, useMemo as le, useState as s } from "react";
+import { useParams as ue } from "react-router";
+import { AccessDenied as de, PermissionButton as fe } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as pe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as c, ArrowLeft as l, Check as u, Copy as d, Database as f, Eye as p, ListChecks as me, Loader2 as m, Save as he, Settings as ge } from "lucide-react";
+import { Button as h, IllustratedEmptyState as _e, Input as g, Label as _, PagePurpose as ve, Textarea as v } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as ye } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DataSinkBuilderPage.tsx
-function ge(e) {
+function xe(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
 }
-function _e(e, t) {
+function Se(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);
@@ -30,8 +32,8 @@ function _e(e, t) {
 	}
 	return n;
 }
-var T = o(function() {
-	let { dataSinkId: o } = se(), T = e(), { t: E } = he(), D = o !== "new" && !!o, { hasPermission: ve, isLoading: ye } = ue(), be = ve(r.DATASINK_READ), xe = D ? r.DATASINK_UPDATE : r.DATASINK_CREATE, [O, k] = l({
+var S = i(function() {
+	let { dataSinkId: i } = ue(), S = e(), { t: C } = be(), w = i !== "new" && !!i, { hasPermission: T, isLoading: Ce } = pe(), we = T(r.DATASINK_READ), E = w ? r.DATASINK_UPDATE : r.DATASINK_CREATE, [D, O] = s({
 		name: "",
 		key: "",
 		description: "",
@@ -41,488 +43,495 @@ var T = o(function() {
 		})(),
 		refresh: { type: "manual" },
 		data: "{}"
-	}), [A, j] = l({}), [M, N] = l(!1), [P, F] = l(!1), [I, L] = l(null), [Se, R] = l(!1), [z, B] = l(!1), [V, H] = l(null), [U, W] = l(null), { loading: Ce, error: G, dataSinks: we, fetchDataSink: K, createDataSink: q, updateDataSink: J, getDataSinkData: Y } = te({ skipFetch: !0 }), X = D ? we.find((e) => e.id === o) : null;
-	c(() => {
-		D && o && !X && K(o);
+	}), [k, A] = s(() => w ? null : D);
+	ye({
+		id: "datasink-editor",
+		label: C("bigconsole.assistant.unsaved.dataSourceForm", "the data source form"),
+		dirty: ce(D, k)
+	});
+	let [j, M] = s({}), [N, P] = s(!1), [F, I] = s(!1), [L, R] = s(null), [Te, z] = s(!1), [B, V] = s(!1), [H, U] = s(null), [W, G] = s(null), { loading: Ee, error: K, dataSinks: De, fetchDataSink: q, createDataSink: J, updateDataSink: Y, getDataSinkData: X } = te({ skipFetch: !0 }), Z = w ? De.find((e) => e.id === i) : null;
+	o(() => {
+		w && i && !Z && q(i);
 	}, [
-		D,
-		o,
-		X,
-		K
+		w,
+		i,
+		Z,
+		q
 	]);
-	let [Z, Te] = l(!1);
-	c(() => {
-		if (X && !Z) {
+	let [Q, Oe] = s(!1);
+	o(() => {
+		if (Z && !Q) {
 			let e = "";
-			if (X.data) try {
-				if (typeof X.data == "string") {
-					let t = JSON.parse(X.data);
+			if (Z.data) try {
+				if (typeof Z.data == "string") {
+					let t = JSON.parse(Z.data);
 					e = JSON.stringify(t, null, 2);
-				} else e = JSON.stringify(X.data, null, 2);
+				} else e = JSON.stringify(Z.data, null, 2);
 			} catch {
-				e = typeof X.data == "string" ? X.data : "";
+				e = typeof Z.data == "string" ? Z.data : "";
 			}
-			k({
-				name: X.name || "",
-				key: X.key || "",
-				description: X.description || "",
-				ttl: X.ttl ?? 300,
-				refresh: X.refresh ? {
-					type: X.refresh.type === "scheduled" ? "scheduled" : "manual",
-					schedule: X.refresh.schedule ? {
-						cron: X.refresh.schedule.cron,
-						timezone: X.refresh.schedule.timezone
+			let t = {
+				name: Z.name || "",
+				key: Z.key || "",
+				description: Z.description || "",
+				ttl: Z.ttl ?? 300,
+				refresh: Z.refresh ? {
+					type: Z.refresh.type === "scheduled" ? "scheduled" : "manual",
+					schedule: Z.refresh.schedule ? {
+						cron: Z.refresh.schedule.cron,
+						timezone: Z.refresh.schedule.timezone
 					} : void 0
 				} : { type: "manual" },
 				data: e
-			}), N(!0), Te(!0), j({});
+			};
+			O(t), A(t), P(!0), Oe(!0), M({});
 		}
-	}, [X, Z]);
-	let Ee = s((e) => {
+	}, [Z, Q]);
+	let ke = a((e) => {
 		let t = e.target.value;
-		k((e) => ({
+		O((e) => ({
 			...e,
 			name: t,
-			key: M ? e.key : ge(t)
-		})), j((e) => ({
+			key: N ? e.key : xe(t)
+		})), M((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, [M]), De = s((e) => {
+	}, [N]), Ae = a((e) => {
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
-		k((e) => ({
+		O((e) => ({
 			...e,
 			key: t
-		})), N(!0), j((e) => ({
+		})), P(!0), M((e) => ({
 			...e,
 			key: void 0
 		}));
-	}, []), Oe = s((e) => {
-		k((t) => ({
+	}, []), je = a((e) => {
+		O((t) => ({
 			...t,
 			description: e.target.value
 		}));
-	}, []), Q = s((e) => {
-		k((t) => ({
+	}, []), Me = a((e) => {
+		O((t) => ({
 			...t,
 			ttl: e || 0
 		}));
-	}, []), ke = s((e) => {
-		k((t) => ({
+	}, []), Ne = a((e) => {
+		O((t) => ({
 			...t,
 			refresh: e
 		}));
-	}, []), Ae = s((e) => {
-		k((t) => ({
+	}, []), Pe = a((e) => {
+		O((t) => ({
 			...t,
 			data: e.target.value
-		})), j((e) => ({
+		})), M((e) => ({
 			...e,
 			data: void 0
 		}));
-	}, []), je = s(() => {
+	}, []), Fe = a(() => {
 		try {
-			let e = JSON.parse(O.data);
-			k((t) => ({
+			let e = JSON.parse(D.data);
+			O((t) => ({
 				...t,
 				data: JSON.stringify(e, null, 2)
-			})), j((e) => ({
+			})), M((e) => ({
 				...e,
 				data: void 0
 			}));
 		} catch {
-			j((e) => ({
+			M((e) => ({
 				...e,
-				data: E("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
+				data: C("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
 			}));
 		}
-	}, [O.data, E]), Me = s(async () => {
-		O.key && (await ie(O.key), R(!0), re() && ae(E("bigconsole.dataSinks.builder.toolbar.keyCopied", "Key copied")), setTimeout(() => R(!1), 2e3));
-	}, [O.key, E]), $ = s(() => {
-		T("/datasinks");
-	}, [T]), Ne = s(async () => {
-		if (!(!D || !X)) {
-			B(!0), W(null);
+	}, [D.data, C]), Ie = a(async () => {
+		D.key && (await ie(D.key), z(!0), re() && ae(C("bigconsole.dataSinks.builder.toolbar.keyCopied", "Key copied")), setTimeout(() => z(!1), 2e3));
+	}, [D.key, C]), $ = a(() => {
+		S("/datasinks");
+	}, [S]), Le = a(async () => {
+		if (!(!w || !Z)) {
+			V(!0), G(null);
 			try {
-				let e = await Y({ key: X.key });
-				e?.raw ? H(Array.isArray(e.raw) ? e.raw.slice(0, 20) : [e.raw]) : H([]);
+				let e = await X({ key: Z.key });
+				e?.raw ? U(Array.isArray(e.raw) ? e.raw.slice(0, 20) : [e.raw]) : U([]);
 			} catch (e) {
-				W(e instanceof Error ? e.message : E("bigconsole.dataSinks.builder.errors.loadDataFailed", "Failed to load data"));
+				G(e instanceof Error ? e.message : C("bigconsole.dataSinks.builder.errors.loadDataFailed", "Failed to load data"));
 			} finally {
-				B(!1);
+				V(!1);
 			}
 		}
 	}, [
-		D,
+		w,
+		Z,
 		X,
-		Y,
-		E
-	]), Pe = s(async (e) => {
-		e.preventDefault(), L(null);
-		let n = _e(O, E);
+		C
+	]), Re = a(async (e) => {
+		e.preventDefault(), R(null);
+		let n = Se(D, C);
 		if (Object.keys(n).length > 0) {
-			j(n);
+			M(n);
 			return;
 		}
-		F(!0);
+		I(!0);
 		try {
 			let e = {};
-			if (O.data && O.data.trim()) try {
-				e = JSON.parse(O.data);
+			if (D.data && D.data.trim()) try {
+				e = JSON.parse(D.data);
 			} catch {
-				j((e) => ({
+				M((e) => ({
 					...e,
-					data: E("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
-				})), F(!1);
+					data: C("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
+				})), I(!1);
 				return;
 			}
-			if (D && X) {
-				if (!await J({
-					id: X.id,
-					version: X.version,
-					name: O.name,
-					description: O.description || void 0,
-					ttl: O.ttl,
+			if (w && Z) {
+				if (!await Y({
+					id: Z.id,
+					version: Z.version,
+					name: D.name,
+					description: D.description || void 0,
+					ttl: D.ttl,
 					refresh: {
-						type: O.refresh.type,
-						schedule: O.refresh.schedule
+						type: D.refresh.type,
+						schedule: D.refresh.schedule
 					},
 					data: e
-				})) throw Error(E("bigconsole.dataSinks.builder.errors.updateFailed", "Failed to update DataSink"));
-			} else if (!await q({
-				key: O.key,
-				name: O.name,
-				description: O.description || void 0,
-				ttl: O.ttl,
+				})) throw Error(C("bigconsole.dataSinks.builder.errors.updateFailed", "Failed to update DataSink"));
+			} else if (!await J({
+				key: D.key,
+				name: D.name,
+				description: D.description || void 0,
+				ttl: D.ttl,
 				refresh: {
-					type: O.refresh.type,
-					schedule: O.refresh.schedule
+					type: D.refresh.type,
+					schedule: D.refresh.schedule
 				},
 				data: e
-			})) throw Error(E("bigconsole.dataSinks.builder.errors.createFailed", "Failed to create DataSink"));
-			T("/datasinks");
+			})) throw Error(C("bigconsole.dataSinks.builder.errors.createFailed", "Failed to create DataSink"));
+			A(D), S("/datasinks");
 		} catch (e) {
 			if (t(e)) return;
-			L(e instanceof Error ? e.message : E("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"));
+			R(e instanceof Error ? e.message : C("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"));
 		} finally {
-			F(!1);
+			I(!1);
 		}
 	}, [
-		O,
 		D,
-		X,
-		q,
+		w,
+		Z,
 		J,
-		T,
-		E
-	]), Fe = oe(() => {
-		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);
+		Y,
+		S,
+		C
+	]), ze = le(() => {
+		let e = D.name.trim().length >= 2, t = D.key.trim().length > 0, n = !0;
+		if (D.data && D.data.trim()) try {
+			JSON.parse(D.data);
 		} catch {
 			n = !1;
 		}
 		return e && t && n;
 	}, [
-		O.name,
-		O.key,
-		O.data
+		D.name,
+		D.key,
+		D.data
 	]);
-	return Ce && D ? /* @__PURE__ */ C("div", {
+	return Ee && w ? /* @__PURE__ */ b("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
-		children: /* @__PURE__ */ C(_, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
-	}) : G ? /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ b(m, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
+	}) : K ? /* @__PURE__ */ b("div", {
 		className: "mx-auto w-full max-w-7xl p-card-padding",
-		children: /* @__PURE__ */ C(n, {
+		children: /* @__PURE__ */ b(n, {
 			tone: "danger",
 			headingLevel: 2,
-			title: E("bigconsole.dataSinks.builder.errors.loadFailed", "Failed to load DataSink"),
-			description: G.message,
-			icon: /* @__PURE__ */ C(u, { className: "h-icon-sm w-icon-sm" }),
-			actions: /* @__PURE__ */ w(v, {
+			title: C("bigconsole.dataSinks.builder.errors.loadFailed", "Failed to load DataSink"),
+			description: K.message,
+			icon: /* @__PURE__ */ b(c, { className: "h-icon-sm w-icon-sm" }),
+			actions: /* @__PURE__ */ x(h, {
 				onClick: $,
 				variant: "secondary",
 				size: "sm",
-				children: [/* @__PURE__ */ C(d, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
+				children: [/* @__PURE__ */ b(l, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
 			})
 		})
-	}) : D && !ye && !be ? /* @__PURE__ */ C(ce, {
-		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", {
+	}) : w && !Ce && !we ? /* @__PURE__ */ b(de, {
+		title: C("bigconsole.dataSinks.builder.accessDenied.title", "Access Denied"),
+		description: C("bigconsole.dataSinks.builder.accessDenied.description", "You don't have permission to view this data sink.")
+	}) : /* @__PURE__ */ x("div", {
 		className: "mx-auto w-full min-w-0 max-w-7xl p-card-padding",
 		children: [
-			/* @__PURE__ */ w("header", {
+			/* @__PURE__ */ x("header", {
 				className: "mb-form-gap",
 				children: [
-					/* @__PURE__ */ w(v, {
+					/* @__PURE__ */ x(h, {
 						onClick: $,
 						variant: "ghost",
 						size: "sm",
 						className: "mb-4",
-						children: [/* @__PURE__ */ C(d, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
+						children: [/* @__PURE__ */ b(l, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
 					}),
-					/* @__PURE__ */ C("h1", {
+					/* @__PURE__ */ b("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: D ? E("bigconsole.dataSinks.builder.header.editTitle", "Edit DataSink") : E("bigconsole.dataSinks.builder.header.createTitle", "Create DataSink")
+						children: w ? C("bigconsole.dataSinks.builder.header.editTitle", "Edit DataSink") : C("bigconsole.dataSinks.builder.header.createTitle", "Create DataSink")
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ b("p", {
 						className: "mt-1 text-sm text-text-secondary",
-						children: D ? E("bigconsole.dataSinks.builder.header.editSubtitle", "Update the DataSink configuration.") : E("bigconsole.dataSinks.builder.header.createSubtitle", "Create a new DataSink to store and cache data. Use the unique key to connect workflows.")
+						children: w ? C("bigconsole.dataSinks.builder.header.editSubtitle", "Update the DataSink configuration.") : C("bigconsole.dataSinks.builder.header.createSubtitle", "Create a new DataSink to store and cache data. Use the unique key to connect workflows.")
 					})
 				]
 			}),
-			/* @__PURE__ */ C(me, {
+			/* @__PURE__ */ b(ve, {
 				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.")
+				children: C("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(n, {
+			L && /* @__PURE__ */ b(n, {
 				tone: "danger",
 				headingLevel: 2,
-				title: E("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"),
-				description: I,
-				icon: /* @__PURE__ */ C(u, { className: "h-icon-sm w-icon-sm" }),
+				title: C("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"),
+				description: L,
+				icon: /* @__PURE__ */ b(c, { className: "h-icon-sm w-icon-sm" }),
 				className: "mb-section-gap"
 			}),
-			/* @__PURE__ */ C("form", {
+			/* @__PURE__ */ b("form", {
 				"data-tour": "bigconsole-datasink-builder",
-				onSubmit: Pe,
-				children: /* @__PURE__ */ w(ee, { children: [
-					/* @__PURE__ */ C(n, {
+				onSubmit: Re,
+				children: /* @__PURE__ */ x(ee, { children: [
+					/* @__PURE__ */ b(n, {
 						emphasis: "primary",
 						headingLevel: 2,
-						title: E("bigconsole.dataSinks.builder.basicInfo.title", "Basic Information"),
-						description: E("bigconsole.dataSinks.builder.basicInfo.subtitle", "Essential details for your DataSink"),
-						icon: /* @__PURE__ */ C(m, { className: "h-icon-sm w-icon-sm" }),
+						title: C("bigconsole.dataSinks.builder.basicInfo.title", "Basic Information"),
+						description: C("bigconsole.dataSinks.builder.basicInfo.subtitle", "Essential details for your DataSink"),
+						icon: /* @__PURE__ */ b(f, { className: "h-icon-sm w-icon-sm" }),
 						bodyClassName: "grid gap-form-gap md:grid-cols-2",
-						children: /* @__PURE__ */ w(S, { children: [
-							/* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ x(y, { children: [
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ w(b, {
+									/* @__PURE__ */ x(_, {
 										htmlFor: "name",
 										children: [
-											E("bigconsole.dataSinks.builder.basicInfo.nameLabel", "Name"),
+											C("bigconsole.dataSinks.builder.basicInfo.nameLabel", "Name"),
 											" ",
-											/* @__PURE__ */ C("span", {
+											/* @__PURE__ */ b("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})
 										]
 									}),
-									/* @__PURE__ */ C(y, {
+									/* @__PURE__ */ b(g, {
 										id: "name",
 										type: "text",
-										value: O.name,
-										onChange: Ee,
-										placeholder: E("bigconsole.dataSinks.builder.basicInfo.namePlaceholder", "e.g., Sales Metrics"),
-										className: A.name ? "border-status-error-border" : ""
+										value: D.name,
+										onChange: ke,
+										placeholder: C("bigconsole.dataSinks.builder.basicInfo.namePlaceholder", "e.g., Sales Metrics"),
+										className: j.name ? "border-status-error-border" : ""
 									}),
-									A.name && /* @__PURE__ */ C("p", {
+									j.name && /* @__PURE__ */ b("p", {
 										className: "text-xs text-status-error-text",
-										children: A.name
+										children: j.name
 									})
 								]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ w(b, {
+									/* @__PURE__ */ x(_, {
 										htmlFor: "key",
 										children: [
-											E("bigconsole.dataSinks.builder.basicInfo.keyLabel", "Unique Key"),
+											C("bigconsole.dataSinks.builder.basicInfo.keyLabel", "Unique Key"),
 											" ",
-											/* @__PURE__ */ C("span", {
+											/* @__PURE__ */ b("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})
 										]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex gap-2",
-										children: [/* @__PURE__ */ C(y, {
+										children: [/* @__PURE__ */ b(g, {
 											id: "key",
 											type: "text",
-											value: O.key,
-											onChange: De,
-											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(v, {
+											value: D.key,
+											onChange: Ae,
+											placeholder: C("bigconsole.dataSinks.builder.basicInfo.keyPlaceholder", "sales_metrics"),
+											disabled: w,
+											className: `font-mono flex-1 ${j.key ? "border-status-error-border" : ""}`
+										}), D.key && /* @__PURE__ */ b(h, {
 											type: "button",
-											onClick: Me,
-											"aria-label": E("bigconsole.dataSinks.builder.basicInfo.copyKey", "Copy unique key"),
+											onClick: Ie,
+											"aria-label": C("bigconsole.dataSinks.builder.basicInfo.copyKey", "Copy unique key"),
 											variant: "outline",
 											size: "sm",
 											className: "px-3",
-											children: Se ? /* @__PURE__ */ C(f, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ C(p, { className: "w-4 h-4" })
+											children: Te ? /* @__PURE__ */ b(u, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ b(d, { className: "w-4 h-4" })
 										})]
 									}),
-									A.key && /* @__PURE__ */ C("p", {
+									j.key && /* @__PURE__ */ b("p", {
 										className: "text-xs text-status-error-text",
-										children: A.key
+										children: j.key
 									}),
-									/* @__PURE__ */ C("p", {
+									/* @__PURE__ */ b("p", {
 										className: "text-xs text-text-muted",
-										children: D ? E("bigconsole.dataSinks.builder.basicInfo.keyHelpEdit", "Key cannot be changed. Use this key in your workflows to push data.") : E("bigconsole.dataSinks.builder.basicInfo.keyHelpCreate", "Auto-generated from name. This key will be used by workflows to push data.")
+										children: w ? C("bigconsole.dataSinks.builder.basicInfo.keyHelpEdit", "Key cannot be changed. Use this key in your workflows to push data.") : C("bigconsole.dataSinks.builder.basicInfo.keyHelpCreate", "Auto-generated from name. This key will be used by workflows to push data.")
 									})
 								]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-2 md:col-span-2",
-								children: [/* @__PURE__ */ C(b, {
+								children: [/* @__PURE__ */ b(_, {
 									htmlFor: "description",
-									children: E("bigconsole.dataSinks.builder.basicInfo.descriptionLabel", "Description")
-								}), /* @__PURE__ */ C(x, {
+									children: C("bigconsole.dataSinks.builder.basicInfo.descriptionLabel", "Description")
+								}), /* @__PURE__ */ b(v, {
 									id: "description",
-									value: O.description,
-									onChange: Oe,
-									placeholder: E("bigconsole.dataSinks.builder.basicInfo.descriptionPlaceholder", "Describe what data this sink stores..."),
+									value: D.description,
+									onChange: je,
+									placeholder: C("bigconsole.dataSinks.builder.basicInfo.descriptionPlaceholder", "Describe what data this sink stores..."),
 									rows: 2,
 									className: "resize-none"
 								})]
 							})
 						] })
 					}),
-					/* @__PURE__ */ C(n, {
+					/* @__PURE__ */ b(n, {
 						headingLevel: 2,
-						title: E("bigconsole.dataSinks.builder.config.title", "Configuration"),
-						description: E("bigconsole.dataSinks.builder.config.subtitle", "Cache and refresh settings"),
-						icon: /* @__PURE__ */ C(fe, { className: "h-icon-sm w-icon-sm" }),
+						title: C("bigconsole.dataSinks.builder.config.title", "Configuration"),
+						description: C("bigconsole.dataSinks.builder.config.subtitle", "Cache and refresh settings"),
+						icon: /* @__PURE__ */ b(ge, { className: "h-icon-sm w-icon-sm" }),
 						bodyClassName: "grid gap-form-gap md:grid-cols-2",
-						children: /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ C(b, { children: E("bigconsole.dataSinks.builder.config.cacheDurationLabel", "Cache Duration") }),
-								/* @__PURE__ */ C(i, {
-									value: O.ttl,
-									onChange: Q,
+								/* @__PURE__ */ b(_, { children: C("bigconsole.dataSinks.builder.config.cacheDurationLabel", "Cache Duration") }),
+								/* @__PURE__ */ b(oe, {
+									value: D.ttl,
+									onChange: Me,
 									hideLabel: !0
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-xs text-text-muted",
-									children: E("bigconsole.dataSinks.builder.config.cacheDurationHelp", "How long cached data remains valid before requiring refresh.")
+									children: C("bigconsole.dataSinks.builder.config.cacheDurationHelp", "How long cached data remains valid before requiring refresh.")
 								})
 							]
-						}), /* @__PURE__ */ C(a, {
-							value: O.refresh,
-							onChange: ke
+						}), /* @__PURE__ */ b(se, {
+							value: D.refresh,
+							onChange: Ne
 						})] })
 					}),
-					/* @__PURE__ */ C(n, {
+					/* @__PURE__ */ b(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(m, { className: "h-icon-sm w-icon-sm" }),
-						actions: /* @__PURE__ */ C(v, {
+						title: C("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
+						description: w ? C("bigconsole.dataSinks.builder.dataPayload.subtitleEdit", "Edit the JSON data stored in this DataSink") : C("bigconsole.dataSinks.builder.dataPayload.subtitleCreate", "Optional initial data (JSON format)"),
+						icon: /* @__PURE__ */ b(f, { className: "h-icon-sm w-icon-sm" }),
+						actions: /* @__PURE__ */ b(h, {
 							type: "button",
-							onClick: je,
+							onClick: Fe,
 							variant: "outline",
 							size: "sm",
-							children: E("bigconsole.dataSinks.builder.dataPayload.formatJson", "Format JSON")
+							children: C("bigconsole.dataSinks.builder.dataPayload.formatJson", "Format JSON")
 						}),
 						bodyClassName: "space-y-2",
-						children: /* @__PURE__ */ w(S, { children: [
-							/* @__PURE__ */ C(x, {
-								"aria-label": E("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
-								value: O.data,
-								onChange: Ae,
-								placeholder: E("bigconsole.dataSinks.builder.dataPayload.dataPlaceholder", "{\"key\": \"value\"}"),
+						children: /* @__PURE__ */ x(y, { children: [
+							/* @__PURE__ */ b(v, {
+								"aria-label": C("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
+								value: D.data,
+								onChange: Pe,
+								placeholder: C("bigconsole.dataSinks.builder.dataPayload.dataPlaceholder", "{\"key\": \"value\"}"),
 								rows: 10,
-								className: `resize-y font-mono text-xs ${A.data ? "border-status-error-border" : ""}`
+								className: `resize-y font-mono text-xs ${j.data ? "border-status-error-border" : ""}`
 							}),
-							A.data && /* @__PURE__ */ C("p", {
+							j.data && /* @__PURE__ */ b("p", {
 								className: "text-xs text-status-error-text",
-								children: A.data
+								children: j.data
 							}),
-							/* @__PURE__ */ C("p", {
+							/* @__PURE__ */ b("p", {
 								className: "text-xs text-text-muted",
-								children: E("bigconsole.dataSinks.builder.dataPayload.help", "Enter valid JSON data. This data will be stored and can be accessed by widgets via parsers.")
+								children: C("bigconsole.dataSinks.builder.dataPayload.help", "Enter valid JSON data. This data will be stored and can be accessed by widgets via parsers.")
 							})
 						] })
 					}),
-					D && X && /* @__PURE__ */ C(n, {
+					w && Z && /* @__PURE__ */ b(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(h, { className: "h-icon-sm w-icon-sm" }),
-						actions: /* @__PURE__ */ C(v, {
+						title: C("bigconsole.dataSinks.builder.preview.title", "Data Preview"),
+						description: C("bigconsole.dataSinks.builder.preview.subtitle", "Preview the first 20 records"),
+						icon: /* @__PURE__ */ b(p, { className: "h-icon-sm w-icon-sm" }),
+						actions: /* @__PURE__ */ b(h, {
 							type: "button",
-							onClick: Ne,
+							onClick: Le,
 							variant: "outline",
 							size: "sm",
-							disabled: z,
-							children: z ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(_, { className: "w-4 h-4 mr-2 animate-spin" }), E("bigconsole.dataSinks.builder.preview.loading", "Loading...")] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(h, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.preview.showData", "Show Data")] })
+							disabled: B,
+							children: B ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, { className: "w-4 h-4 mr-2 animate-spin" }), C("bigconsole.dataSinks.builder.preview.loading", "Loading...")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.builder.preview.showData", "Show Data")] })
 						}),
-						children: U ? /* @__PURE__ */ C(n, {
+						children: W ? /* @__PURE__ */ b(n, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Could not load the preview",
-							children: /* @__PURE__ */ C("p", {
+							children: /* @__PURE__ */ b("p", {
 								className: "text-sm text-status-error-text",
-								children: U
+								children: W
 							})
-						}) : V && V.length > 0 ? /* @__PURE__ */ C("pre", {
+						}) : H && H.length > 0 ? /* @__PURE__ */ b("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(pe, {
+							children: JSON.stringify(H, null, 2)
+						}) : H ? /* @__PURE__ */ b(_e, {
 							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.")
-						}) : /* @__PURE__ */ C("p", {
+							title: C("bigconsole.dataSinks.builder.preview.emptyTitle", "No data available yet"),
+							description: C("bigconsole.dataSinks.builder.preview.emptyDescription", "Connect a workflow to this sink's key to start pushing data.")
+						}) : /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: "Select \"Show data\" to load the records this sink currently holds."
 						})
 					}),
-					!D && /* @__PURE__ */ C(n, {
+					!w && /* @__PURE__ */ b(n, {
 						tone: "info",
 						emphasis: "muted",
 						headingLevel: 2,
-						title: E("bigconsole.dataSinks.builder.whatsNext.title", "What's Next?"),
-						icon: /* @__PURE__ */ C(g, { className: "h-icon-sm w-icon-sm" }),
-						children: /* @__PURE__ */ w("ol", {
+						title: C("bigconsole.dataSinks.builder.whatsNext.title", "What's Next?"),
+						icon: /* @__PURE__ */ b(me, { className: "h-icon-sm w-icon-sm" }),
+						children: /* @__PURE__ */ x("ol", {
 							className: "list-inside list-decimal space-y-1 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ C("li", { children: E("bigconsole.dataSinks.builder.whatsNext.step1", "Create this DataSink to get your unique key") }),
-								/* @__PURE__ */ w("li", { children: [
-									E("bigconsole.dataSinks.builder.whatsNext.step2Prefix", "Go to"),
+								/* @__PURE__ */ b("li", { children: C("bigconsole.dataSinks.builder.whatsNext.step1", "Create this DataSink to get your unique key") }),
+								/* @__PURE__ */ x("li", { children: [
+									C("bigconsole.dataSinks.builder.whatsNext.step2Prefix", "Go to"),
 									" ",
-									/* @__PURE__ */ C("strong", { children: E("bigconsole.dataSinks.builder.whatsNext.workflows", "Workflows") }),
+									/* @__PURE__ */ b("strong", { children: C("bigconsole.dataSinks.builder.whatsNext.workflows", "Workflows") }),
 									" ",
-									E("bigconsole.dataSinks.builder.whatsNext.step2Suffix", "and create a FluidGrids workflow")
+									C("bigconsole.dataSinks.builder.whatsNext.step2Suffix", "and create a FluidGrids workflow")
 								] }),
-								/* @__PURE__ */ C("li", { children: E("bigconsole.dataSinks.builder.whatsNext.step3", "Use the unique key in your workflow to push data to this DataSink") }),
-								/* @__PURE__ */ w("li", { children: [
-									E("bigconsole.dataSinks.builder.whatsNext.step4Prefix", "Create"),
+								/* @__PURE__ */ b("li", { children: C("bigconsole.dataSinks.builder.whatsNext.step3", "Use the unique key in your workflow to push data to this DataSink") }),
+								/* @__PURE__ */ x("li", { children: [
+									C("bigconsole.dataSinks.builder.whatsNext.step4Prefix", "Create"),
 									" ",
-									/* @__PURE__ */ C("strong", { children: E("bigconsole.dataSinks.builder.whatsNext.parsers", "Parsers") }),
+									/* @__PURE__ */ b("strong", { children: C("bigconsole.dataSinks.builder.whatsNext.parsers", "Parsers") }),
 									" ",
-									E("bigconsole.dataSinks.builder.whatsNext.step4Suffix", "to transform the data using JQ or JSONata")
+									C("bigconsole.dataSinks.builder.whatsNext.step4Suffix", "to transform the data using JQ or JSONata")
 								] })
 							]
 						})
 					}),
-					/* @__PURE__ */ w(n, {
+					/* @__PURE__ */ x(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(v, {
+						children: [/* @__PURE__ */ b(h, {
 							type: "button",
 							onClick: $,
 							variant: "secondary",
-							children: E("bigconsole.dataSinks.builder.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ C(le, {
-							permission: xe,
+							children: C("bigconsole.dataSinks.builder.actions.cancel", "Cancel")
+						}), /* @__PURE__ */ b(fe, {
+							permission: E,
 							deniedBehavior: "disable",
-							children: /* @__PURE__ */ C(v, {
+							children: /* @__PURE__ */ b(h, {
 								type: "submit",
-								disabled: !Fe || P,
+								disabled: !ze || F,
 								variant: "default",
-								children: P ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(_, { className: "w-4 h-4 mr-2 animate-spin" }), E("bigconsole.dataSinks.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(de, { 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: F ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, { className: "w-4 h-4 mr-2 animate-spin" }), C("bigconsole.dataSinks.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(he, { className: "w-4 h-4 mr-2" }), w ? C("bigconsole.dataSinks.builder.actions.saveChanges", "Save Changes") : C("bigconsole.dataSinks.builder.actions.create", "Create DataSink")] })
 							})
 						})]
 					})
@@ -532,6 +541,6 @@ var T = o(function() {
 	});
 });
 //#endregion
-export { T as DataSinkBuilderPage, T as default };
+export { S as DataSinkBuilderPage, S as default };
 
 //# sourceMappingURL=DataSinkBuilderPage.js.map