@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

package/dist/bigconsole/pages/DataSinkViewPage.js

@@ -4,8 +4,9 @@ import "../contexts/index.js";
 import { newWorkflowPath as n } from "../BigConsoleRoutes.js";
 import ee from "../components/datasink/DataSinkTableViewer.js";
 import te from "../hooks/useDataSinkOperations.js";
-import r from "../components/datasink/DataSinkStatusBadge.js";
-import { isNative as i, nativeConfirm as ne, nativeImpact as re, nativeNotify as a } from "../../utils/nativeBridge.js";
+import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
+import i from "../components/datasink/DataSinkStatusBadge.js";
+import { isNative as a, nativeConfirm as ne, nativeImpact as re, nativeNotify as o } from "../../utils/nativeBridge.js";
 import ie from "../hooks/useDataSinkSubscription.js";
 import ae from "../components/datasink/DataSinkDataViewer.js";
 import oe from "../components/datasink/LinkedWorkflowsPanel.js";
@@ -13,136 +14,143 @@ import se from "../components/datasink/LinkedParsersPanel.js";
 import ce from "../components/datasink/WorkflowStatusPanel.js";
 import le from "../components/datasink/ExportDataSinkDialog.js";
 import ue from "../components/datasink/ImportDataGuideDialog.js";
-import { memo as o, useCallback as s, useEffect as de, useState as c } from "react";
+import { memo as s, useCallback as c, useEffect as de, useState as l } from "react";
 import { useParams as fe } from "react-router";
-import { AlertCircle as pe, ArrowLeft as l, Code as me, Database as u, Download as he, Edit as ge, Eye as _e, EyeOff as d, Grid3X3 as ve, Loader2 as f, RefreshCw as ye, Trash2 as be, Upload as p } from "lucide-react";
-import { Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, GlassCard as xe, IllustratedEmptyState as Se, NextSteps as Ce, PagePurpose as we } from "@burdenoff/fe-libs/ui";
+import { AccessDenied as pe, PermissionButton as u } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as me } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as he, ArrowLeft as d, Code as ge, Database as f, Download as _e, Edit as ve, Eye as ye, EyeOff as be, Grid3X3 as xe, Loader2 as p, RefreshCw as Se, Trash2 as Ce, Upload as m } from "lucide-react";
+import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as h, Card as Te, CardContent as g, CardHeader as _, CardTitle as v, GlassCard as Ee, IllustratedEmptyState as De, NextSteps as Oe, PagePurpose as ke } from "@burdenoff/fe-libs/ui";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { formatDistanceToNow as S } from "date-fns";
 //#region src/bigconsole/pages/DataSinkViewPage.tsx
-var C = o(function() {
-	let { dataSinkId: o } = fe(), C = t(), [w, T] = c(!1), [E, D] = c(!1), [O, k] = c(!1), [Te, A] = c(!1), [Ee, j] = c(!1), [M, De] = c(null), [N, P] = c(!1), [F, I] = c("table"), [L, Oe] = c(100), [R, ke] = c(0), [z, Ae] = c(null), [je, Me] = c(!1), B = e((e) => o ? e.dataSinks.get(o) : void 0), { loading: Ne, error: V, fetchDataSink: H, getDataSinkData: U, refreshDataSink: W, updateDataSink: G, deleteDataSink: K } = te({ skipFetch: !0 });
+var C = s(function() {
+	let { dataSinkId: s } = fe(), C = t(), { t: w } = we(), { hasPermission: Ae, isLoading: je } = me(), Me = Ae(r.DATASINK_READ), [T, E] = l(!1), [D, O] = l(!1), [k, A] = l(!1), [Ne, j] = l(!1), [Pe, M] = l(!1), [N, Fe] = l(null), [P, F] = l(!1), [I, L] = l("table"), [R, Ie] = l(100), [z, Le] = l(0), [B, Re] = l(null), [ze, Be] = l(!1), V = e((e) => s ? e.dataSinks.get(s) : void 0), { loading: Ve, error: H, fetchDataSink: U, getDataSinkData: W, refreshDataSink: G, updateDataSink: K, deleteDataSink: q } = te({ skipFetch: !0 });
 	ie({
-		dataSinkId: o,
-		enabled: !!o
+		dataSinkId: s,
+		enabled: !!s
 	}), de(() => {
-		o && H(o);
-	}, [o, H]);
-	let q = s(() => {
+		s && U(s);
+	}, [s, U]);
+	let J = c(() => {
 		C("/datasinks");
-	}, [C]), Pe = s(() => {
-		C(`/datasinks/${o}/edit`);
-	}, [C, o]), J = s(async () => {
-		if (o) {
-			D(!0);
+	}, [C]), He = c(() => {
+		C(`/datasinks/${s}/edit`);
+	}, [C, s]), Y = c(async () => {
+		if (s) {
+			O(!0);
 			try {
-				await W({ id: o });
+				await G({ id: s });
 			} catch {} finally {
-				D(!1);
+				O(!1);
 			}
 		}
-	}, [o, W]), Fe = s(async () => {
-		if (!o) return;
+	}, [s, G]), Ue = c(async () => {
+		if (!s) return;
 		let e = await ne({
-			title: "Delete DataSink?",
-			message: "Are you sure you want to delete this DataSink?",
-			okButtonTitle: "Delete",
-			cancelButtonTitle: "Cancel"
+			title: w("bigconsole.dataSinks.view.deleteConfirmTitle", "Delete DataSink?"),
+			message: w("bigconsole.dataSinks.view.deleteConfirmMessage", "Are you sure you want to delete this DataSink?"),
+			okButtonTitle: w("bigconsole.dataSinks.view.delete", "Delete"),
+			cancelButtonTitle: w("bigconsole.dataSinks.view.cancel", "Cancel")
 		});
-		if (e === null ? window.confirm("Are you sure you want to delete this DataSink?") : e) {
-			re("medium"), k(!0);
+		if (e === null ? window.confirm(w("bigconsole.dataSinks.view.deleteConfirmMessage", "Are you sure you want to delete this DataSink?")) : e) {
+			re("medium"), A(!0);
 			try {
-				await K(o), i() && a("success"), C("/datasinks");
+				await q(s), a() && o("success"), C("/datasinks");
 			} catch {
-				i() && a("error");
+				a() && o("error");
 			} finally {
-				k(!1);
+				A(!1);
 			}
 		}
 	}, [
-		o,
-		K,
-		C
-	]), Y = s(async (e, t) => {
-		if (o) {
-			P(!0);
+		s,
+		q,
+		C,
+		w
+	]), X = c(async (e, t) => {
+		if (s) {
+			F(!0);
 			try {
-				let n = await U({ id: o }, {
+				let n = await W({ id: s }, {
 					limit: t,
 					offset: e
 				});
-				n && (De(n.raw || {}), Ae(typeof n.totalCount == "number" ? n.totalCount : null), Me(!!n.hasMore), ke(e));
+				n && (Fe(n.raw || {}), Re(typeof n.totalCount == "number" ? n.totalCount : null), Be(!!n.hasMore), Le(e));
 			} catch {} finally {
-				P(!1);
+				F(!1);
 			}
 		}
-	}, [o, U]), X = s(async () => {
-		if (o) {
-			if (w) {
-				T(!1);
+	}, [s, W]), Z = c(async () => {
+		if (s) {
+			if (T) {
+				E(!1);
 				return;
 			}
-			await Y(0, L), T(!0);
+			await X(0, R), E(!0);
 		}
 	}, [
-		o,
-		w,
-		Y,
-		L
-	]), Z = s((e) => {
-		Oe(e), Y(0, e);
-	}, [Y]), Q = s(() => {
-		A(!0);
-	}, []), Ie = s(() => {
-		A(!1);
-	}, []), $ = s(() => {
+		s,
+		T,
+		X,
+		R
+	]), We = c((e) => {
+		Ie(e), X(0, e);
+	}, [X]), Q = c(() => {
 		j(!0);
-	}, []), Le = s(() => {
+	}, []), Ge = c(() => {
 		j(!1);
-	}, []), Re = s(() => {
-		j(!1), C(n());
-	}, [C]), ze = s(async (e) => {
-		if (!B || !await G({
-			id: B.id,
-			version: B.version,
+	}, []), $ = c(() => {
+		M(!0);
+	}, []), Ke = c(() => {
+		M(!1);
+	}, []), qe = c(() => {
+		M(!1), C(n());
+	}, [C]), Je = c(async (e) => {
+		if (!V || !await K({
+			id: V.id,
+			version: V.version,
 			data: e
 		})) return !1;
 		try {
-			await Y(0, L), T(!0);
+			await X(0, R), E(!0);
 		} catch {}
 		return !0;
 	}, [
-		B,
-		G,
-		Y,
-		L
+		V,
+		K,
+		X,
+		R
 	]);
-	return Ne && !B ? /* @__PURE__ */ b("div", {
+	return Ve && !V ? /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ b(f, { className: "w-8 h-8 text-text-secondary animate-spin" })
-	}) : V && !B ? /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ b(p, { className: "w-8 h-8 text-text-secondary animate-spin" })
+	}) : H && !V ? /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
 		children: /* @__PURE__ */ x("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ b(pe, { className: "w-12 h-12 text-status-error-text mx-auto mb-4" }),
+				/* @__PURE__ */ b(he, { className: "w-12 h-12 text-status-error-text mx-auto mb-4" }),
 				/* @__PURE__ */ b("p", {
 					className: "text-status-error-text text-body-sm font-medium mb-2",
-					children: "Failed to load DataSink"
+					children: w("bigconsole.dataSinks.view.loadError", "Failed to load DataSink")
 				}),
 				/* @__PURE__ */ b("p", {
 					className: "text-text-tertiary text-body-xs mb-6",
-					children: V.message
+					children: H.message
 				}),
-				/* @__PURE__ */ x(m, {
-					onClick: q,
+				/* @__PURE__ */ x(h, {
+					onClick: J,
 					variant: "ghost",
 					size: "sm",
-					children: [/* @__PURE__ */ b(l, { className: "w-4 h-4 mr-2" }), "Go back"]
+					children: [/* @__PURE__ */ b(d, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.goBack", "Go back")]
 				})
 			]
 		})
-	}) : B ? /* @__PURE__ */ x("div", {
+	}) : !je && !Me ? /* @__PURE__ */ b(pe, {
+		title: w("bigconsole.dataSinks.view.accessDeniedTitle", "Access Denied"),
+		description: w("bigconsole.dataSinks.view.accessDeniedDescription", "You don't have permission to view this data sink.")
+	}) : V ? /* @__PURE__ */ x("div", {
 		className: "p-card-padding space-y-6",
 		children: [
 			/* @__PURE__ */ x("div", {
@@ -150,93 +158,105 @@ var C = o(function() {
 				children: [/* @__PURE__ */ x("div", {
 					className: "flex-1",
 					children: [
-						/* @__PURE__ */ x(m, {
-							onClick: q,
+						/* @__PURE__ */ x(h, {
+							onClick: J,
 							variant: "ghost",
 							size: "sm",
 							className: "mb-4",
-							children: [/* @__PURE__ */ b(l, { className: "w-4 h-4 mr-2" }), "Back to DataSinks"]
+							children: [/* @__PURE__ */ b(d, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.backToDataSinks", "Back to DataSinks")]
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2 flex-wrap",
 							children: [/* @__PURE__ */ b("h1", {
 								className: "text-heading-h1 font-bold text-text-primary",
-								children: B.name || "Untitled"
-							}), /* @__PURE__ */ b(r, { status: B.status })]
+								children: V.name || w("bigconsole.dataSinks.view.untitled", "Untitled")
+							}), /* @__PURE__ */ b(i, { status: V.status })]
 						}),
 						/* @__PURE__ */ b("p", {
 							className: "text-body-sm text-text-tertiary font-mono mt-1",
-							children: B.key
+							children: V.key
 						}),
-						B.description && /* @__PURE__ */ b("p", {
+						V.description && /* @__PURE__ */ b("p", {
 							className: "text-body-sm text-text-secondary mt-2",
-							children: B.description
+							children: V.description
 						})
 					]
 				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ x(m, {
-							onClick: J,
-							disabled: E,
-							variant: "secondary",
-							size: "default",
-							children: [/* @__PURE__ */ b(ye, { className: `w-4 h-4 mr-2 ${E ? "animate-spin" : ""}` }), E ? "Refreshing..." : "Refresh"]
+						/* @__PURE__ */ b(u, {
+							permission: r.DATASINK_EXECUTE,
+							deniedBehavior: "disable",
+							children: /* @__PURE__ */ x(h, {
+								onClick: Y,
+								disabled: D,
+								variant: "secondary",
+								size: "default",
+								children: [/* @__PURE__ */ b(Se, { className: `w-4 h-4 mr-2 ${D ? "animate-spin" : ""}` }), D ? w("bigconsole.dataSinks.view.refreshing", "Refreshing...") : w("bigconsole.dataSinks.view.refresh", "Refresh")]
+							})
 						}),
-						/* @__PURE__ */ x(m, {
+						/* @__PURE__ */ x(h, {
 							onClick: $,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ b(p, { className: "w-4 h-4 mr-2" }), "Import Data"]
+							children: [/* @__PURE__ */ b(m, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.importData", "Import Data")]
 						}),
-						/* @__PURE__ */ x(m, {
+						/* @__PURE__ */ x(h, {
 							onClick: Q,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ b(he, { className: "w-4 h-4 mr-2" }), "Export"]
+							children: [/* @__PURE__ */ b(_e, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.export", "Export")]
 						}),
-						/* @__PURE__ */ x(m, {
-							onClick: Pe,
-							variant: "secondary",
-							size: "default",
-							children: [/* @__PURE__ */ b(ge, { className: "w-4 h-4 mr-2" }), "Edit"]
+						/* @__PURE__ */ b(u, {
+							permission: r.DATASINK_UPDATE,
+							deniedBehavior: "disable",
+							children: /* @__PURE__ */ x(h, {
+								onClick: He,
+								variant: "secondary",
+								size: "default",
+								children: [/* @__PURE__ */ b(ve, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.edit", "Edit")]
+							})
 						}),
-						/* @__PURE__ */ x(m, {
-							onClick: Fe,
-							disabled: O,
-							variant: "destructive",
-							size: "default",
-							children: [/* @__PURE__ */ b(be, { className: "w-4 h-4 mr-2" }), O ? "Deleting..." : "Delete"]
+						/* @__PURE__ */ b(u, {
+							permission: r.DATASINK_DELETE,
+							deniedBehavior: "hide",
+							children: /* @__PURE__ */ x(h, {
+								onClick: Ue,
+								disabled: k,
+								variant: "destructive",
+								size: "default",
+								children: [/* @__PURE__ */ b(Ce, { className: "w-4 h-4 mr-2" }), k ? w("bigconsole.dataSinks.view.deleting", "Deleting...") : w("bigconsole.dataSinks.view.delete", "Delete")]
+							})
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ b(we, { children: "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__ */ b(Ce, {
+			/* @__PURE__ */ b(ke, { children: w("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__ */ b(Oe, {
 				storageKey: "bigconsole-datasink-view",
 				steps: [
 					{
 						id: "preview",
-						label: "Preview the data",
-						description: "Open the cached rows to confirm the sink holds what you expect.",
-						onClick: X
+						label: w("bigconsole.dataSinks.view.nextSteps.previewLabel", "Preview the data"),
+						description: w("bigconsole.dataSinks.view.nextSteps.previewDescription", "Open the cached rows to confirm the sink holds what you expect."),
+						onClick: Z
 					},
 					{
 						id: "refresh",
-						label: "Refresh from source",
-						description: "Re-run the linked workflow to pull the latest data.",
-						onClick: J
+						label: w("bigconsole.dataSinks.view.nextSteps.refreshLabel", "Refresh from source"),
+						description: w("bigconsole.dataSinks.view.nextSteps.refreshDescription", "Re-run the linked workflow to pull the latest data."),
+						onClick: Y
 					},
 					{
 						id: "build-dashboard",
-						label: "Visualize it on a dashboard",
-						description: "Add widgets that query this sink to see your data live.",
+						label: w("bigconsole.dataSinks.view.nextSteps.dashboardLabel", "Visualize it on a dashboard"),
+						description: w("bigconsole.dataSinks.view.nextSteps.dashboardDescription", "Add widgets that query this sink to see your data live."),
 						onClick: () => C("/dashboards")
 					},
 					{
 						id: "export",
-						label: "Export the data",
-						description: "Download the contents for use elsewhere.",
+						label: w("bigconsole.dataSinks.view.nextSteps.exportLabel", "Export the data"),
+						description: w("bigconsole.dataSinks.view.nextSteps.exportDescription", "Download the contents for use elsewhere."),
 						onClick: Q
 					}
 				]
@@ -244,140 +264,140 @@ var C = o(function() {
 			/* @__PURE__ */ x("div", {
 				className: "grid gap-6 md:grid-cols-2",
 				children: [
-					/* @__PURE__ */ x(xe, {
+					/* @__PURE__ */ x(Ee, {
 						treatment: "glass",
 						glow: !0,
-						children: [/* @__PURE__ */ b(_, { children: /* @__PURE__ */ b(v, { children: "Details" }) }), /* @__PURE__ */ b(g, { children: /* @__PURE__ */ x("dl", {
+						children: [/* @__PURE__ */ b(_, { children: /* @__PURE__ */ b(v, { children: w("bigconsole.dataSinks.view.details", "Details") }) }), /* @__PURE__ */ b(g, { children: /* @__PURE__ */ x("dl", {
 							className: "space-y-4 text-body-sm",
 							children: [
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Status"
-									}), /* @__PURE__ */ b("dd", { children: /* @__PURE__ */ b(r, { status: B.status }) })]
+										children: w("bigconsole.dataSinks.view.status", "Status")
+									}), /* @__PURE__ */ b("dd", { children: /* @__PURE__ */ b(i, { status: V.status }) })]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Cache TTL"
+										children: w("bigconsole.dataSinks.view.cacheTtl", "Cache TTL")
 									}), /* @__PURE__ */ b("dd", {
 										className: "text-text-primary font-medium",
-										children: B.ttl ? `${B.ttl}s` : "None"
+										children: V.ttl ? `${V.ttl}s` : w("bigconsole.dataSinks.view.none", "None")
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Refresh Type"
+										children: w("bigconsole.dataSinks.view.refreshType", "Refresh Type")
 									}), /* @__PURE__ */ b("dd", {
 										className: "text-text-primary font-medium capitalize",
-										children: B.refresh?.type || "Manual"
+										children: V.refresh?.type || w("bigconsole.dataSinks.view.manual", "Manual")
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Size"
+										children: w("bigconsole.dataSinks.view.size", "Size")
 									}), /* @__PURE__ */ b("dd", {
 										className: "text-text-primary font-medium",
-										children: B.sizeBytes ? `${(B.sizeBytes / 1024).toFixed(2)} KB` : "0 KB"
+										children: V.sizeBytes ? `${(V.sizeBytes / 1024).toFixed(2)} KB` : "0 KB"
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Version"
+										children: w("bigconsole.dataSinks.view.version", "Version")
 									}), /* @__PURE__ */ b("dd", {
 										className: "text-text-primary font-medium",
-										children: B.version || 1
+										children: V.version || 1
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Last Refreshed"
+										children: w("bigconsole.dataSinks.view.lastRefreshed", "Last Refreshed")
 									}), /* @__PURE__ */ b("dd", {
 										className: "text-text-primary font-medium",
-										children: B.lastRefreshedAt ? S(new Date(B.lastRefreshedAt), { addSuffix: !0 }) : "Never"
+										children: V.lastRefreshedAt ? S(new Date(V.lastRefreshedAt), { addSuffix: !0 }) : w("bigconsole.dataSinks.view.never", "Never")
 									})]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex justify-between items-center",
 									children: [/* @__PURE__ */ b("dt", {
 										className: "text-text-secondary",
-										children: "Created"
+										children: w("bigconsole.dataSinks.view.created", "Created")
 									}), /* @__PURE__ */ b("dd", {
 										className: "text-text-primary font-medium",
-										children: S(new Date(B.createdAt), { addSuffix: !0 })
+										children: S(new Date(V.createdAt), { addSuffix: !0 })
 									})]
 								})
 							]
 						}) })]
 					}),
-					B.fluidGridsWorkflowId && /* @__PURE__ */ b(ce, {
-						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
+					V.fluidGridsWorkflowId && /* @__PURE__ */ b(ce, {
+						workflowId: V.fluidGridsWorkflowId,
+						executionId: V.fluidGridsWorkflowExecutionId || void 0,
+						lastRefreshedAt: V.lastRefreshedAt || void 0,
+						setupState: V.setupState,
+						status: V.status,
+						onRerunWorkflow: Y,
+						disabled: D,
+						isRerunning: D
 					}),
-					/* @__PURE__ */ b(oe, { workflowLinks: B.workflowLinks }),
-					/* @__PURE__ */ b(se, { dataSinkKey: B.key })
+					/* @__PURE__ */ b(oe, { workflowLinks: V.workflowLinks }),
+					/* @__PURE__ */ b(se, { dataSinkKey: V.key })
 				]
 			}),
-			/* @__PURE__ */ x(h, { children: [
+			/* @__PURE__ */ x(Te, { children: [
 				/* @__PURE__ */ x(_, {
 					className: "flex flex-row items-center justify-between space-y-0",
 					children: [/* @__PURE__ */ x(v, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b(u, { className: "w-4 h-4 text-text-secondary" }), "Data Preview"]
+						children: [/* @__PURE__ */ b(f, { className: "w-4 h-4 text-text-secondary" }), w("bigconsole.dataSinks.view.dataPreview", "Data Preview")]
 					}), /* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2",
-						children: [w && /* @__PURE__ */ x("div", {
+						children: [T && /* @__PURE__ */ x("div", {
 							className: "flex items-center border border-border-default rounded-md overflow-hidden",
 							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => I("table"),
-								className: `p-1.5 ${F === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
-								title: "Table view",
-								children: /* @__PURE__ */ b(ve, { className: "w-4 h-4" })
+								onClick: () => L("table"),
+								className: `p-1.5 ${I === "table" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: w("bigconsole.dataSinks.view.tableView", "Table view"),
+								children: /* @__PURE__ */ b(xe, { className: "w-4 h-4" })
 							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => I("json"),
-								className: `p-1.5 ${F === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
-								title: "JSON view",
-								children: /* @__PURE__ */ b(me, { className: "w-4 h-4" })
+								onClick: () => L("json"),
+								className: `p-1.5 ${I === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: w("bigconsole.dataSinks.view.jsonView", "JSON view"),
+								children: /* @__PURE__ */ b(ge, { className: "w-4 h-4" })
 							})]
-						}), /* @__PURE__ */ b(m, {
-							onClick: X,
-							disabled: N,
-							variant: w ? "secondary" : "default",
+						}), /* @__PURE__ */ b(h, {
+							onClick: Z,
+							disabled: P,
+							variant: T ? "secondary" : "default",
 							size: "sm",
-							children: N ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, { className: "w-4 h-4 mr-2 animate-spin" }), "Loading..."] }) : w ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, { className: "w-4 h-4 mr-2" }), "Hide Data"] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(_e, { className: "w-4 h-4 mr-2" }), "Show Data"] })
+							children: P ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, { className: "w-4 h-4 mr-2 animate-spin" }), w("bigconsole.dataSinks.view.loading", "Loading...")] }) : T ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(be, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.hideData", "Hide Data")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ye, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.showData", "Show Data")] })
 						})]
 					})]
 				}),
-				w && M && /* @__PURE__ */ x(g, { children: [b(F === "table" ? ee : ae, {
-					data: M,
+				T && N && /* @__PURE__ */ x(g, { children: [b(I === "table" ? ee : ae, {
+					data: N,
 					maxHeight: "400px"
-				}), z !== null && /* @__PURE__ */ x("div", {
+				}), B !== null && /* @__PURE__ */ x("div", {
 					className: "flex items-center justify-between gap-4 mt-4 pt-4 border-t border-border-subtle",
 					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2 text-body-sm text-text-secondary",
-						children: [/* @__PURE__ */ b("span", { children: "Rows per page" }), /* @__PURE__ */ b("select", {
-							"aria-label": "Rows per page",
+						children: [/* @__PURE__ */ b("span", { children: w("bigconsole.dataSinks.view.rowsPerPage", "Rows per page") }), /* @__PURE__ */ b("select", {
+							"aria-label": w("bigconsole.dataSinks.view.rowsPerPage", "Rows per page"),
 							className: "bg-bg-canvas border border-border-default rounded px-2 py-0.5 text-text-primary",
-							value: L,
-							onChange: (e) => Z(Number(e.target.value)),
+							value: R,
+							onChange: (e) => We(Number(e.target.value)),
 							children: [
 								100,
 								500,
@@ -390,73 +410,77 @@ var C = o(function() {
 					}), /* @__PURE__ */ x("div", {
 						className: "flex items-center gap-4 text-body-sm text-text-secondary",
 						children: [
-							/* @__PURE__ */ b("span", { children: z === 0 ? "0 rows" : `${R + 1}–${Math.min(R + L, z)} of ${z}` }),
-							/* @__PURE__ */ b(m, {
+							/* @__PURE__ */ b("span", { children: B === 0 ? w("bigconsole.dataSinks.view.zeroRows", "0 rows") : w("bigconsole.dataSinks.view.rowRange", "{{start}}–{{end}} of {{total}}", {
+								start: z + 1,
+								end: Math.min(z + R, B),
+								total: B
+							}) }),
+							/* @__PURE__ */ b(h, {
 								variant: "secondary",
 								size: "sm",
-								disabled: R === 0 || N,
-								onClick: () => void Y(Math.max(0, R - L), L),
-								children: "Previous"
+								disabled: z === 0 || P,
+								onClick: () => void X(Math.max(0, z - R), R),
+								children: w("bigconsole.dataSinks.view.previous", "Previous")
 							}),
-							/* @__PURE__ */ b(m, {
+							/* @__PURE__ */ b(h, {
 								variant: "secondary",
 								size: "sm",
-								disabled: !je || N,
-								onClick: () => void Y(R + L, L),
-								children: "Next"
+								disabled: !ze || P,
+								onClick: () => void X(z + R, R),
+								children: w("bigconsole.dataSinks.view.next", "Next")
 							})
 						]
 					})]
 				})] }),
-				!w && (B.data && Object.keys(B.data).length > 0 ? /* @__PURE__ */ x(g, {
+				!T && (V.data && Object.keys(V.data).length > 0 ? /* @__PURE__ */ x(g, {
 					className: "text-center p-8",
-					children: [/* @__PURE__ */ b(u, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }), /* @__PURE__ */ b("p", {
+					children: [/* @__PURE__ */ b(f, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }), /* @__PURE__ */ b("p", {
 						className: "text-body-sm text-text-secondary",
-						children: "Click \"Show Data\" to preview the cached data."
+						children: w("bigconsole.dataSinks.view.showDataHint", "Click \"Show Data\" to preview the cached data.")
 					})]
 				}) : /* @__PURE__ */ x(g, {
 					className: "text-center p-8",
 					children: [
-						/* @__PURE__ */ b(u, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }),
+						/* @__PURE__ */ b(f, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }),
 						/* @__PURE__ */ b("p", {
 							className: "text-body-sm text-text-secondary mb-4",
-							children: "This data sink has no data yet. Upload a CSV or build a workflow to import data."
+							children: w("bigconsole.dataSinks.view.noDataYet", "This data sink has no data yet. Upload a CSV or build a workflow to import data.")
 						}),
-						/* @__PURE__ */ x(m, {
+						/* @__PURE__ */ x(h, {
 							onClick: $,
 							variant: "default",
 							size: "sm",
-							children: [/* @__PURE__ */ b(p, { className: "w-4 h-4 mr-2" }), "Import Data"]
+							children: [/* @__PURE__ */ b(m, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.importData", "Import Data")]
 						})
 					]
 				}))
 			] }),
 			/* @__PURE__ */ b(le, {
-				isOpen: Te,
-				dataSinkId: o || null,
-				dataSinkName: B.name || B.key,
-				onClose: Ie
+				isOpen: Ne,
+				dataSinkId: s || null,
+				dataSinkName: V.name || V.key,
+				onClose: Ge
 			}),
 			/* @__PURE__ */ b(ue, {
-				isOpen: Ee,
-				dataSinkName: B.name || B.key,
-				hasExistingData: !!(B.data && Object.keys(B.data).length > 0),
-				onClose: Le,
-				onGoToWorkflows: Re,
-				onImportCsv: ze
+				isOpen: Pe,
+				dataSinkName: V.name || V.key,
+				hasExistingData: !!(V.data && Object.keys(V.data).length > 0),
+				onClose: Ke,
+				onGoToWorkflows: qe,
+				onImportCsv: Je
 			})
 		]
 	}) : /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
-		children: /* @__PURE__ */ b(Se, {
+		children: /* @__PURE__ */ b(De, {
 			illustration: "empty-data",
-			title: "DataSink not found",
-			description: "The DataSink you're looking for doesn't exist or has been deleted.",
-			action: /* @__PURE__ */ x(m, {
-				onClick: q,
+			title: w("bigconsole.dataSinks.view.notFoundTitle", "DataSink not found"),
+			description: w("bigconsole.dataSinks.view.notFoundDescription", "The DataSink you're looking for doesn't exist or has been deleted."),
+			action: /* @__PURE__ */ x(h, {
+				onClick: J,
 				variant: "default",
 				size: "default",
-				children: [/* @__PURE__ */ b(l, { className: "w-4 h-4 mr-2" }), "Go back to DataSinks"]
+				children: [/* @__PURE__ */ b(d, { className: "w-4 h-4 mr-2" }), w("bigconsole.dataSinks.view.goBackToDataSinks", "Go back to DataSinks")]
 			})
 		})
 	});