@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5

package/dist/bigconsole/pages/DataSinksPage.js

@@ -3,133 +3,163 @@ import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import { SECTION_FOCUS_RING as n } from "../components/common/sectionStyles.js";
 import { Section as r, SectionStack as ee } from "../components/common/Section.js";
+import { SortBySelect as te } from "../components/common/SortBySelect.js";
 import "../components/common/index.js";
-import te from "../hooks/useDataSinkOperations.js";
-import ne from "../hooks/useExportDataSink.js";
+import ne from "../hooks/useDataSinkOperations.js";
+import re from "../hooks/useExportDataSink.js";
 import { BIGCONSOLE_PERMISSIONS as i } from "../../constants/permissions.js";
-import re from "../components/datasink/DataSinkStatusBadge.js";
+import ie from "../components/datasink/DataSinkStatusBadge.js";
 import { isNative as a, nativeNotify as o } from "../../utils/nativeBridge.js";
-import { hasDataSinkPayload as s } from "../utils/dataSinkPayload.js";
-import { formatByteSize as ie } from "../utils/format.js";
-import ae from "../components/datasink/DataSinkCard.js";
-import oe from "../components/datasink/DataSinkDeleteDialog.js";
-import se from "../components/datasink/DataSinkRefreshDialog.js";
-import ce from "../components/datasink/ImportDataSinkDialog.js";
-import le from "../components/datasink/SetupStateBadge.js";
-import { memo as c, useCallback as l, useMemo as u, useState as d } from "react";
-import { AccessDenied as ue, PermissionButton as de } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as fe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as pe, Container as me, Download as he, Eye as ge, LayoutGrid as _e, Pencil as ve, Plus as ye, RefreshCw as be, Search as xe, Table2 as Se, Trash2 as Ce, Upload as we, X as Te } from "lucide-react";
-import { AuroraBackground as Ee, Badge as De, Button as f, CTAOverflowMenu as Oe, GradientText as ke, IllustratedEmptyState as Ae, Input as je, PagePurpose as Me, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _, Spinner as Ne } from "@burdenoff/fe-libs/ui";
-import { getProfileScopedKey as v } from "@burdenoff/fe-libs/shared/utils";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useI18n as Pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { formatDistanceToNow as S } from "date-fns";
+import { LIST_SORT_COPY as s, listSortOptions as ae } from "../utils/listSort.js";
+import { dataSinksListControls as oe } from "../assistant/pageControls.js";
+import { hasDataSinkPayload as c } from "../utils/dataSinkPayload.js";
+import { formatByteSize as se } from "../utils/format.js";
+import ce from "../components/datasink/DataSinkCard.js";
+import le from "../components/datasink/DataSinkDeleteDialog.js";
+import ue from "../components/datasink/DataSinkRefreshDialog.js";
+import de from "../components/datasink/ImportDataSinkDialog.js";
+import { selectDataSinks as fe } from "../utils/dataSinkList.js";
+import pe from "../components/datasink/SetupStateBadge.js";
+import { memo as l, useCallback as u, useMemo as d, useState as f } from "react";
+import { AccessDenied as me, PermissionButton as he } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ge } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as _e, Container as ve, Download as ye, Eye as be, LayoutGrid as xe, Pencil as Se, Plus as Ce, RefreshCw as we, Search as Te, Table2 as Ee, Trash2 as De, Upload as Oe, X as ke } from "lucide-react";
+import { AuroraBackground as Ae, Badge as je, Button as p, CTAOverflowMenu as Me, GradientText as Ne, IllustratedEmptyState as Pe, Input as Fe, PagePurpose as Ie, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v, Spinner as Le } from "@burdenoff/fe-libs/ui";
+import { useI18n as Re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getProfileScopedKey as y } from "@burdenoff/fe-libs/shared/utils";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useAssistantPageControls as ze } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
+import { formatDistanceToNow as C } from "date-fns";
 //#region src/bigconsole/pages/DataSinksPage.tsx
-var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button border-0 bg-transparent text-text-muted hover:bg-bg-surface hover:text-text-primary motion-safe:transition-colors ${n}`, T = "focus-visible:ring-inset focus-visible:ring-offset-0", Fe = (e) => e.setupState === "completed" || e.ttl !== null && e.ttl !== void 0 && e.ttl > 0 || e.fluidGridsWorkflowId && s(e) ? "completed" : e.fluidGridsWorkflowId ? "workflow_running" : "workflow_pending", Ie = (e) => {
+var w = "bigconsole-datasinks-view-mode", T = `inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button border-0 bg-transparent text-text-muted hover:bg-bg-surface hover:text-text-primary motion-safe:transition-colors ${n}`, E = "focus-visible:ring-inset focus-visible:ring-offset-0", Be = (e) => e.setupState === "completed" || e.ttl !== null && e.ttl !== void 0 && e.ttl > 0 || e.fluidGridsWorkflowId && c(e) ? "completed" : e.fluidGridsWorkflowId ? "workflow_running" : "workflow_pending", Ve = (e) => {
 	if (!e) return "—";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "—" : S(t, { addSuffix: !0 });
-}, E = c(function() {
-	let s = t(), { t: c } = Pe(), S = l((e, t) => {
-		let n = c(e);
+	return Number.isNaN(t.getTime()) ? "—" : C(t, { addSuffix: !0 });
+}, D = l(function() {
+	let c = t(), { t: l } = Re(), C = u((e, t) => {
+		let n = l(e);
 		return n === e ? t : n;
-	}, [c]), { hasPermission: E, isLoading: Le } = fe(), Re = E(i.DATASINK_READ), D = E(i.DATASINK_CREATE), O = E(i.DATASINK_UPDATE), k = E(i.DATASINK_DELETE), A = E(i.DATASINK_EXECUTE), [j, M] = d("all"), [ze, N] = d(!1), [P, Be] = d(() => localStorage.getItem(v(C)) || "grid"), F = l((e) => {
-		Be(e), localStorage.setItem(v(C), e);
-	}, []), I = e((e) => e.statusFilter), L = e((e) => e.activeFilter), R = e((e) => e.searchQuery), z = e((e) => e.setStatusFilter), B = e((e) => e.setActiveFilter), V = e((e) => e.setSearchQuery), Ve = e((e) => e.deleteDialogOpen), He = e((e) => e.refreshDialogOpen), H = e((e) => e.currentDataSink), U = e((e) => e.openDeleteDialog), W = e((e) => e.closeDeleteDialog), G = e((e) => e.openRefreshDialog), K = e((e) => e.closeRefreshDialog), { loading: q, error: Ue, dataSinks: J, deleteDataSink: We, refreshDataSink: Ge, refetch: Y } = te(), { downloadDataSink: Ke } = ne(), qe = u(() => J.map((e) => ({
+	}, [l]), { hasPermission: D, isLoading: O } = ge(), k = D(i.DATASINK_READ), A = D(i.DATASINK_CREATE), j = D(i.DATASINK_UPDATE), M = D(i.DATASINK_DELETE), He = D(i.DATASINK_EXECUTE), [N, P] = f("all"), [F, Ue] = f("updated-desc"), [We, Ge] = f(!1), [I, Ke] = f(() => localStorage.getItem(y(w)) || "grid"), qe = u((e) => {
+		Ke(e), localStorage.setItem(y(w), e);
+	}, []), L = e((e) => e.statusFilter), R = e((e) => e.activeFilter), z = e((e) => e.searchQuery), B = e((e) => e.setStatusFilter), V = e((e) => e.setActiveFilter), H = e((e) => e.setSearchQuery), Je = e((e) => e.deleteDialogOpen), Ye = e((e) => e.refreshDialogOpen), U = e((e) => e.currentDataSink), Xe = e((e) => e.openDeleteDialog), W = e((e) => e.closeDeleteDialog), Ze = e((e) => e.openRefreshDialog), G = e((e) => e.closeRefreshDialog), { loading: K, error: q, dataSinks: J, deleteDataSink: Qe, refreshDataSink: $e, refetch: Y } = ne(), { downloadDataSink: et } = re(), tt = d(() => J.map((e) => ({
 		dataSink: e,
-		setupState: Fe(e)
-	})), [J]), X = u(() => {
-		let e = [...qe];
-		if (j === "in_progress" ? e = e.filter((e) => e.setupState !== "completed") : j === "completed" && (e = e.filter((e) => e.setupState === "completed")), I !== null && (e = e.filter((e) => e.dataSink.status === I)), L !== null && (e = e.filter((e) => e.dataSink.isActive === L)), R.trim()) {
-			let t = R.toLowerCase();
-			e = e.filter((e) => e.dataSink.name?.toLowerCase().includes(t) || e.dataSink.key.toLowerCase().includes(t) || e.dataSink.description?.toLowerCase().includes(t));
-		}
-		return e.sort((e, t) => new Date(t.dataSink.updatedAt).getTime() - new Date(e.dataSink.updatedAt).getTime());
-	}, [
-		qe,
-		j,
-		I,
+		setupState: Be(e)
+	})), [J]), X = d(() => fe(tt, {
+		setupState: N,
+		status: L,
+		active: R,
+		search: z,
+		sort: F
+	}), [
+		tt,
+		N,
 		L,
-		R
-	]), Je = l(() => {
-		s("/datasinks/new");
-	}, [s]), Z = l((e) => {
-		s(`/datasinks/${e}`);
-	}, [s]), Ye = l((e) => {
-		s(`/datasinks/${e}/edit`);
-	}, [s]), Q = l((e) => {
+		R,
+		z,
+		F
+	]), nt = u(() => {
+		c("/datasinks/new");
+	}, [c]), Z = u((e) => {
+		c(`/datasinks/${e}`);
+	}, [c]), rt = u((e) => {
+		c(`/datasinks/${e}/edit`);
+	}, [c]), it = u((e) => {
 		let t = J.find((t) => t.id === e);
-		t && G(t);
-	}, [J, G]), Xe = l(async (e) => {
-		H && (await Ge({
-			id: H.id,
+		t && Ze(t);
+	}, [J, Ze]), at = u(async (e) => {
+		U && (await $e({
+			id: U.id,
 			forceRefresh: e
-		}), K());
+		}), G());
 	}, [
-		H,
-		Ge,
-		K
-	]), Ze = l((e) => {
+		U,
+		$e,
+		G
+	]), ot = u((e) => {
 		let t = J.find((t) => t.id === e);
-		t && U(t);
-	}, [J, U]), Qe = l(async () => {
-		if (H) {
+		t && Xe(t);
+	}, [J, Xe]), st = u(async () => {
+		if (U) {
 			try {
-				await We(H.id), a() && o("success");
+				await Qe(U.id), a() && o("success");
 			} catch (e) {
 				throw a() && o("error"), e;
 			}
 			W();
 		}
 	}, [
-		H,
-		We,
+		U,
+		Qe,
 		W
-	]), $e = l(async (e) => {
+	]), ct = u(async (e) => {
 		let t = J.find((t) => t.id === e);
-		t && await Ke(e, t.name || t.key);
-	}, [J, Ke]), et = l(() => {
-		N(!0);
-	}, []), tt = l((e, t, n) => {
+		t && await et(e, t.name || t.key);
+	}, [J, et]), lt = u(() => {
+		Ge(!0);
+	}, []), ut = u((e, t, n) => {
 		Y();
-	}, [Y]), nt = u(() => j !== "all" || I !== null || L !== null || R.trim() !== "", [
-		j,
-		I,
+	}, [Y]), dt = d(() => N !== "all" || L !== null || R !== null || z.trim() !== "", [
+		N,
 		L,
-		R
-	]), $ = l(() => {
-		M("all"), z(null), B(null), V("");
+		R,
+		z
+	]), Q = u(() => {
+		P("all"), B(null), V(null), H("");
 	}, [
-		z,
 		B,
-		V
-	]), rt = [
+		V,
+		H
+	]), $ = d(() => [
 		{
 			value: "all",
-			label: S("bigconsole.dataSinks.filters.setupState.all", "All")
+			label: C("bigconsole.dataSinks.filters.setupState.all", "All")
 		},
 		{
 			value: "in_progress",
-			label: S("bigconsole.dataSinks.filters.setupState.inProgress", "In Progress")
+			label: C("bigconsole.dataSinks.filters.setupState.inProgress", "In Progress")
 		},
 		{
 			value: "completed",
-			label: S("bigconsole.dataSinks.filters.setupState.completed", "Completed")
+			label: C("bigconsole.dataSinks.filters.setupState.completed", "Completed")
 		}
-	];
-	return !Le && !Re ? /* @__PURE__ */ b(ue, {
-		title: S("bigconsole.dataSinks.accessDenied.title", "Access Denied"),
-		description: S("bigconsole.dataSinks.accessDenied.description", "You don't have permission to view data sinks.")
-	}) : /* @__PURE__ */ x("div", {
+	], [C]), ft = d(() => ae(C, !1), [C]);
+	return ze(d(() => !O && k && !q ? oe({
+		tr: C,
+		setupStateOptions: $,
+		setupState: N,
+		setSetupState: P,
+		status: L,
+		setStatus: B,
+		active: R,
+		setActive: V,
+		setSearch: H,
+		sort: F,
+		setSort: Ue
+	}) : null, [
+		C,
+		O,
+		k,
+		q,
+		$,
+		N,
+		L,
+		B,
+		R,
+		V,
+		H,
+		F
+	])), !O && !k ? /* @__PURE__ */ x(me, {
+		title: C("bigconsole.dataSinks.accessDenied.title", "Access Denied"),
+		description: C("bigconsole.dataSinks.accessDenied.description", "You don't have permission to view data sinks.")
+	}) : /* @__PURE__ */ S("div", {
 		className: "min-w-0",
 		style: { backgroundColor: "var(--color-bg-canvas)" },
 		children: [
-			/* @__PURE__ */ x("header", {
+			/* @__PURE__ */ S("header", {
 				className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
-				children: [/* @__PURE__ */ b(Ee, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ x(Ae, { intensity: "subtle" }), /* @__PURE__ */ x("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -137,7 +167,7 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 							gap: "var(--space-formGap)",
 							flexWrap: "wrap"
 						},
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -145,7 +175,7 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 								flex: "1 1 280px",
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x("div", {
 								style: {
 									display: "flex",
 									height: "var(--size-controlHeight-lg)",
@@ -155,35 +185,35 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ b(me, { style: {
+								children: /* @__PURE__ */ x(ve, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ S("div", {
 								style: { minWidth: 0 },
-								children: [/* @__PURE__ */ b("h1", {
+								children: [/* @__PURE__ */ x("h1", {
 									className: "m-0 text-2xl font-bold text-text-primary",
-									children: /* @__PURE__ */ b(ke, { children: S("bigconsole.dataSinks.title", "Data Sinks") })
-								}), /* @__PURE__ */ b("p", {
+									children: /* @__PURE__ */ x(Ne, { children: C("bigconsole.dataSinks.title", "Data Sinks") })
+								}), /* @__PURE__ */ x("p", {
 									className: "m-0 text-sm text-text-secondary",
-									children: S("bigconsole.dataSinks.subtitle", "Manage pre-processed data from FluidGrids workflows")
+									children: C("bigconsole.dataSinks.subtitle", "Manage pre-processed data from FluidGrids workflows")
 								})]
 							})]
-						}), /* @__PURE__ */ b(Oe, {
-							primary: D ? {
-								label: S("bigconsole.dataSinks.actions.create", "Create Data Sink"),
-								onSelect: Je,
-								icon: /* @__PURE__ */ b(ye, { style: {
+						}), /* @__PURE__ */ x(Me, {
+							primary: A ? {
+								label: C("bigconsole.dataSinks.actions.create", "Create Data Sink"),
+								onSelect: nt,
+								icon: /* @__PURE__ */ x(Ce, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
 							} : void 0,
-							actions: D ? [{
-								label: S("bigconsole.dataSinks.actions.import", "Import"),
-								onSelect: et,
-								icon: /* @__PURE__ */ b(we, { style: {
+							actions: A ? [{
+								label: C("bigconsole.dataSinks.actions.import", "Import"),
+								onSelect: lt,
+								icon: /* @__PURE__ */ x(Oe, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
@@ -192,31 +222,31 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 					})
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: [/* @__PURE__ */ b(Me, {
+				children: [/* @__PURE__ */ x(Ie, {
 					className: "mb-[var(--space-sectionGap)]",
 					children: "Data sinks are the structured destinations that hold your processed data — define a schema once and every pipeline, parser, and workflow can write into it. Dashboards then query sinks directly, so a sink is where your data lives and where your charts read from."
-				}), /* @__PURE__ */ b(ee, { children: Ue ? /* @__PURE__ */ b(r, {
+				}), /* @__PURE__ */ x(ee, { children: q ? /* @__PURE__ */ x(r, {
 					tone: "danger",
 					headingLevel: 2,
-					title: S("bigconsole.dataSinks.error.title", "Failed to load Data Sinks"),
-					description: Ue.message,
-					icon: /* @__PURE__ */ b(pe, { className: "h-icon-sm w-icon-sm" }),
-					actions: /* @__PURE__ */ b(f, {
+					title: C("bigconsole.dataSinks.error.title", "Failed to load Data Sinks"),
+					description: q.message,
+					icon: /* @__PURE__ */ x(_e, { className: "h-icon-sm w-icon-sm" }),
+					actions: /* @__PURE__ */ x(p, {
 						size: "sm",
 						onClick: () => Y(),
-						children: S("bigconsole.dataSinks.error.retry", "Try Again")
+						children: C("bigconsole.dataSinks.error.retry", "Try Again")
 					})
-				}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(r, {
+				}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(r, {
 					headingLevel: 2,
 					padding: "compact",
-					title: S("bigconsole.dataSinks.filters.heading", "Filters"),
-					description: S("bigconsole.dataSinks.filters.description", "Narrow the list by setup progress, status, or name."),
+					title: C("bigconsole.dataSinks.filters.heading", "Filters"),
+					description: C("bigconsole.dataSinks.filters.description", "Narrow the list by setup progress, status, or name."),
 					bodyClassName: "space-y-form-gap",
-					children: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+					children: /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
 						role: "group",
-						"aria-label": S("bigconsole.dataSinks.filters.setupState.label", "Setup state"),
+						"aria-label": C("bigconsole.dataSinks.filters.setupState.label", "Setup state"),
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -228,10 +258,10 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 							maxWidth: "100%",
 							width: "fit-content"
 						},
-						children: rt.map((e) => /* @__PURE__ */ b("button", {
+						children: $.map((e) => /* @__PURE__ */ x("button", {
 							type: "button",
-							"aria-pressed": j === e.value,
-							onClick: () => M(e.value),
+							"aria-pressed": N === e.value,
+							onClick: () => P(e.value),
 							className: n,
 							style: {
 								minHeight: "var(--size-controlHeight-md)",
@@ -241,13 +271,13 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 								borderRadius: "var(--radius-button)",
 								border: "none",
 								cursor: "pointer",
-								backgroundColor: j === e.value ? "var(--color-bg-surface)" : "transparent",
-								color: j === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
-								boxShadow: j === e.value ? "var(--shadow-elevation-1)" : "none"
+								backgroundColor: N === e.value ? "var(--color-bg-surface)" : "transparent",
+								color: N === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
+								boxShadow: N === e.value ? "var(--shadow-elevation-1)" : "none"
 							},
 							children: e.label
 						}, e.value))
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -255,14 +285,14 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 							flexWrap: "wrap"
 						},
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								style: {
 									position: "relative",
 									maxWidth: "400px",
 									minWidth: "min(100%, 240px)",
 									flex: "1 1 240px"
 								},
-								children: [/* @__PURE__ */ b(xe, { style: {
+								children: [/* @__PURE__ */ x(Te, { style: {
 									position: "absolute",
 									left: "var(--space-controlGap)",
 									top: "50%",
@@ -270,211 +300,217 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
-								} }), /* @__PURE__ */ b(je, {
+								} }), /* @__PURE__ */ x(Fe, {
 									type: "text",
-									placeholder: S("bigconsole.dataSinks.search.placeholder", "Search data sinks..."),
-									value: R,
-									onChange: (e) => V(e.target.value),
+									placeholder: C("bigconsole.dataSinks.search.placeholder", "Search data sinks..."),
+									value: z,
+									onChange: (e) => H(e.target.value),
 									style: {
 										paddingLeft: "var(--size-controlHeight-md)",
 										height: "var(--size-controlHeight-md)"
 									}
 								})]
 							}),
-							/* @__PURE__ */ x(p, {
-								value: I || "all",
-								onValueChange: (e) => z(e === "all" ? null : e),
-								children: [/* @__PURE__ */ b(g, {
+							/* @__PURE__ */ S(m, {
+								value: L || "all",
+								onValueChange: (e) => B(e === "all" ? null : e),
+								children: [/* @__PURE__ */ x(_, {
 									style: { width: "min(100%, 150px)" },
-									children: /* @__PURE__ */ b(_, { placeholder: S("bigconsole.dataSinks.filters.status.placeholder", "All Statuses") })
-								}), /* @__PURE__ */ x(m, { children: [
-									/* @__PURE__ */ b(h, {
+									children: /* @__PURE__ */ x(v, { placeholder: C("bigconsole.dataSinks.filters.status.placeholder", "All Statuses") })
+								}), /* @__PURE__ */ S(h, { children: [
+									/* @__PURE__ */ x(g, {
 										value: "all",
-										children: S("bigconsole.dataSinks.filters.status.all", "All Statuses")
+										children: C("bigconsole.dataSinks.filters.status.all", "All Statuses")
 									}),
-									/* @__PURE__ */ b(h, {
+									/* @__PURE__ */ x(g, {
 										value: "ready",
-										children: S("bigconsole.dataSinks.filters.status.ready", "Ready")
+										children: C("bigconsole.dataSinks.filters.status.ready", "Ready")
 									}),
-									/* @__PURE__ */ b(h, {
+									/* @__PURE__ */ x(g, {
 										value: "error",
-										children: S("bigconsole.dataSinks.filters.status.error", "Error")
+										children: C("bigconsole.dataSinks.filters.status.error", "Error")
 									}),
-									/* @__PURE__ */ b(h, {
+									/* @__PURE__ */ x(g, {
 										value: "stale",
-										children: S("bigconsole.dataSinks.filters.status.stale", "Stale")
+										children: C("bigconsole.dataSinks.filters.status.stale", "Stale")
 									}),
-									/* @__PURE__ */ b(h, {
+									/* @__PURE__ */ x(g, {
 										value: "refreshing",
-										children: S("bigconsole.dataSinks.filters.status.refreshing", "Refreshing")
+										children: C("bigconsole.dataSinks.filters.status.refreshing", "Refreshing")
 									})
 								] })]
 							}),
-							/* @__PURE__ */ x(p, {
-								value: L === null ? "all" : L ? "true" : "false",
-								onValueChange: (e) => B(e === "all" ? null : e === "true"),
-								children: [/* @__PURE__ */ b(g, {
+							/* @__PURE__ */ S(m, {
+								value: R === null ? "all" : R ? "true" : "false",
+								onValueChange: (e) => V(e === "all" ? null : e === "true"),
+								children: [/* @__PURE__ */ x(_, {
 									style: { width: "min(100%, 130px)" },
-									children: /* @__PURE__ */ b(_, { placeholder: S("bigconsole.dataSinks.filters.active.placeholder", "All") })
-								}), /* @__PURE__ */ x(m, { children: [
-									/* @__PURE__ */ b(h, {
+									children: /* @__PURE__ */ x(v, { placeholder: C("bigconsole.dataSinks.filters.active.placeholder", "All") })
+								}), /* @__PURE__ */ S(h, { children: [
+									/* @__PURE__ */ x(g, {
 										value: "all",
-										children: S("bigconsole.dataSinks.filters.active.all", "All")
+										children: C("bigconsole.dataSinks.filters.active.all", "All")
 									}),
-									/* @__PURE__ */ b(h, {
+									/* @__PURE__ */ x(g, {
 										value: "true",
-										children: S("bigconsole.dataSinks.filters.active.active", "Active")
+										children: C("bigconsole.dataSinks.filters.active.active", "Active")
 									}),
-									/* @__PURE__ */ b(h, {
+									/* @__PURE__ */ x(g, {
 										value: "false",
-										children: S("bigconsole.dataSinks.filters.active.inactive", "Inactive")
+										children: C("bigconsole.dataSinks.filters.active.inactive", "Inactive")
 									})
 								] })]
 							}),
-							nt && /* @__PURE__ */ x(f, {
+							/* @__PURE__ */ x(te, {
+								label: C(s.label.key, s.label.en),
+								value: F,
+								options: ft,
+								onChange: Ue
+							}),
+							dt && /* @__PURE__ */ S(p, {
 								variant: "ghost",
 								size: "sm",
-								onClick: $,
-								children: [/* @__PURE__ */ b(Te, { style: {
+								onClick: Q,
+								children: [/* @__PURE__ */ x(ke, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), S("bigconsole.dataSinks.filters.clear", "Clear Filters")]
+								} }), C("bigconsole.dataSinks.filters.clear", "Clear Filters")]
 							})
 						]
 					})] })
-				}), /* @__PURE__ */ b(r, {
+				}), /* @__PURE__ */ x(r, {
 					emphasis: "primary",
 					headingLevel: 2,
-					title: S("bigconsole.dataSinks.list.heading", "Data sinks"),
-					description: S("bigconsole.dataSinks.list.description", "Every sink in this workspace, most recently updated first."),
-					meta: /* @__PURE__ */ x(De, {
+					title: C("bigconsole.dataSinks.list.heading", "Data sinks"),
+					description: C("bigconsole.dataSinks.list.description", "Every sink in this workspace, most recently updated first."),
+					meta: /* @__PURE__ */ S(je, {
 						variant: "secondary",
 						children: [
 							X.length,
 							" ",
-							X.length === 1 ? S("bigconsole.dataSinks.count.single", "Data Sink") : S("bigconsole.dataSinks.count.plural", "Data Sinks")
+							X.length === 1 ? C("bigconsole.dataSinks.count.single", "Data Sink") : C("bigconsole.dataSinks.count.plural", "Data Sinks")
 						]
 					}),
-					actions: /* @__PURE__ */ x("div", {
+					actions: /* @__PURE__ */ S("div", {
 						role: "group",
-						"aria-label": S("bigconsole.dataSinks.view.label", "List layout"),
+						"aria-label": C("bigconsole.dataSinks.view.label", "List layout"),
 						style: {
 							display: "flex",
 							borderRadius: "var(--radius-button)",
 							border: "1px solid var(--color-border)",
 							overflow: "hidden"
 						},
-						children: [/* @__PURE__ */ b("button", {
+						children: [/* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => F("grid"),
-							"aria-pressed": P === "grid",
-							title: S("bigconsole.dataSinks.view.grid", "Grid view"),
-							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${T}`,
+							onClick: () => qe("grid"),
+							"aria-pressed": I === "grid",
+							title: C("bigconsole.dataSinks.view.grid", "Grid view"),
+							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${E}`,
 							style: {
 								border: "none",
 								cursor: "pointer",
-								backgroundColor: P === "grid" ? "var(--color-bg-sunken)" : "transparent",
-								color: P === "grid" ? "var(--color-text-primary)" : "var(--color-text-muted)"
+								backgroundColor: I === "grid" ? "var(--color-bg-sunken)" : "transparent",
+								color: I === "grid" ? "var(--color-text-primary)" : "var(--color-text-muted)"
 							},
-							children: /* @__PURE__ */ b(_e, { size: 16 })
-						}), /* @__PURE__ */ b("button", {
+							children: /* @__PURE__ */ x(xe, { size: 16 })
+						}), /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => F("table"),
-							"aria-pressed": P === "table",
-							title: S("bigconsole.dataSinks.view.table", "Table view"),
-							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${T}`,
+							onClick: () => qe("table"),
+							"aria-pressed": I === "table",
+							title: C("bigconsole.dataSinks.view.table", "Table view"),
+							className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${n} ${E}`,
 							style: {
 								border: "none",
 								borderLeft: "1px solid var(--color-border)",
 								cursor: "pointer",
-								backgroundColor: P === "table" ? "var(--color-bg-sunken)" : "transparent",
-								color: P === "table" ? "var(--color-text-primary)" : "var(--color-text-muted)"
+								backgroundColor: I === "table" ? "var(--color-bg-sunken)" : "transparent",
+								color: I === "table" ? "var(--color-text-primary)" : "var(--color-text-muted)"
 							},
-							children: /* @__PURE__ */ b(Se, { size: 16 })
+							children: /* @__PURE__ */ x(Ee, { size: 16 })
 						})]
 					}),
-					children: /* @__PURE__ */ x(y, { children: [
-						q && J.length === 0 && /* @__PURE__ */ b("div", {
+					children: /* @__PURE__ */ S(b, { children: [
+						K && J.length === 0 && /* @__PURE__ */ x("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ S("div", {
 								style: { textAlign: "center" },
-								children: [/* @__PURE__ */ b(Ne, { style: {
+								children: [/* @__PURE__ */ x(Le, { style: {
 									height: "var(--size-icon-xl)",
 									width: "var(--size-icon-xl)",
 									margin: "0 auto var(--space-formGap)"
-								} }), /* @__PURE__ */ b("p", {
+								} }), /* @__PURE__ */ x("p", {
 									className: "text-sm text-text-muted",
-									children: S("bigconsole.dataSinks.loading", "Loading data sinks...")
+									children: C("bigconsole.dataSinks.loading", "Loading data sinks...")
 								})]
 							})
 						}),
-						!q && J.length === 0 && /* @__PURE__ */ b(Ae, {
+						!K && J.length === 0 && /* @__PURE__ */ x(Pe, {
 							illustration: "empty-data",
-							title: S("bigconsole.dataSinks.empty.title", "No Data Sinks yet"),
-							description: S("bigconsole.dataSinks.empty.description", "Data Sinks store pre-processed data from FluidGrids workflows for fast access in widgets."),
-							action: /* @__PURE__ */ b(de, {
+							title: C("bigconsole.dataSinks.empty.title", "No Data Sinks yet"),
+							description: C("bigconsole.dataSinks.empty.description", "Data Sinks store pre-processed data from FluidGrids workflows for fast access in widgets."),
+							action: /* @__PURE__ */ x(he, {
 								permission: i.DATASINK_CREATE,
 								deniedBehavior: "disable",
-								children: /* @__PURE__ */ x(f, {
-									onClick: Je,
-									children: [/* @__PURE__ */ b(ye, { style: {
+								children: /* @__PURE__ */ S(p, {
+									onClick: nt,
+									children: [/* @__PURE__ */ x(Ce, { style: {
 										marginRight: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
-									} }), S("bigconsole.dataSinks.actions.create", "Create Data Sink")]
+									} }), C("bigconsole.dataSinks.actions.create", "Create Data Sink")]
 								})
 							})
 						}),
-						!q && X.length === 0 && J.length > 0 && /* @__PURE__ */ b(r, {
+						!K && X.length === 0 && J.length > 0 && /* @__PURE__ */ x(r, {
 							tone: "info",
 							emphasis: "muted",
 							padding: "compact",
 							headingLevel: 3,
-							title: S("bigconsole.dataSinks.empty.filteredTitle", "No matching data sinks"),
-							description: S("bigconsole.dataSinks.empty.filtered", "No data sinks match your filters"),
-							actions: /* @__PURE__ */ b(f, {
+							title: C("bigconsole.dataSinks.empty.filteredTitle", "No matching data sinks"),
+							description: C("bigconsole.dataSinks.empty.filtered", "No data sinks match your filters"),
+							actions: /* @__PURE__ */ x(p, {
 								variant: "secondary",
 								size: "sm",
-								onClick: $,
-								children: S("bigconsole.dataSinks.filters.clear", "Clear Filters")
+								onClick: Q,
+								children: C("bigconsole.dataSinks.filters.clear", "Clear Filters")
 							})
 						}),
-						X.length > 0 && P === "grid" && /* @__PURE__ */ b("div", {
+						X.length > 0 && I === "grid" && /* @__PURE__ */ x("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, 320px), 1fr))",
 								gap: "var(--space-formGap)"
 							},
-							children: X.map((e) => /* @__PURE__ */ b(ae, {
+							children: X.map((e) => /* @__PURE__ */ x(ce, {
 								dataSink: e.dataSink,
 								setupState: e.setupState,
 								onView: Z,
-								onEdit: Ye,
-								onRefresh: Q,
-								onExport: $e,
-								onDelete: Ze,
-								canEdit: O,
-								canRefresh: A,
-								canDelete: k
+								onEdit: rt,
+								onRefresh: it,
+								onExport: ct,
+								onDelete: ot,
+								canEdit: j,
+								canRefresh: He,
+								canDelete: M
 							}, e.dataSink.id))
 						}),
-						X.length > 0 && P === "table" && /* @__PURE__ */ b("div", {
+						X.length > 0 && I === "table" && /* @__PURE__ */ x("div", {
 							className: "min-w-0",
 							style: { overflowX: "auto" },
-							children: /* @__PURE__ */ x("table", {
+							children: /* @__PURE__ */ S("table", {
 								style: {
 									width: "100%",
 									borderCollapse: "collapse",
 									fontSize: "var(--font-size-body-sm)"
 								},
-								children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
+								children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
 									style: {
 										backgroundColor: "var(--color-bg-sunken)",
 										borderBottom: "1px solid var(--color-border)"
 									},
 									children: [
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -482,9 +518,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.name", "Name")
+											children: C("bigconsole.dataSinks.table.name", "Name")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -492,9 +528,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.key", "Key")
+											children: C("bigconsole.dataSinks.table.key", "Key")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -502,9 +538,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.status", "Status")
+											children: C("bigconsole.dataSinks.table.status", "Status")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -512,9 +548,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.setup", "Setup")
+											children: C("bigconsole.dataSinks.table.setup", "Setup")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "center",
@@ -522,9 +558,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.active", "Active")
+											children: C("bigconsole.dataSinks.table.active", "Active")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -532,9 +568,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.version", "Version")
+											children: C("bigconsole.dataSinks.table.version", "Version")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "right",
@@ -542,9 +578,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.size", "Size")
+											children: C("bigconsole.dataSinks.table.size", "Size")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -552,9 +588,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.lastRefreshed", "Last refreshed")
+											children: C("bigconsole.dataSinks.table.lastRefreshed", "Last refreshed")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "left",
@@ -562,9 +598,9 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.updated", "Updated")
+											children: C("bigconsole.dataSinks.table.updated", "Updated")
 										}),
-										/* @__PURE__ */ b("th", {
+										/* @__PURE__ */ x("th", {
 											style: {
 												padding: "10px 12px",
 												textAlign: "right",
@@ -572,17 +608,17 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												color: "var(--color-text-secondary)",
 												whiteSpace: "nowrap"
 											},
-											children: S("bigconsole.dataSinks.table.actions", "Actions")
+											children: C("bigconsole.dataSinks.table.actions", "Actions")
 										})
 									]
-								}) }), /* @__PURE__ */ b("tbody", { children: X.map((e) => {
+								}) }), /* @__PURE__ */ x("tbody", { children: X.map((e) => {
 									let t = e.dataSink;
-									return /* @__PURE__ */ x("tr", {
+									return /* @__PURE__ */ S("tr", {
 										onClick: () => Z(t.id),
 										className: "cursor-pointer hover:bg-bg-sunken motion-safe:transition-colors",
 										style: { borderBottom: "1px solid var(--color-border)" },
 										children: [
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													fontWeight: "var(--font-weight-medium)",
@@ -594,7 +630,7 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												},
 												children: t.name || t.key
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													color: "var(--color-text-muted)",
@@ -607,20 +643,20 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												},
 												children: t.key
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: { padding: "10px 12px" },
-												children: /* @__PURE__ */ b(re, { status: t.status })
+												children: /* @__PURE__ */ x(ie, { status: t.status })
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: { padding: "10px 12px" },
-												children: /* @__PURE__ */ b(le, { state: e.setupState })
+												children: /* @__PURE__ */ x(pe, { state: e.setupState })
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													textAlign: "center"
 												},
-												children: /* @__PURE__ */ b("span", {
+												children: /* @__PURE__ */ x("span", {
 													style: {
 														display: "inline-block",
 														width: 8,
@@ -628,17 +664,17 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 														borderRadius: "50%",
 														backgroundColor: t.isActive ? "var(--color-status-success-bg)" : "var(--color-text-muted)"
 													},
-													title: t.isActive ? S("bigconsole.dataSinks.badges.active", "Active") : S("bigconsole.dataSinks.badges.inactive", "Inactive")
+													title: t.isActive ? C("bigconsole.dataSinks.badges.active", "Active") : C("bigconsole.dataSinks.badges.inactive", "Inactive")
 												})
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ S("td", {
 												style: {
 													padding: "10px 12px",
 													color: "var(--color-text-muted)"
 												},
 												children: ["v", t.version ?? 0]
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													color: "var(--color-text-muted)",
@@ -646,18 +682,18 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 													whiteSpace: "nowrap",
 													fontVariantNumeric: "tabular-nums"
 												},
-												children: ie(t.sizeBytes)
+												children: se(t.sizeBytes)
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													color: "var(--color-text-muted)",
 													whiteSpace: "nowrap"
 												},
 												title: t.lastRefreshedAt ? new Date(t.lastRefreshedAt).toLocaleString() : void 0,
-												children: Ie(t.lastRefreshedAt)
+												children: Ve(t.lastRefreshedAt)
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													color: "var(--color-text-muted)",
@@ -665,12 +701,12 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 												},
 												children: new Date(t.updatedAt).toLocaleDateString()
 											}),
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ x("td", {
 												style: {
 													padding: "10px 12px",
 													textAlign: "right"
 												},
-												children: /* @__PURE__ */ x("div", {
+												children: /* @__PURE__ */ S("div", {
 													style: {
 														display: "flex",
 														gap: 4,
@@ -678,45 +714,45 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 													},
 													onClick: (e) => e.stopPropagation(),
 													children: [
-														/* @__PURE__ */ b("button", {
+														/* @__PURE__ */ x("button", {
 															type: "button",
-															title: S("bigconsole.dataSinks.actions.view", "View"),
-															"aria-label": S("bigconsole.dataSinks.actions.view", "View"),
+															title: C("bigconsole.dataSinks.actions.view", "View"),
+															"aria-label": C("bigconsole.dataSinks.actions.view", "View"),
 															onClick: () => Z(t.id),
-															className: w,
-															children: /* @__PURE__ */ b(ge, { size: 14 })
+															className: T,
+															children: /* @__PURE__ */ x(be, { size: 14 })
 														}),
-														O && /* @__PURE__ */ b("button", {
+														j && /* @__PURE__ */ x("button", {
 															type: "button",
-															title: S("bigconsole.dataSinks.actions.edit", "Edit"),
-															"aria-label": S("bigconsole.dataSinks.actions.edit", "Edit"),
-															onClick: () => Ye(t.id),
-															className: w,
-															children: /* @__PURE__ */ b(ve, { size: 14 })
+															title: C("bigconsole.dataSinks.actions.edit", "Edit"),
+															"aria-label": C("bigconsole.dataSinks.actions.edit", "Edit"),
+															onClick: () => rt(t.id),
+															className: T,
+															children: /* @__PURE__ */ x(Se, { size: 14 })
 														}),
-														A && /* @__PURE__ */ b("button", {
+														He && /* @__PURE__ */ x("button", {
 															type: "button",
-															title: S("bigconsole.dataSinks.actions.refresh", "Refresh"),
-															"aria-label": S("bigconsole.dataSinks.actions.refresh", "Refresh"),
-															onClick: () => Q(t.id),
-															className: w,
-															children: /* @__PURE__ */ b(be, { size: 14 })
+															title: C("bigconsole.dataSinks.actions.refresh", "Refresh"),
+															"aria-label": C("bigconsole.dataSinks.actions.refresh", "Refresh"),
+															onClick: () => it(t.id),
+															className: T,
+															children: /* @__PURE__ */ x(we, { size: 14 })
 														}),
-														/* @__PURE__ */ b("button", {
+														/* @__PURE__ */ x("button", {
 															type: "button",
-															title: S("bigconsole.dataSinks.actions.export", "Export"),
-															"aria-label": S("bigconsole.dataSinks.actions.export", "Export"),
-															onClick: () => $e(t.id),
-															className: w,
-															children: /* @__PURE__ */ b(he, { size: 14 })
+															title: C("bigconsole.dataSinks.actions.export", "Export"),
+															"aria-label": C("bigconsole.dataSinks.actions.export", "Export"),
+															onClick: () => ct(t.id),
+															className: T,
+															children: /* @__PURE__ */ x(ye, { size: 14 })
 														}),
-														k && /* @__PURE__ */ b("button", {
+														M && /* @__PURE__ */ x("button", {
 															type: "button",
-															title: S("bigconsole.dataSinks.actions.delete", "Delete"),
-															"aria-label": S("bigconsole.dataSinks.actions.delete", "Delete"),
-															onClick: () => Ze(t.id),
-															className: w,
-															children: /* @__PURE__ */ b(Ce, { size: 14 })
+															title: C("bigconsole.dataSinks.actions.delete", "Delete"),
+															"aria-label": C("bigconsole.dataSinks.actions.delete", "Delete"),
+															onClick: () => ot(t.id),
+															className: T,
+															children: /* @__PURE__ */ x(De, { size: 14 })
 														})
 													]
 												})
@@ -729,24 +765,24 @@ var C = "bigconsole-datasinks-view-mode", w = `inline-flex h-control-md w-[var(-
 					] })
 				})] }) })]
 			}),
-			H && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(oe, {
-				dataSink: H,
-				isOpen: Ve,
+			U && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(le, {
+				dataSink: U,
+				isOpen: Je,
 				onClose: W,
-				onConfirm: Qe
-			}), /* @__PURE__ */ b(se, {
-				dataSink: H,
-				isOpen: He,
-				onClose: K,
-				onConfirm: Xe
+				onConfirm: st
+			}), /* @__PURE__ */ x(ue, {
+				dataSink: U,
+				isOpen: Ye,
+				onClose: G,
+				onConfirm: at
 			})] }),
-			/* @__PURE__ */ b(ce, {
-				isOpen: ze,
-				onClose: () => N(!1),
-				onSuccess: tt
+			/* @__PURE__ */ x(de, {
+				isOpen: We,
+				onClose: () => Ge(!1),
+				onSuccess: ut
 			})
 		]
 	});
 });
 //#endregion
-export { E as DataSinksPage, E as default };
+export { D as DataSinksPage, D as default };