@burdenoff/microfe-bigconsole 2026.1004.2 → 2026.1004.4

package/dist/bigconsole/pages/DataSinkBuilderPage.js

@@ -1,26 +1,27 @@
 import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
-import { Section as n, SectionStack as r } from "../components/common/Section.js";
+import { Section as n, SectionStack as ee } from "../components/common/Section.js";
 import "../components/common/index.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 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 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 me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/pages/DataSinkBuilderPage.tsx
-function he(e) {
+function ge(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
 }
-function ge(e, t) {
+function _e(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);
@@ -29,25 +30,28 @@ function ge(e, t) {
 	}
 	return n;
 }
-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({
+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({
 		name: "",
 		key: "",
 		description: "",
-		ttl: 300,
+		ttl: (() => {
+			let e = ne();
+			return e.cacheEnabled ? e.cacheTTLSeconds : 0;
+		})(),
 		refresh: { type: "manual" },
 		data: "{}"
-	}), [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);
+	}), [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);
 	}, [
 		D,
-		s,
+		o,
 		X,
 		K
 	]);
-	let [Z, we] = u(!1);
-	l(() => {
+	let [Z, Te] = l(!1);
+	c(() => {
 		if (X && !Z) {
 			let e = "";
 			if (X.data) try {
@@ -62,7 +66,7 @@ var T = s(function() {
 				name: X.name || "",
 				key: X.key || "",
 				description: X.description || "",
-				ttl: X.ttl || 300,
+				ttl: X.ttl ?? 300,
 				refresh: X.refresh ? {
 					type: X.refresh.type === "scheduled" ? "scheduled" : "manual",
 					schedule: X.refresh.schedule ? {
@@ -71,20 +75,20 @@ var T = s(function() {
 					} : void 0
 				} : { type: "manual" },
 				data: e
-			}), N(!0), we(!0), j({});
+			}), N(!0), Te(!0), j({});
 		}
 	}, [X, Z]);
-	let Te = c((e) => {
+	let Ee = s((e) => {
 		let t = e.target.value;
 		k((e) => ({
 			...e,
 			name: t,
-			key: M ? e.key : he(t)
+			key: M ? e.key : ge(t)
 		})), j((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, [M]), Ee = c((e) => {
+	}, [M]), De = s((e) => {
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
 		k((e) => ({
 			...e,
@@ -93,22 +97,22 @@ var T = s(function() {
 			...e,
 			key: void 0
 		}));
-	}, []), De = c((e) => {
+	}, []), Oe = s((e) => {
 		k((t) => ({
 			...t,
 			description: e.target.value
 		}));
-	}, []), Oe = c((e) => {
+	}, []), Q = s((e) => {
 		k((t) => ({
 			...t,
 			ttl: e || 0
 		}));
-	}, []), Q = c((e) => {
+	}, []), ke = s((e) => {
 		k((t) => ({
 			...t,
 			refresh: e
 		}));
-	}, []), ke = c((e) => {
+	}, []), Ae = s((e) => {
 		k((t) => ({
 			...t,
 			data: e.target.value
@@ -116,7 +120,7 @@ var T = s(function() {
 			...e,
 			data: void 0
 		}));
-	}, []), Ae = c(() => {
+	}, []), je = s(() => {
 		try {
 			let e = JSON.parse(O.data);
 			k((t) => ({
@@ -132,11 +136,11 @@ var T = s(function() {
 				data: E("bigconsole.dataSinks.builder.validation.invalidJson", "Invalid JSON format")
 			}));
 		}
-	}, [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(() => {
+	}, [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]), Me = c(async () => {
+	}, [T]), Ne = s(async () => {
 		if (!(!D || !X)) {
 			B(!0), W(null);
 			try {
@@ -153,9 +157,9 @@ var T = s(function() {
 		X,
 		Y,
 		E
-	]), Ne = c(async (e) => {
+	]), Pe = s(async (e) => {
 		e.preventDefault(), L(null);
-		let n = ge(O, E);
+		let n = _e(O, E);
 		if (Object.keys(n).length > 0) {
 			j(n);
 			return;
@@ -211,7 +215,7 @@ var T = s(function() {
 		J,
 		T,
 		E
-	]), Pe = ie(() => {
+	]), 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);
@@ -224,29 +228,29 @@ var T = s(function() {
 		O.key,
 		O.data
 	]);
-	return Se && D ? /* @__PURE__ */ C("div", {
+	return Ce && 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" })
+		children: /* @__PURE__ */ C(_, { 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",
+		className: "mx-auto w-full max-w-7xl p-card-padding",
 		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" }),
+			icon: /* @__PURE__ */ C(u, { className: "h-icon-sm w-icon-sm" }),
 			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")]
+				children: [/* @__PURE__ */ C(d, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
 			})
 		})
-	}) : D && !ve && !ye ? /* @__PURE__ */ C(oe, {
+	}) : 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", {
-		className: "mx-auto w-full min-w-0 max-w-3xl p-card-padding",
+		className: "mx-auto w-full min-w-0 max-w-7xl p-card-padding",
 		children: [
 			/* @__PURE__ */ w("header", {
 				className: "mb-form-gap",
@@ -256,7 +260,7 @@ var T = s(function() {
 						variant: "ghost",
 						size: "sm",
 						className: "mb-4",
-						children: [/* @__PURE__ */ C(f, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
+						children: [/* @__PURE__ */ C(d, { className: "w-4 h-4 mr-2" }), E("bigconsole.dataSinks.builder.header.backToDataSinks", "Back to DataSinks")]
 					}),
 					/* @__PURE__ */ C("h1", {
 						className: "text-2xl font-bold text-text-primary",
@@ -268,7 +272,7 @@ var T = s(function() {
 					})
 				]
 			}),
-			/* @__PURE__ */ C(pe, {
+			/* @__PURE__ */ C(me, {
 				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.")
 			}),
@@ -277,20 +281,20 @@ var T = s(function() {
 				headingLevel: 2,
 				title: E("bigconsole.dataSinks.builder.errors.saveFailed", "Failed to save DataSink"),
 				description: I,
-				icon: /* @__PURE__ */ C(d, { className: "h-icon-sm w-icon-sm" }),
+				icon: /* @__PURE__ */ C(u, { className: "h-icon-sm w-icon-sm" }),
 				className: "mb-section-gap"
 			}),
 			/* @__PURE__ */ C("form", {
 				"data-tour": "bigconsole-datasink-builder",
-				onSubmit: Ne,
-				children: /* @__PURE__ */ w(r, { children: [
+				onSubmit: Pe,
+				children: /* @__PURE__ */ w(ee, { children: [
 					/* @__PURE__ */ C(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(p, { className: "h-icon-sm w-icon-sm" }),
-						bodyClassName: "space-y-form-gap",
+						icon: /* @__PURE__ */ C(m, { className: "h-icon-sm w-icon-sm" }),
+						bodyClassName: "grid gap-form-gap md:grid-cols-2",
 						children: /* @__PURE__ */ w(S, { children: [
 							/* @__PURE__ */ w("div", {
 								className: "space-y-2",
@@ -310,7 +314,7 @@ var T = s(function() {
 										id: "name",
 										type: "text",
 										value: O.name,
-										onChange: Te,
+										onChange: Ee,
 										placeholder: E("bigconsole.dataSinks.builder.basicInfo.namePlaceholder", "e.g., Sales Metrics"),
 										className: A.name ? "border-status-error-border" : ""
 									}),
@@ -340,17 +344,18 @@ var T = s(function() {
 											id: "key",
 											type: "text",
 											value: O.key,
-											onChange: Ee,
+											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, {
 											type: "button",
-											onClick: je,
+											onClick: Me,
+											"aria-label": E("bigconsole.dataSinks.builder.basicInfo.copyKey", "Copy unique key"),
 											variant: "outline",
 											size: "sm",
 											className: "px-3",
-											children: xe ? /* @__PURE__ */ C(le, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ C(ue, { className: "w-4 h-4" })
+											children: Se ? /* @__PURE__ */ C(f, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ C(p, { className: "w-4 h-4" })
 										})]
 									}),
 									A.key && /* @__PURE__ */ C("p", {
@@ -364,14 +369,14 @@ var T = s(function() {
 								]
 							}),
 							/* @__PURE__ */ w("div", {
-								className: "space-y-2",
+								className: "space-y-2 md:col-span-2",
 								children: [/* @__PURE__ */ C(b, {
 									htmlFor: "description",
 									children: E("bigconsole.dataSinks.builder.basicInfo.descriptionLabel", "Description")
 								}), /* @__PURE__ */ C(x, {
 									id: "description",
 									value: O.description,
-									onChange: De,
+									onChange: Oe,
 									placeholder: E("bigconsole.dataSinks.builder.basicInfo.descriptionPlaceholder", "Describe what data this sink stores..."),
 									rows: 2,
 									className: "resize-none"
@@ -383,15 +388,15 @@ var T = s(function() {
 						headingLevel: 2,
 						title: E("bigconsole.dataSinks.builder.config.title", "Configuration"),
 						description: E("bigconsole.dataSinks.builder.config.subtitle", "Cache and refresh settings"),
-						icon: /* @__PURE__ */ C(de, { className: "h-icon-sm w-icon-sm" }),
-						bodyClassName: "space-y-form-gap",
+						icon: /* @__PURE__ */ C(fe, { className: "h-icon-sm w-icon-sm" }),
+						bodyClassName: "grid gap-form-gap md:grid-cols-2",
 						children: /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
 							className: "space-y-2",
 							children: [
 								/* @__PURE__ */ C(b, { children: E("bigconsole.dataSinks.builder.config.cacheDurationLabel", "Cache Duration") }),
-								/* @__PURE__ */ C(re, {
+								/* @__PURE__ */ C(i, {
 									value: O.ttl,
-									onChange: Oe,
+									onChange: Q,
 									hideLabel: !0
 								}),
 								/* @__PURE__ */ C("p", {
@@ -399,19 +404,19 @@ var T = s(function() {
 									children: E("bigconsole.dataSinks.builder.config.cacheDurationHelp", "How long cached data remains valid before requiring refresh.")
 								})
 							]
-						}), /* @__PURE__ */ C(o, {
+						}), /* @__PURE__ */ C(a, {
 							value: O.refresh,
-							onChange: Q
+							onChange: ke
 						})] })
 					}),
 					/* @__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" }),
+						icon: /* @__PURE__ */ C(m, { className: "h-icon-sm w-icon-sm" }),
 						actions: /* @__PURE__ */ C(v, {
 							type: "button",
-							onClick: Ae,
+							onClick: je,
 							variant: "outline",
 							size: "sm",
 							children: E("bigconsole.dataSinks.builder.dataPayload.formatJson", "Format JSON")
@@ -421,7 +426,7 @@ var T = s(function() {
 							/* @__PURE__ */ C(x, {
 								"aria-label": E("bigconsole.dataSinks.builder.dataPayload.title", "Data Payload"),
 								value: O.data,
-								onChange: ke,
+								onChange: Ae,
 								placeholder: E("bigconsole.dataSinks.builder.dataPayload.dataPlaceholder", "{\"key\": \"value\"}"),
 								rows: 10,
 								className: `resize-y font-mono text-xs ${A.data ? "border-status-error-border" : ""}`
@@ -441,14 +446,14 @@ var T = s(function() {
 						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" }),
+						icon: /* @__PURE__ */ C(h, { className: "h-icon-sm w-icon-sm" }),
 						actions: /* @__PURE__ */ C(v, {
 							type: "button",
-							onClick: Me,
+							onClick: Ne,
 							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: 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")] })
 						}),
 						children: U ? /* @__PURE__ */ C(n, {
 							tone: "danger",
@@ -462,7 +467,7 @@ var T = s(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(fe, {
+						}) : V ? /* @__PURE__ */ C(pe, {
 							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.")
@@ -476,7 +481,7 @@ var T = s(function() {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: E("bigconsole.dataSinks.builder.whatsNext.title", "What's Next?"),
-						icon: /* @__PURE__ */ C(h, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ C(g, { className: "h-icon-sm w-icon-sm" }),
 						children: /* @__PURE__ */ w("ol", {
 							className: "list-inside list-decimal space-y-1 text-xs text-text-secondary",
 							children: [
@@ -510,14 +515,14 @@ var T = s(function() {
 							onClick: $,
 							variant: "secondary",
 							children: E("bigconsole.dataSinks.builder.actions.cancel", "Cancel")
-						}), /* @__PURE__ */ C(se, {
-							permission: be,
+						}), /* @__PURE__ */ C(le, {
+							permission: xe,
 							deniedBehavior: "disable",
 							children: /* @__PURE__ */ C(v, {
 								type: "submit",
-								disabled: !Pe || P,
+								disabled: !Fe || 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(_, { 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(_, { 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")] })
 							})
 						})]
 					})