@burdenoff/microfe-bigconsole 2026.1104.1 → 2026.1104.3

package/dist/bigconsole/pages/DataSinkBuilderPage.js

@@ -11,20 +11,21 @@ import { isNative as re, nativeCopyText as ie, nativeToast as ae } from "../../u
 import { CacheTTLSelector as oe } from "../components/datasink/CacheTTLSelector.js";
 import { RefreshTypeSelector as se } from "../components/datasink/RefreshTypeSelector.js";
 import { diffPayloadEditor as ce, formatPayloadForEditor as le } from "../utils/dataSinkPayload.js";
-import { memo as a, useCallback as o, useEffect as s, useMemo as ue, useState as c } from "react";
-import { useParams as de } from "react-router";
-import { AccessDenied as fe, PermissionButton as pe } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as me } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as l, ArrowLeft as u, Check as he, Copy as ge, Database as _e, Eye as d, ListChecks as ve, Loader2 as f, Save as ye, Settings as be } from "lucide-react";
-import { Button as p, IllustratedEmptyState as xe, Input as m, Label as h, PagePurpose as Se, Textarea as g } from "@burdenoff/fe-libs/ui";
-import { useUnsavedChanges as Ce } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { readSinkOwner as ue, sinkOwnerChanged as de, withSinkOwner as fe } from "../utils/dataSinkOwner.js";
+import { memo as a, useCallback as o, useEffect as s, useMemo as pe, useState as c } from "react";
+import { useParams as me } from "react-router";
+import { AccessDenied as he, PermissionButton as ge } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as _e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as l, ArrowLeft as u, Check as ve, Copy as ye, Database as d, Eye as be, ListChecks as xe, Loader2 as f, Save as Se, Settings as Ce } from "lucide-react";
+import { Button as p, IllustratedEmptyState as we, Input as m, Label as h, PagePurpose as Te, Textarea as g } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as Ee } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as De } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DataSinkBuilderPage.tsx
-function Te(e) {
+function Oe(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
 }
-function Ee(e, t) {
+function ke(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);
@@ -34,116 +35,123 @@ function Ee(e, t) {
 	return n;
 }
 var b = a(function() {
-	let { dataSinkId: a } = de(), b = e(), { t: x } = we(), S = a !== "new" && !!a, { hasPermission: De, isLoading: Oe } = me(), ke = De(i.DATASINK_READ), Ae = S ? i.DATASINK_UPDATE : i.DATASINK_CREATE, [C, w] = c({
+	let { dataSinkId: a } = me(), b = e(), { t: x } = De(), S = a !== "new" && !!a, { hasPermission: Ae, isLoading: je } = _e(), Me = Ae(i.DATASINK_READ), Ne = S ? i.DATASINK_UPDATE : i.DATASINK_CREATE, [C, w] = c({
 		name: "",
 		key: "",
 		description: "",
+		owner: "",
 		ttl: (() => {
 			let e = te();
 			return e.cacheEnabled ? e.cacheTTLSeconds : 0;
 		})(),
 		refresh: { type: "manual" },
 		data: S ? "" : "{}"
-	}), [je, T] = c(() => S ? null : C);
-	Ce({
+	}), [Pe, T] = c(() => S ? null : C);
+	Ee({
 		id: "datasink-editor",
 		label: x("bigconsole.assistant.unsaved.dataSourceForm", "the data source form"),
-		dirty: ne(C, je)
+		dirty: ne(C, Pe)
 	});
-	let [E, D] = c({}), [Me, O] = c(!1), [k, A] = c(!1), [j, M] = c(null), [Ne, N] = c(!1), [P, F] = c(!1), [I, L] = c(null), [R, z] = c(null), [B, V] = c("idle"), [H, U] = c(null), { loading: Pe, error: W, dataSinks: Fe, fetchDataSink: G, fetchDataSinkPayload: K, createDataSink: q, updateDataSink: J, getDataSinkData: Y } = ee({ skipFetch: !0 }), X = S ? Fe.find((e) => e.id === a) : null;
+	let [E, D] = c({}), [O, k] = c(!1), [A, j] = c(!1), [M, N] = c(null), [Fe, P] = c(!1), [F, I] = c(!1), [L, R] = c(null), [z, B] = c(null), [V, H] = c("idle"), [U, W] = c(null), { loading: Ie, error: G, dataSinks: Le, fetchDataSink: K, fetchDataSinkPayload: q, createDataSink: J, updateDataSink: Y, getDataSinkData: X } = ee({ skipFetch: !0 }), Z = S ? Le.find((e) => e.id === a) : null;
 	s(() => {
-		S && a && !X && G(a);
+		S && a && !Z && K(a);
 	}, [
 		S,
 		a,
-		X,
-		G
+		Z,
+		K
 	]), s(() => {
 		if (!S || !a) return;
 		let e = !1;
-		return V("loading"), U(null), K(a).then((t) => {
+		return H("loading"), W(null), q(a).then((t) => {
 			if (e) return;
 			if (!t) {
-				V("unavailable");
+				H("unavailable");
 				return;
 			}
 			let n = le(t.data);
-			U(n), w((e) => ({
+			W(n), w((e) => ({
 				...e,
 				data: n
 			})), T((e) => e ? {
 				...e,
 				data: n
-			} : null), V("loaded");
+			} : null), H("loaded");
 		}).catch(() => {
-			e || V("unavailable");
+			e || H("unavailable");
 		}), () => {
 			e = !0;
 		};
 	}, [
 		S,
 		a,
-		K
+		q
 	]);
-	let [Z, Ie] = c(!1);
+	let [Re, ze] = c(!1);
 	s(() => {
-		if (X && !Z) {
+		if (Z && !Re) {
 			let e = {
 				...C,
-				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
+				name: Z.name || "",
+				key: Z.key || "",
+				description: Z.description || "",
+				owner: ue(Z.metadata),
+				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" }
 			};
-			w(e), T(e), O(!0), Ie(!0), D({});
+			w(e), T(e), k(!0), ze(!0), D({});
 		}
 	}, [
-		X,
 		Z,
+		Re,
 		C
 	]);
-	let Le = o((e) => {
+	let Be = o((e) => {
 		let t = e.target.value;
 		w((e) => ({
 			...e,
 			name: t,
-			key: Me ? e.key : Te(t)
+			key: O ? e.key : Oe(t)
 		})), D((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, [Me]), Re = o((e) => {
+	}, [O]), Ve = o((e) => {
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
 		w((e) => ({
 			...e,
 			key: t
-		})), O(!0), D((e) => ({
+		})), k(!0), D((e) => ({
 			...e,
 			key: void 0
 		}));
-	}, []), ze = o((e) => {
+	}, []), He = o((e) => {
 		w((t) => ({
 			...t,
 			description: e.target.value
 		}));
-	}, []), Be = o((e) => {
+	}, []), Ue = o((e) => {
+		w((t) => ({
+			...t,
+			owner: e.target.value
+		}));
+	}, []), We = o((e) => {
 		w((t) => ({
 			...t,
 			ttl: e || 0
 		}));
-	}, []), Ve = o((e) => {
+	}, []), Ge = o((e) => {
 		w((t) => ({
 			...t,
 			refresh: e
 		}));
-	}, []), He = o((e) => {
+	}, []), Ke = o((e) => {
 		w((t) => ({
 			...t,
 			data: e.target.value
@@ -151,7 +159,7 @@ var b = a(function() {
 			...e,
 			data: void 0
 		}));
-	}, []), Ue = o(() => {
+	}, []), qe = o(() => {
 		try {
 			let e = JSON.parse(C.data);
 			w((t) => ({
@@ -167,33 +175,33 @@ var b = a(function() {
 				data: x("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
 			}));
 		}
-	}, [C.data, x]), We = o(async () => {
-		C.key && (await ie(C.key), N(!0), re() && ae(x("bigconsole.dataSinks.builder.toolbar.keyCopied", "Key copied")), setTimeout(() => N(!1), 2e3));
+	}, [C.data, x]), Je = o(async () => {
+		C.key && (await ie(C.key), P(!0), re() && ae(x("bigconsole.dataSinks.builder.toolbar.keyCopied", "Key copied")), setTimeout(() => P(!1), 2e3));
 	}, [C.key, x]), Q = o(() => {
 		b("/datasinks");
-	}, [b]), Ge = o(async () => {
-		if (!(!S || !X)) {
-			F(!0), z(null);
+	}, [b]), Ye = o(async () => {
+		if (!(!S || !Z)) {
+			I(!0), B(null);
 			try {
-				let e = await Y({ key: X.key });
+				let e = await X({ key: Z.key });
 				if (e?.raw) {
 					let t = Array.isArray(e.raw) ? e.raw.slice(0, 20) : [e.raw];
-					L(t);
-				} else L([]);
+					R(t);
+				} else R([]);
 			} catch (e) {
-				z(e instanceof Error ? e.message : x("bigconsole.dataSinks.builder.errors.loadDataFailed", "Failed to load data"));
+				B(e instanceof Error ? e.message : x("bigconsole.dataSinks.builder.errors.loadDataFailed", "Failed to load data"));
 			} finally {
-				F(!1);
+				I(!1);
 			}
 		}
 	}, [
 		S,
+		Z,
 		X,
-		Y,
 		x
-	]), Ke = o(async (e) => {
-		e.preventDefault(), M(null);
-		let n = Ee(C, x);
+	]), Xe = o(async (e) => {
+		e.preventDefault(), N(null);
+		let n = ke(C, x);
 		if (Object.keys(n).length > 0) {
 			D(n);
 			return;
@@ -204,17 +212,17 @@ var b = a(function() {
 				data: x("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
 			}));
 		};
-		A(!0);
+		j(!0);
 		try {
-			if (S && X) {
-				let e = ce(C.data, H);
+			if (S && Z) {
+				let e = ce(C.data, U);
 				if (e.status === "invalid") {
 					r();
 					return;
 				}
 				let t = {
-					id: X.id,
-					version: X.version,
+					id: Z.id,
+					version: Z.version,
 					name: C.name,
 					description: C.description || void 0,
 					ttl: C.ttl,
@@ -222,9 +230,10 @@ var b = a(function() {
 						type: C.refresh.type,
 						schedule: C.refresh.schedule
 					},
-					...e.status === "changed" ? { data: e.payload } : {}
+					...e.status === "changed" ? { data: e.payload } : {},
+					...de(Z.metadata, C.owner) ? { metadata: fe(Z.metadata, C.owner) ?? {} } : {}
 				};
-				if (!await J(t)) throw Error(x("bigconsole.dataSinks.builder.errors.updateFailed", "Failed to update DataSink"));
+				if (!await Y(t)) throw Error(x("bigconsole.dataSinks.builder.errors.updateFailed", "Failed to update DataSink"));
 			} else {
 				let e = {};
 				if (C.data && C.data.trim()) try {
@@ -242,27 +251,28 @@ var b = a(function() {
 						type: C.refresh.type,
 						schedule: C.refresh.schedule
 					},
-					data: e
+					data: e,
+					metadata: fe(void 0, C.owner)
 				};
-				if (!await q(t)) throw Error(x("bigconsole.dataSinks.builder.errors.createFailed", "Failed to create DataSink"));
+				if (!await J(t)) throw Error(x("bigconsole.dataSinks.builder.errors.createFailed", "Failed to create DataSink"));
 			}
 			T(C), b("/datasinks");
 		} catch (e) {
 			if (t(e)) return;
-			M(e instanceof Error ? e.message : x("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"));
+			N(e instanceof Error ? e.message : x("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"));
 		} finally {
-			A(!1);
+			j(!1);
 		}
 	}, [
 		C,
 		S,
-		X,
-		H,
-		q,
+		Z,
+		U,
 		J,
+		Y,
 		b,
 		x
-	]), $ = S && B === "loading", qe = ue(() => {
+	]), $ = S && V === "loading", Ze = pe(() => {
 		let e = C.name.trim().length >= 2, t = C.key.trim().length > 0, n = !0;
 		if (C.data && C.data.trim()) try {
 			JSON.parse(C.data);
@@ -275,16 +285,16 @@ var b = a(function() {
 		C.key,
 		C.data
 	]);
-	return Pe && S ? /* @__PURE__ */ v("div", {
+	return Ie && S ? /* @__PURE__ */ v("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
 		children: /* @__PURE__ */ v(f, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
-	}) : W ? /* @__PURE__ */ v("div", {
+	}) : G ? /* @__PURE__ */ v("div", {
 		className: "mx-auto w-full max-w-7xl p-card-padding",
 		children: /* @__PURE__ */ v(n, {
 			tone: "danger",
 			headingLevel: 2,
 			title: x("bigconsole.dataSinks.builder.errors.loadFailed", "Failed to load DataSink"),
-			description: W.message,
+			description: G.message,
 			icon: /* @__PURE__ */ v(l, { className: "h-icon-sm w-icon-sm" }),
 			actions: /* @__PURE__ */ y(p, {
 				onClick: Q,
@@ -293,7 +303,7 @@ var b = a(function() {
 				children: [/* @__PURE__ */ v(u, { className: "w-4 h-4 mr-2" }), x("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
 			})
 		})
-	}) : S && !Oe && !ke ? /* @__PURE__ */ v(fe, {
+	}) : S && !je && !Me ? /* @__PURE__ */ v(he, {
 		title: x("bigconsole.dataSinks.builder.accessDenied.title", "Access Denied"),
 		description: x("bigconsole.dataSinks.builder.accessDenied.description", "You don't have permission to view this data sink.")
 	}) : /* @__PURE__ */ y("div", {
@@ -319,28 +329,28 @@ var b = a(function() {
 					})
 				]
 			}),
-			/* @__PURE__ */ v(Se, {
+			/* @__PURE__ */ v(Te, {
 				className: "mb-section-gap",
 				children: x("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.")
 			}),
-			j && /* @__PURE__ */ v(n, {
+			M && /* @__PURE__ */ v(n, {
 				tone: "danger",
 				headingLevel: 2,
 				title: x("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"),
-				description: j,
+				description: M,
 				icon: /* @__PURE__ */ v(l, { className: "h-icon-sm w-icon-sm" }),
 				className: "mb-section-gap"
 			}),
 			/* @__PURE__ */ v("form", {
 				"data-tour": "bigconsole-datasink-builder",
-				onSubmit: Ke,
+				onSubmit: Xe,
 				children: /* @__PURE__ */ y(r, { children: [
 					/* @__PURE__ */ v(n, {
 						emphasis: "primary",
 						headingLevel: 2,
 						title: x("bigconsole.dataSinks.builder.basicInfo.title", "Basic Information"),
 						description: x("bigconsole.dataSinks.builder.basicInfo.subtitle", "Essential details for your DataSink"),
-						icon: /* @__PURE__ */ v(_e, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ v(d, { className: "h-icon-sm w-icon-sm" }),
 						bodyClassName: "grid gap-form-gap md:grid-cols-2",
 						children: /* @__PURE__ */ y(_, { children: [
 							/* @__PURE__ */ y("div", {
@@ -361,7 +371,7 @@ var b = a(function() {
 										id: "name",
 										type: "text",
 										value: C.name,
-										onChange: Le,
+										onChange: Be,
 										placeholder: x("bigconsole.dataSinks.builder.basicInfo.namePlaceholder", "e.g., Sales Metrics"),
 										className: E.name ? "border-status-error-border" : ""
 									}),
@@ -391,18 +401,18 @@ var b = a(function() {
 											id: "key",
 											type: "text",
 											value: C.key,
-											onChange: Re,
+											onChange: Ve,
 											placeholder: x("bigconsole.dataSinks.builder.basicInfo.keyPlaceholder", "sales_metrics"),
 											disabled: S,
 											className: `font-mono flex-1 ${E.key ? "border-status-error-border" : ""}`
 										}), C.key && /* @__PURE__ */ v(p, {
 											type: "button",
-											onClick: We,
+											onClick: Je,
 											"aria-label": x("bigconsole.dataSinks.builder.basicInfo.copyKey", "Copy unique key"),
 											variant: "outline",
 											size: "sm",
 											className: "px-3",
-											children: Ne ? /* @__PURE__ */ v(he, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ v(ge, { className: "w-4 h-4" })
+											children: Fe ? /* @__PURE__ */ v(ve, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ v(ye, { className: "w-4 h-4" })
 										})]
 									}),
 									E.key && /* @__PURE__ */ v("p", {
@@ -423,11 +433,34 @@ var b = a(function() {
 								}), /* @__PURE__ */ v(g, {
 									id: "description",
 									value: C.description,
-									onChange: ze,
+									onChange: He,
 									placeholder: x("bigconsole.dataSinks.builder.basicInfo.descriptionPlaceholder", "Describe what data this sink stores..."),
 									rows: 2,
 									className: "resize-none"
 								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2 md:col-span-2",
+								children: [
+									/* @__PURE__ */ v(h, {
+										htmlFor: "owner",
+										children: x("bigconsole.dataSinks.builder.basicInfo.ownerLabel", "Owner")
+									}),
+									/* @__PURE__ */ v(m, {
+										id: "owner",
+										value: C.owner,
+										onChange: Ue,
+										maxLength: 120,
+										autoComplete: "off",
+										"aria-describedby": "owner-help",
+										placeholder: x("bigconsole.dataSinks.builder.basicInfo.ownerPlaceholder", "e.g., FP&A team or priya@company.com")
+									}),
+									/* @__PURE__ */ v("p", {
+										id: "owner-help",
+										className: "text-xs text-text-secondary",
+										children: x("bigconsole.dataSinks.builder.basicInfo.ownerHelp", "Optional. The person or team accountable for these figures — useful for manual sinks such as budgets and targets.")
+									})
+								]
 							})
 						] })
 					}),
@@ -435,7 +468,7 @@ var b = a(function() {
 						headingLevel: 2,
 						title: x("bigconsole.dataSinks.builder.config.title", "Configuration"),
 						description: x("bigconsole.dataSinks.builder.config.subtitle", "Cache and refresh settings"),
-						icon: /* @__PURE__ */ v(be, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ v(Ce, { className: "h-icon-sm w-icon-sm" }),
 						bodyClassName: "grid gap-form-gap md:grid-cols-2",
 						children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
 							className: "space-y-2",
@@ -443,7 +476,7 @@ var b = a(function() {
 								/* @__PURE__ */ v(h, { children: x("bigconsole.dataSinks.builder.config.cacheDurationLabel", "Cache Duration") }),
 								/* @__PURE__ */ v(oe, {
 									value: C.ttl,
-									onChange: Be,
+									onChange: We,
 									hideLabel: !0
 								}),
 								/* @__PURE__ */ v("p", {
@@ -453,17 +486,17 @@ var b = a(function() {
 							]
 						}), /* @__PURE__ */ v(se, {
 							value: C.refresh,
-							onChange: Ve
+							onChange: Ge
 						})] })
 					}),
 					/* @__PURE__ */ v(n, {
 						headingLevel: 2,
 						title: x("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
 						description: S ? x("bigconsole.dataSinks.builder.dataPayload.subtitleEdit", "Edit the JSON data stored in this DataSink") : x("bigconsole.dataSinks.builder.dataPayload.subtitleCreate", "Optional initial data (JSON format)"),
-						icon: /* @__PURE__ */ v(_e, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ v(d, { className: "h-icon-sm w-icon-sm" }),
 						actions: /* @__PURE__ */ v(p, {
 							type: "button",
-							onClick: Ue,
+							onClick: qe,
 							variant: "outline",
 							size: "sm",
 							disabled: $,
@@ -474,7 +507,7 @@ var b = a(function() {
 							/* @__PURE__ */ v(g, {
 								"aria-label": x("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
 								value: C.data,
-								onChange: He,
+								onChange: Ke,
 								disabled: $,
 								"aria-busy": $,
 								placeholder: $ ? x("bigconsole.dataSinks.builder.dataPayload.loading", "Loading the stored payload…") : x("bigconsole.dataSinks.builder.dataPayload.dataPlaceholder", "{\"key\": \"value\"}"),
@@ -485,7 +518,7 @@ var b = a(function() {
 								className: "text-xs text-status-error-text",
 								children: E.data
 							}),
-							S && B === "unavailable" && /* @__PURE__ */ v("p", {
+							S && V === "unavailable" && /* @__PURE__ */ v("p", {
 								role: "status",
 								className: "text-xs text-status-warning-text",
 								children: x("bigconsole.dataSinks.builder.dataPayload.unavailable", "The stored payload could not be loaded. Leave this empty to keep it unchanged, or enter JSON to replace it.")
@@ -496,33 +529,33 @@ var b = a(function() {
 							})
 						] })
 					}),
-					S && X && /* @__PURE__ */ v(n, {
+					S && Z && /* @__PURE__ */ v(n, {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: x("bigconsole.dataSinks.builder.preview.title", "Data Preview"),
 						description: x("bigconsole.dataSinks.builder.preview.subtitle", "Preview the first 20 records"),
-						icon: /* @__PURE__ */ v(d, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ v(be, { className: "h-icon-sm w-icon-sm" }),
 						actions: /* @__PURE__ */ v(p, {
 							type: "button",
-							onClick: Ge,
+							onClick: Ye,
 							variant: "outline",
 							size: "sm",
-							disabled: P,
-							children: P ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2 animate-spin" }), x("bigconsole.dataSinks.builder.preview.loading", "Loading...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(d, { className: "w-4 h-4 mr-2" }), x("bigconsole.dataSinks.builder.preview.showData", "Show Data")] })
+							disabled: F,
+							children: F ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2 animate-spin" }), x("bigconsole.dataSinks.builder.preview.loading", "Loading...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(be, { className: "w-4 h-4 mr-2" }), x("bigconsole.dataSinks.builder.preview.showData", "Show Data")] })
 						}),
-						children: R ? /* @__PURE__ */ v(n, {
+						children: z ? /* @__PURE__ */ v(n, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Could not load the preview",
 							children: /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: R
+								children: z
 							})
-						}) : I && I.length > 0 ? /* @__PURE__ */ v("pre", {
+						}) : L && L.length > 0 ? /* @__PURE__ */ v("pre", {
 							className: "max-h-[300px] min-w-0 overflow-auto rounded-input bg-bg-surface p-3 font-mono text-xs",
-							children: JSON.stringify(I, null, 2)
-						}) : I ? /* @__PURE__ */ v(xe, {
+							children: JSON.stringify(L, null, 2)
+						}) : L ? /* @__PURE__ */ v(we, {
 							illustration: "empty-generic",
 							title: x("bigconsole.dataSinks.builder.preview.emptyTitle", "No data available yet"),
 							description: x("bigconsole.dataSinks.builder.preview.emptyDescription", "Connect a workflow to this sink's key to start pushing data.")
@@ -536,7 +569,7 @@ var b = a(function() {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: x("bigconsole.dataSinks.builder.whatsNext.title", "What's Next?"),
-						icon: /* @__PURE__ */ v(ve, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ v(xe, { className: "h-icon-sm w-icon-sm" }),
 						children: /* @__PURE__ */ y("ol", {
 							className: "list-inside list-decimal space-y-1 text-xs text-text-secondary",
 							children: [
@@ -570,14 +603,14 @@ var b = a(function() {
 							onClick: Q,
 							variant: "secondary",
 							children: x("bigconsole.dataSinks.builder.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ v(pe, {
-							permission: Ae,
+						}), /* @__PURE__ */ v(ge, {
+							permission: Ne,
 							deniedBehavior: "disable",
 							children: /* @__PURE__ */ v(p, {
 								type: "submit",
-								disabled: !qe || k,
+								disabled: !Ze || A,
 								variant: "default",
-								children: k ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2 animate-spin" }), x("bigconsole.dataSinks.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(ye, { className: "w-4 h-4 mr-2" }), S ? x("bigconsole.dataSinks.builder.actions.saveChanges", "Save Changes") : x("bigconsole.dataSinks.builder.actions.create", "Create DataSink")] })
+								children: A ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2 animate-spin" }), x("bigconsole.dataSinks.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(Se, { className: "w-4 h-4 mr-2" }), S ? x("bigconsole.dataSinks.builder.actions.saveChanges", "Save Changes") : x("bigconsole.dataSinks.builder.actions.create", "Create DataSink")] })
 							})
 						})]
 					})