@burdenoff/microfe-bigconsole 2026.1004.7 → 2026.1005.1

package/dist/bigconsole/pages/DataSinkViewPage.js

@@ -1,66 +1,67 @@
 import { useDataSinkStore as e } from "../store/dataSinkStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import { newWorkflowPath as n } from "../BigConsoleRoutes.js";
+import { NEW_WORKFLOW_NAV as n } from "../workflowOpen.js";
+import { newWorkflowPath as ee } from "../BigConsoleRoutes.js";
 import "../components/common/sectionStyles.js";
-import { Section as r, SectionStack as ee } from "../components/common/Section.js";
+import { Section as r, SectionStack as te } from "../components/common/Section.js";
 import "../components/common/index.js";
-import te from "../components/datasink/DataSinkTableViewer.js";
-import ne from "../hooks/useDataSinkOperations.js";
+import ne from "../components/datasink/DataSinkTableViewer.js";
+import re from "../hooks/useDataSinkOperations.js";
 import { BIGCONSOLE_PERMISSIONS as i } from "../../constants/permissions.js";
 import a from "../components/datasink/DataSinkStatusBadge.js";
-import { isNative as o, nativeConfirm as re, nativeImpact as ie, nativeNotify as s } from "../../utils/nativeBridge.js";
-import ae from "../hooks/useDataSinkSubscription.js";
-import { formatByteSize as oe } from "../utils/format.js";
-import se from "../components/datasink/DataSinkDataViewer.js";
-import ce from "../components/datasink/LinkedWorkflowsPanel.js";
-import le from "../components/datasink/LinkedParsersPanel.js";
-import ue from "../components/datasink/WorkflowStatusPanel.js";
-import de from "../components/datasink/ExportDataSinkDialog.js";
-import fe from "../components/datasink/ImportDataGuideDialog.js";
-import { memo as c, useCallback as l, useEffect as pe, useState as u } from "react";
-import { useParams as me } from "react-router";
-import { AccessDenied as he, PermissionButton as d } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ge } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as _e, ArrowLeft as f, Code as ve, Database as p, Download as ye, Edit as be, Eye as xe, EyeOff as Se, Grid3X3 as Ce, Loader2 as m, RefreshCw as we, Trash2 as Te, Upload as h } from "lucide-react";
-import { Button as g, IllustratedEmptyState as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
+import { isNative as o, nativeConfirm as ie, nativeImpact as ae, nativeNotify as s } from "../../utils/nativeBridge.js";
+import oe from "../hooks/useDataSinkSubscription.js";
+import { formatByteSize as se } from "../utils/format.js";
+import ce from "../components/datasink/DataSinkDataViewer.js";
+import le from "../components/datasink/LinkedWorkflowsPanel.js";
+import ue from "../components/datasink/LinkedParsersPanel.js";
+import de from "../components/datasink/WorkflowStatusPanel.js";
+import fe from "../components/datasink/ExportDataSinkDialog.js";
+import pe from "../components/datasink/ImportDataGuideDialog.js";
+import { memo as c, useCallback as l, useEffect as me, useState as u } from "react";
+import { useParams as he } from "react-router";
+import { AccessDenied as ge, PermissionButton as d } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as _e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as ve, ArrowLeft as f, Bell as ye, Code as be, Database as p, Download as xe, Edit as Se, Eye as Ce, EyeOff as we, Grid3X3 as Te, Loader2 as m, RefreshCw as Ee, Trash2 as De, Upload as h } from "lucide-react";
+import { Button as g, IllustratedEmptyState as Oe, NextSteps as ke, PagePurpose as Ae } from "@burdenoff/fe-libs/ui";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as ke } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as je } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { formatDistanceToNow as b } from "date-fns";
 //#region src/bigconsole/pages/DataSinkViewPage.tsx
 var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function() {
-	let { dataSinkId: c } = me(), S = t(), { t: C } = ke(), { hasPermission: Ae, isLoading: je } = ge(), Me = Ae(i.DATASINK_READ), [w, T] = u(!1), [E, D] = u(!1), [O, k] = u(!1), [A, j] = u(!1), [Ne, M] = u(!1), [N, Pe] = u(null), [P, F] = u(!1), [I, L] = u("table"), [R, Fe] = u(100), [z, Ie] = u(0), [B, Le] = u(null), [Re, ze] = u(!1), V = e((e) => c ? e.dataSinks.get(c) : void 0), { loading: Be, error: H, fetchDataSink: U, getDataSinkData: W, refreshDataSink: G, updateDataSink: K, deleteDataSink: q } = ne({ skipFetch: !0 });
-	ae({
+	let { dataSinkId: c } = he(), S = t(), { t: C } = je(), { hasPermission: Me, isLoading: Ne } = _e(), Pe = Me(i.DATASINK_READ), [w, T] = u(!1), [E, D] = u(!1), [O, k] = u(!1), [Fe, A] = u(!1), [Ie, j] = u(!1), [M, Le] = u(null), [N, P] = u(!1), [F, I] = u("table"), [L, Re] = u(100), [R, ze] = u(0), [z, Be] = u(null), [Ve, He] = u(!1), B = e((e) => c ? e.dataSinks.get(c) : void 0), { loading: Ue, error: V, fetchDataSink: H, getDataSinkData: U, refreshDataSink: W, updateDataSink: G, deleteDataSink: K } = re({ skipFetch: !0 });
+	oe({
 		dataSinkId: c,
 		enabled: !!c
-	}), pe(() => {
-		c && U(c);
-	}, [c, U]);
-	let J = l(() => {
+	}), me(() => {
+		c && H(c);
+	}, [c, H]);
+	let q = l(() => {
 		S("/datasinks");
-	}, [S]), Ve = l(() => {
+	}, [S]), We = l(() => {
 		S(`/datasinks/${c}/edit`);
-	}, [S, c]), Y = l(async () => {
+	}, [S, c]), J = l(async () => {
 		if (c) {
 			D(!0);
 			try {
-				await G({ id: c });
+				await W({ id: c });
 			} catch {} finally {
 				D(!1);
 			}
 		}
-	}, [c, G]), He = l(async () => {
+	}, [c, W]), Ge = l(async () => {
 		if (!c) return;
-		let e = await re({
+		let e = await ie({
 			title: C("bigconsole.dataSinks.view.deleteConfirmTitle", "Delete DataSink?"),
 			message: C("bigconsole.dataSinks.view.deleteConfirmMessage", "Are you sure you want to delete this DataSink?"),
 			okButtonTitle: C("bigconsole.dataSinks.view.delete", "Delete"),
 			cancelButtonTitle: C("bigconsole.dataSinks.view.cancel", "Cancel")
 		});
 		if (e === null ? window.confirm(C("bigconsole.dataSinks.view.deleteConfirmMessage", "Are you sure you want to delete this DataSink?")) : e) {
-			ie("medium"), k(!0);
+			ae("medium"), k(!0);
 			try {
-				await q(c), o() && s("success"), S("/datasinks");
+				await K(c), o() && s("success"), S("/datasinks");
 			} catch {
 				o() && s("error");
 			} finally {
@@ -69,85 +70,85 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 		}
 	}, [
 		c,
-		q,
+		K,
 		S,
 		C
-	]), X = l(async (e, t) => {
+	]), Y = l(async (e, t) => {
 		if (c) {
-			F(!0);
+			P(!0);
 			try {
-				let n = await W({ id: c }, {
+				let n = await U({ id: c }, {
 					limit: t,
 					offset: e
 				});
-				n && (Pe(n.raw || {}), Le(typeof n.totalCount == "number" ? n.totalCount : null), ze(!!n.hasMore), Ie(e));
+				n && (Le(n.raw || {}), Be(typeof n.totalCount == "number" ? n.totalCount : null), He(!!n.hasMore), ze(e));
 			} catch {} finally {
-				F(!1);
+				P(!1);
 			}
 		}
-	}, [c, W]), Z = l(async () => {
+	}, [c, U]), X = l(async () => {
 		if (c) {
 			if (w) {
 				T(!1);
 				return;
 			}
-			await X(0, R), T(!0);
+			await Y(0, L), T(!0);
 		}
 	}, [
 		c,
 		w,
-		X,
-		R
-	]), Ue = l((e) => {
-		Fe(e), X(0, e);
-	}, [X]), Q = l(() => {
+		Y,
+		L
+	]), Ke = l((e) => {
+		Re(e), Y(0, e);
+	}, [Y]), Z = l(() => {
+		A(!0);
+	}, []), Q = l(() => {
+		A(!1);
+	}, []), $ = l(() => {
 		j(!0);
-	}, []), We = l(() => {
+	}, []), qe = l(() => {
 		j(!1);
-	}, []), $ = l(() => {
-		M(!0);
-	}, []), Ge = l(() => {
-		M(!1);
-	}, []), Ke = l(() => {
-		M(!1), S(n());
-	}, [S]), qe = l(async (e) => {
-		if (!V || !await K({
-			id: V.id,
-			version: V.version,
+	}, []), Je = l(() => {
+		j(!1), S(ee(), n);
+	}, [S]), Ye = l(async (e) => {
+		if (!B || !await G({
+			id: B.id,
+			version: B.version,
 			data: e
 		})) return !1;
 		try {
-			await X(0, R), T(!0);
+			await Y(0, L), T(!0);
 		} catch {}
 		return !0;
 	}, [
-		V,
-		K,
-		X,
-		R
+		B,
+		G,
+		Y,
+		L
 	]);
-	return Be && !V ? /* @__PURE__ */ v("div", {
+	return Ue && !B ? /* @__PURE__ */ v("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
 		children: /* @__PURE__ */ v(m, { className: "h-icon-lg w-icon-lg animate-spin text-text-secondary" })
-	}) : H && !V ? /* @__PURE__ */ v("div", {
+	}) : V && !B ? /* @__PURE__ */ v("div", {
 		className: "p-card-padding",
 		children: /* @__PURE__ */ v(r, {
 			tone: "danger",
 			headingLevel: 2,
 			title: C("bigconsole.dataSinks.view.loadError", "Failed to load DataSink"),
-			description: H.message,
-			icon: /* @__PURE__ */ v(_e, { className: "h-icon-sm w-icon-sm" }),
+			description: V.message,
+			icon: /* @__PURE__ */ v(ve, { className: "h-icon-sm w-icon-sm" }),
 			actions: /* @__PURE__ */ y(g, {
-				onClick: J,
+				onClick: q,
 				variant: "secondary",
 				size: "sm",
 				children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.goBack", "Go back")]
 			})
 		})
-	}) : !je && !Me ? /* @__PURE__ */ v(he, {
+	}) : !Ne && !Pe ? /* @__PURE__ */ v(ge, {
 		title: C("bigconsole.dataSinks.view.accessDeniedTitle", "Access Denied"),
 		description: C("bigconsole.dataSinks.view.accessDeniedDescription", "You don't have permission to view this data sink.")
-	}) : V ? /* @__PURE__ */ y("div", {
+	}) : B ? /* @__PURE__ */ y("div", {
 		className: "min-w-0 p-card-padding",
 		children: [
 			/* @__PURE__ */ y("header", {
@@ -156,7 +157,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 					className: "min-w-0 flex-1",
 					children: [
 						/* @__PURE__ */ y(g, {
-							onClick: J,
+							onClick: q,
 							variant: "ghost",
 							size: "sm",
 							className: "mb-4",
@@ -167,22 +168,22 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							children: [
 								/* @__PURE__ */ v("h1", {
 									className: "text-2xl font-bold text-text-primary",
-									children: V.name || C("bigconsole.dataSinks.view.untitled", "Untitled")
+									children: B.name || C("bigconsole.dataSinks.view.untitled", "Untitled")
 								}),
-								/* @__PURE__ */ v(a, { status: V.status }),
+								/* @__PURE__ */ v(a, { status: B.status }),
 								/* @__PURE__ */ y("span", {
 									className: "rounded-pill border border-border-subtle px-2 py-1 text-xs text-text-secondary",
-									children: ["v", V.version]
+									children: ["v", B.version]
 								})
 							]
 						}),
 						/* @__PURE__ */ v("p", {
 							className: "mt-1 break-all font-mono text-sm text-text-muted",
-							children: V.key
+							children: B.key
 						}),
-						V.description && /* @__PURE__ */ v("p", {
+						B.description && /* @__PURE__ */ v("p", {
 							className: "mt-2 text-sm text-text-secondary",
-							children: V.description
+							children: B.description
 						})
 					]
 				}), /* @__PURE__ */ y("div", {
@@ -192,11 +193,11 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							permission: i.DATASINK_EXECUTE,
 							deniedBehavior: "disable",
 							children: /* @__PURE__ */ y(g, {
-								onClick: Y,
+								onClick: J,
 								disabled: E,
 								variant: "default",
 								size: "default",
-								children: [/* @__PURE__ */ v(we, { className: `w-4 h-4 mr-2 ${E ? "animate-spin" : ""}` }), E ? C("bigconsole.dataSinks.view.refreshing", "Refreshing...") : C("bigconsole.dataSinks.view.refresh", "Refresh")]
+								children: [/* @__PURE__ */ v(Ee, { className: `w-4 h-4 mr-2 ${E ? "animate-spin" : ""}` }), E ? C("bigconsole.dataSinks.view.refreshing", "Refreshing...") : C("bigconsole.dataSinks.view.refresh", "Refresh")]
 							})
 						}),
 						/* @__PURE__ */ y(g, {
@@ -206,40 +207,46 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							children: [/* @__PURE__ */ v(h, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.importData", "Import Data")]
 						}),
 						/* @__PURE__ */ y(g, {
-							onClick: Q,
+							onClick: Z,
+							variant: "secondary",
+							size: "default",
+							children: [/* @__PURE__ */ v(xe, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.export", "Export")]
+						}),
+						/* @__PURE__ */ y(g, {
+							onClick: () => S(`/datasinks/${c}/alerts`),
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ v(ye, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.export", "Export")]
+							children: [/* @__PURE__ */ v(ye, { className: "w-4 h-4 mr-2" }), C("bigconsole.alerts.title", "Alerts")]
 						}),
 						/* @__PURE__ */ v(d, {
 							permission: i.DATASINK_UPDATE,
 							deniedBehavior: "disable",
 							children: /* @__PURE__ */ y(g, {
-								onClick: Ve,
+								onClick: We,
 								variant: "secondary",
 								size: "default",
-								children: [/* @__PURE__ */ v(be, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.edit", "Edit")]
+								children: [/* @__PURE__ */ v(Se, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.edit", "Edit")]
 							})
 						}),
 						/* @__PURE__ */ v(d, {
 							permission: i.DATASINK_DELETE,
 							deniedBehavior: "hide",
 							children: /* @__PURE__ */ y(g, {
-								onClick: He,
+								onClick: Ge,
 								disabled: O,
 								variant: "destructive",
 								size: "default",
-								children: [/* @__PURE__ */ v(Te, { className: "w-4 h-4 mr-2" }), O ? C("bigconsole.dataSinks.view.deleting", "Deleting...") : C("bigconsole.dataSinks.view.delete", "Delete")]
+								children: [/* @__PURE__ */ v(De, { className: "w-4 h-4 mr-2" }), O ? C("bigconsole.dataSinks.view.deleting", "Deleting...") : C("bigconsole.dataSinks.view.delete", "Delete")]
 							})
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(Oe, {
+			/* @__PURE__ */ v(Ae, {
 				className: "mb-section-gap",
 				children: C("bigconsole.dataSinks.view.pagePurpose", "A data sink is a structured store that holds your processed data and serves it to dashboards. From here you can inspect its schema and stats, preview the cached rows, refresh it from its linked workflow, or export it.")
 			}),
-			/* @__PURE__ */ y(ee, {
+			/* @__PURE__ */ y(te, {
 				className: "mt-section-gap",
 				children: [/* @__PURE__ */ y("div", {
 					className: "grid min-w-0 gap-section-gap lg:grid-cols-[minmax(0,2fr)_minmax(0,3fr)]",
@@ -256,7 +263,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										className: "min-w-0 text-text-secondary",
 										children: C("bigconsole.dataSinks.view.status", "Status")
 									}), /* @__PURE__ */ v("dd", { children: /* @__PURE__ */ v(a, {
-										status: V.status,
+										status: B.status,
 										size: "sm"
 									}) })]
 								}),
@@ -267,7 +274,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: C("bigconsole.dataSinks.view.cacheTtl", "Cache TTL")
 									}), /* @__PURE__ */ v("dd", {
 										className: "font-medium text-text-primary",
-										children: V.ttl ? `${V.ttl}s` : C("bigconsole.dataSinks.view.none", "None")
+										children: B.ttl ? `${B.ttl}s` : C("bigconsole.dataSinks.view.none", "None")
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -277,7 +284,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: C("bigconsole.dataSinks.view.refreshType", "Refresh Type")
 									}), /* @__PURE__ */ v("dd", {
 										className: "font-medium capitalize text-text-primary",
-										children: V.refresh?.type || C("bigconsole.dataSinks.view.manual", "Manual")
+										children: B.refresh?.type || C("bigconsole.dataSinks.view.manual", "Manual")
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -287,7 +294,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: C("bigconsole.dataSinks.view.size", "Size")
 									}), /* @__PURE__ */ v("dd", {
 										className: "font-medium text-text-primary",
-										children: oe(V.sizeBytes || 0)
+										children: se(B.sizeBytes || 0)
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -297,7 +304,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: C("bigconsole.dataSinks.view.version", "Version")
 									}), /* @__PURE__ */ v("dd", {
 										className: "font-medium text-text-primary",
-										children: V.version || 1
+										children: B.version || 1
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -307,7 +314,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: C("bigconsole.dataSinks.view.lastRefreshed", "Last Refreshed")
 									}), /* @__PURE__ */ v("dd", {
 										className: "font-medium text-text-primary",
-										children: V.lastRefreshedAt ? b(new Date(V.lastRefreshedAt), { addSuffix: !0 }) : C("bigconsole.dataSinks.view.never", "Never")
+										children: B.lastRefreshedAt ? b(new Date(B.lastRefreshedAt), { addSuffix: !0 }) : C("bigconsole.dataSinks.view.never", "Never")
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -317,7 +324,7 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 										children: C("bigconsole.dataSinks.view.created", "Created")
 									}), /* @__PURE__ */ v("dd", {
 										className: "font-medium text-text-primary",
-										children: b(new Date(V.createdAt), { addSuffix: !0 })
+										children: b(new Date(B.createdAt), { addSuffix: !0 })
 									})]
 								})
 							]
@@ -334,38 +341,38 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							className: "flex items-center overflow-hidden rounded-button border border-[var(--color-border-default)]",
 							children: [/* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => L("table"),
-								"aria-pressed": I === "table",
-								className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${I === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								onClick: () => I("table"),
+								"aria-pressed": F === "table",
+								className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${F === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
 								title: C("bigconsole.dataSinks.view.tableView", "Table view"),
-								children: /* @__PURE__ */ v(Ce, { className: "w-4 h-4" })
+								children: /* @__PURE__ */ v(Te, { className: "w-4 h-4" })
 							}), /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => L("json"),
-								"aria-pressed": I === "json",
-								className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${I === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								onClick: () => I("json"),
+								"aria-pressed": F === "json",
+								className: `flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x} ${F === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
 								title: C("bigconsole.dataSinks.view.jsonView", "JSON view"),
-								children: /* @__PURE__ */ v(ve, { className: "w-4 h-4" })
+								children: /* @__PURE__ */ v(be, { className: "w-4 h-4" })
 							})]
 						}), /* @__PURE__ */ v(g, {
-							onClick: Z,
-							disabled: P,
+							onClick: X,
+							disabled: N,
 							variant: w ? "secondary" : "default",
 							size: "sm",
-							children: P ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { className: "w-4 h-4 mr-2 animate-spin" }), C("bigconsole.dataSinks.view.loading", "Loading...")] }) : w ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(Se, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(xe, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.showData", "Show Data")] })
+							children: N ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { className: "w-4 h-4 mr-2 animate-spin" }), C("bigconsole.dataSinks.view.loading", "Loading...")] }) : w ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(we, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(Ce, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.showData", "Show Data")] })
 						})] }),
-						children: [w && N && /* @__PURE__ */ y(_, { children: [v(I === "table" ? te : se, {
-							data: N,
+						children: [w && M && /* @__PURE__ */ y(_, { children: [v(F === "table" ? ne : ce, {
+							data: M,
 							maxHeight: "400px"
-						}), B !== null && /* @__PURE__ */ y("div", {
+						}), z !== null && /* @__PURE__ */ y("div", {
 							className: "mt-form-gap flex flex-wrap items-center justify-between gap-form-gap border-t border-[var(--color-border-subtle)] pt-form-gap",
 							children: [/* @__PURE__ */ y("label", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
 								children: [/* @__PURE__ */ v("span", { children: C("bigconsole.dataSinks.view.rowsPerPage", "Rows per page") }), /* @__PURE__ */ v("select", {
 									"aria-label": C("bigconsole.dataSinks.view.rowsPerPage", "Rows per page"),
 									className: "h-control-md rounded-input border border-[var(--color-border-default)] bg-bg-canvas px-2 text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-									value: R,
-									onChange: (e) => Ue(Number(e.target.value)),
+									value: L,
+									onChange: (e) => Ke(Number(e.target.value)),
 									children: [
 										100,
 										500,
@@ -378,28 +385,28 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 							}), /* @__PURE__ */ y("div", {
 								className: "flex flex-wrap items-center gap-control-gap text-sm text-text-secondary",
 								children: [
-									/* @__PURE__ */ v("span", { children: B === 0 ? C("bigconsole.dataSinks.view.zeroRows", "0 rows") : C("bigconsole.dataSinks.view.rowRange", "{{start}}–{{end}} of {{total}}", {
-										start: z + 1,
-										end: Math.min(z + R, B),
-										total: B
+									/* @__PURE__ */ v("span", { children: z === 0 ? C("bigconsole.dataSinks.view.zeroRows", "0 rows") : C("bigconsole.dataSinks.view.rowRange", "{{start}}–{{end}} of {{total}}", {
+										start: R + 1,
+										end: Math.min(R + L, z),
+										total: z
 									}) }),
 									/* @__PURE__ */ v(g, {
 										variant: "secondary",
 										size: "sm",
-										disabled: z === 0 || P,
-										onClick: () => void X(Math.max(0, z - R), R),
+										disabled: R === 0 || N,
+										onClick: () => void Y(Math.max(0, R - L), L),
 										children: C("bigconsole.dataSinks.view.previous", "Previous")
 									}),
 									/* @__PURE__ */ v(g, {
 										variant: "secondary",
 										size: "sm",
-										disabled: !Re || P,
-										onClick: () => void X(z + R, R),
+										disabled: !Ve || N,
+										onClick: () => void Y(R + L, L),
 										children: C("bigconsole.dataSinks.view.next", "Next")
 									})
 								]
 							})]
-						})] }), !w && (V.sizeBytes > 0 || V.data && Object.keys(V.data).length > 0 ? /* @__PURE__ */ y("p", {
+						})] }), !w && (B.sizeBytes > 0 || B.data && Object.keys(B.data).length > 0 ? /* @__PURE__ */ y("p", {
 							className: "flex items-center gap-icon-gap text-sm text-text-secondary",
 							children: [/* @__PURE__ */ v(p, {
 								"aria-hidden": "true",
@@ -428,35 +435,35 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 				}), /* @__PURE__ */ y("div", {
 					className: "grid min-w-0 gap-section-gap md:grid-cols-2",
 					children: [
-						V.fluidGridsWorkflowId && /* @__PURE__ */ v(ue, {
-							workflowId: V.fluidGridsWorkflowId,
-							executionId: V.fluidGridsWorkflowExecutionId || void 0,
-							lastRefreshedAt: V.lastRefreshedAt || void 0,
-							setupState: V.setupState,
-							status: V.status,
-							onRerunWorkflow: Y,
+						B.fluidGridsWorkflowId && /* @__PURE__ */ v(de, {
+							workflowId: B.fluidGridsWorkflowId,
+							executionId: B.fluidGridsWorkflowExecutionId || void 0,
+							lastRefreshedAt: B.lastRefreshedAt || void 0,
+							setupState: B.setupState,
+							status: B.status,
+							onRerunWorkflow: J,
 							disabled: E,
 							isRerunning: E
 						}),
-						/* @__PURE__ */ v(ce, { workflowLinks: V.workflowLinks }),
-						/* @__PURE__ */ v(le, { dataSinkKey: V.key })
+						/* @__PURE__ */ v(le, { workflowLinks: B.workflowLinks }),
+						/* @__PURE__ */ v(ue, { dataSinkKey: B.key })
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(De, {
+			/* @__PURE__ */ v(ke, {
 				storageKey: "bigconsole-datasink-view",
 				steps: [
 					{
 						id: "preview",
 						label: C("bigconsole.dataSinks.view.nextSteps.previewLabel", "Preview the data"),
 						description: C("bigconsole.dataSinks.view.nextSteps.previewDescription", "Open the cached rows to confirm the sink holds what you expect."),
-						onClick: Z
+						onClick: X
 					},
 					{
 						id: "refresh",
 						label: C("bigconsole.dataSinks.view.nextSteps.refreshLabel", "Refresh from source"),
 						description: C("bigconsole.dataSinks.view.nextSteps.refreshDescription", "Re-run the linked workflow to pull the latest data."),
-						onClick: Y
+						onClick: J
 					},
 					{
 						id: "build-dashboard",
@@ -468,33 +475,33 @@ var x = "focus-visible:ring-inset focus-visible:ring-offset-0", S = c(function()
 						id: "export",
 						label: C("bigconsole.dataSinks.view.nextSteps.exportLabel", "Export the data"),
 						description: C("bigconsole.dataSinks.view.nextSteps.exportDescription", "Download the contents for use elsewhere."),
-						onClick: Q
+						onClick: Z
 					}
 				]
 			}),
-			/* @__PURE__ */ v(de, {
-				isOpen: A,
+			/* @__PURE__ */ v(fe, {
+				isOpen: Fe,
 				dataSinkId: c || null,
-				dataSinkName: V.name || V.key,
-				onClose: We
+				dataSinkName: B.name || B.key,
+				onClose: Q
 			}),
-			/* @__PURE__ */ v(fe, {
-				isOpen: Ne,
-				dataSinkName: V.name || V.key,
-				hasExistingData: V.sizeBytes > 0 || !!(V.data && Object.keys(V.data).length > 0),
-				onClose: Ge,
-				onGoToWorkflows: Ke,
-				onImportCsv: qe
+			/* @__PURE__ */ v(pe, {
+				isOpen: Ie,
+				dataSinkName: B.name || B.key,
+				hasExistingData: B.sizeBytes > 0 || !!(B.data && Object.keys(B.data).length > 0),
+				onClose: qe,
+				onGoToWorkflows: Je,
+				onImportCsv: Ye
 			})
 		]
 	}) : /* @__PURE__ */ v("div", {
 		className: "flex min-h-[240px] items-center justify-center p-card-padding",
-		children: /* @__PURE__ */ v(Ee, {
+		children: /* @__PURE__ */ v(Oe, {
 			illustration: "empty-data",
 			title: C("bigconsole.dataSinks.view.notFoundTitle", "DataSink not found"),
 			description: C("bigconsole.dataSinks.view.notFoundDescription", "The DataSink you're looking for doesn't exist or has been deleted."),
 			action: /* @__PURE__ */ y(g, {
-				onClick: J,
+				onClick: q,
 				variant: "default",
 				size: "default",
 				children: [/* @__PURE__ */ v(f, { className: "w-4 h-4 mr-2" }), C("bigconsole.dataSinks.view.goBackToDataSinks", "Go back to DataSinks")]