@burdenoff/microfe-bigconsole 2026.803.4 → 2026.804.2

package/dist/bigconsole/contexts/NavigationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationContext.js","names":[],"sources":["../../../src/bigconsole/contexts/NavigationContext.tsx"],"sourcesContent":["/**\n * NavigationContext\n *\n * Provides basePath-aware navigation for BigConsole microfrontend.\n * Ensures all internal navigation stays within the /bigconsole route prefix.\n */\n\nimport { createContext, useContext, useCallback, useMemo, forwardRef, type ReactNode } from 'react';\nimport { useNavigate as useRouterNavigate, Link, type NavigateOptions, type LinkProps } from 'react-router';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface NavigationContextValue {\n  /** Base path for all routes (e.g., '/bigconsole') */\n  basePath: string;\n  /** Navigate to a path within the microfrontend */\n  navigate: (to: string, options?: NavigateOptions) => void;\n  /** Build a full path with basePath prefix */\n  buildPath: (path: string) => string;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst NavigationContext = createContext<NavigationContextValue | null>(null);\n\n// ============================================================================\n// Provider\n// ============================================================================\n\ninterface NavigationProviderProps {\n  /** Base path for the microfrontend (e.g., '/bigconsole') */\n  basePath: string;\n  children: ReactNode;\n}\n\nexport function NavigationProvider({ basePath, children }: NavigationProviderProps) {\n  const routerNavigate = useRouterNavigate();\n\n  // Normalize basePath (remove trailing slash)\n  const normalizedBasePath = useMemo(() => {\n    return basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n  }, [basePath]);\n\n  // Build full path with basePath prefix\n  const buildPath = useCallback(\n    (path: string): string => {\n      // If path is empty or just '/', return basePath\n      if (!path || path === '/') {\n        return normalizedBasePath || '/';\n      }\n\n      // If path already starts with basePath, return as-is.\n      // Guard against false prefix matches (e.g. basePath '/big' matching '/bigconsole/foo')\n      // and empty normalizedBasePath (when basePath is '/') which is a prefix of everything.\n      if (normalizedBasePath && (path === normalizedBasePath || path.startsWith(normalizedBasePath + '/'))) {\n        return path;\n      }\n\n      // If path starts with '/', it's an absolute path within the microfrontend\n      // Prepend basePath\n      if (path.startsWith('/')) {\n        return `${normalizedBasePath}${path}`;\n      }\n\n      // Relative path - just prepend basePath with slash\n      return `${normalizedBasePath}/${path}`;\n    },\n    [normalizedBasePath]\n  );\n\n  // Navigate with basePath support\n  const navigate = useCallback(\n    (to: string, options?: NavigateOptions) => {\n      const fullPath = buildPath(to);\n      routerNavigate(fullPath, options);\n    },\n    [buildPath, routerNavigate]\n  );\n\n  const value = useMemo(\n    () => ({\n      basePath: normalizedBasePath,\n      navigate,\n      buildPath,\n    }),\n    [normalizedBasePath, navigate, buildPath]\n  );\n\n  return <NavigationContext.Provider value={value}>{children}</NavigationContext.Provider>;\n}\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\n/**\n * Hook to access navigation context\n * @throws Error if used outside NavigationProvider\n */\nexport function useNavigation(): NavigationContextValue {\n  const context = useContext(NavigationContext);\n  if (!context) {\n    throw new Error('useNavigation must be used within a NavigationProvider');\n  }\n  return context;\n}\n\n/**\n * Hook for basePath-aware navigation\n * Returns a navigate function that automatically prepends basePath\n */\nexport function useAppNavigate() {\n  const { navigate } = useNavigation();\n  return navigate;\n}\n\n/**\n * Hook to build full paths with basePath prefix\n */\nexport function useBuildPath() {\n  const { buildPath } = useNavigation();\n  return buildPath;\n}\n\n/**\n * Hook to get the current basePath\n */\nexport function useBasePath() {\n  const { basePath } = useNavigation();\n  return basePath;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * AppLink - basePath-aware Link component\n * Automatically prepends basePath to the 'to' prop\n */\nexport interface AppLinkProps extends Omit<LinkProps, 'to'> {\n  to: string;\n}\n\nexport const AppLink = forwardRef<HTMLAnchorElement, AppLinkProps>(function AppLink({ to, ...props }, ref) {\n  const { buildPath } = useNavigation();\n  const fullPath = buildPath(to);\n  return <Link ref={ref} to={fullPath} {...props} />;\n});\n"],"mappings":";;;;AA2BA,IAAM,IAAoB,EAA6C,KAAK;AAY5E,SAAgB,EAAmB,EAAE,aAAU,eAAqC;CAClF,IAAM,IAAiB,GAAmB,EAGpC,IAAqB,QAClB,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG,GACvD,CAAC,EAAS,CAAC,EAGR,IAAY,GACf,MAEK,CAAC,KAAQ,MAAS,MACb,KAAsB,MAM3B,MAAuB,MAAS,KAAsB,EAAK,WAAW,IAAqB,IAAI,IAC1F,IAKL,EAAK,WAAW,IAAI,GACf,GAAG,IAAqB,MAI1B,GAAG,EAAmB,GAAG,KAElC,CAAC,EAAmB,CACrB,EAGK,IAAW,GACd,GAAY,MAA8B;AAEzC,IADiB,EAAU,EAAG,EACL,EAAQ;IAEnC,CAAC,GAAW,EAAe,CAC5B,EAEK,IAAQ,SACL;EACL,UAAU;EACV;EACA;EACD,GACD;EAAC;EAAoB;EAAU;EAAU,CAC1C;AAED,QAAO,kBAAC,EAAkB,UAAnB;EAAmC;EAAQ;EAAsC,CAAA;;AAW1F,SAAgB,IAAwC;CACtD,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EACH,OAAU,MAAM,yDAAyD;AAE3E,QAAO;;AAOT,SAAgB,IAAiB;CAC/B,IAAM,EAAE,gBAAa,GAAe;AACpC,QAAO;;AA+BT,IAAa,IAAU,EAA4C,SAAiB,EAAE,OAAI,GAAG,KAAS,GAAK;CACzG,IAAM,EAAE,iBAAc,GAAe;AAErC,QAAO,kBAAC,GAAD;EAAW;EAAK,IADN,EAAU,EAAG;EACO,GAAI;EAAS,CAAA;EAClD"}
+{"version":3,"file":"NavigationContext.js","names":[],"sources":["../../../src/bigconsole/contexts/NavigationContext.tsx"],"sourcesContent":["/**\n * NavigationContext\n *\n * Provides basePath-aware navigation for BigConsole microfrontend.\n * Ensures all internal navigation stays within the /bigconsole route prefix.\n */\n\nimport { createContext, useContext, useCallback, useMemo, forwardRef, type ReactNode } from 'react';\nimport { useNavigate as useRouterNavigate, Link, type NavigateOptions, type LinkProps } from 'react-router';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface NavigationContextValue {\n  /** Base path for all routes (e.g., '/bigconsole') */\n  basePath: string;\n  /** Navigate to a path within the microfrontend */\n  navigate: (to: string, options?: NavigateOptions) => void;\n  /** Build a full path with basePath prefix */\n  buildPath: (path: string) => string;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst NavigationContext = createContext<NavigationContextValue | null>(null);\n\n// ============================================================================\n// Provider\n// ============================================================================\n\ninterface NavigationProviderProps {\n  /** Base path for the microfrontend (e.g., '/bigconsole') */\n  basePath: string;\n  children: ReactNode;\n}\n\nexport function NavigationProvider({ basePath, children }: NavigationProviderProps) {\n  const routerNavigate = useRouterNavigate();\n\n  // Normalize basePath (remove trailing slash)\n  const normalizedBasePath = useMemo(() => {\n    return basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n  }, [basePath]);\n\n  // Build full path with basePath prefix\n  const buildPath = useCallback(\n    (path: string): string => {\n      // If path is empty or just '/', return basePath\n      if (!path || path === '/') {\n        return normalizedBasePath || '/';\n      }\n\n      // If path already starts with basePath, return as-is.\n      // Guard against false prefix matches (e.g. basePath '/big' matching '/bigconsole/foo')\n      // and empty normalizedBasePath (when basePath is '/') which is a prefix of everything.\n      if (normalizedBasePath && (path === normalizedBasePath || path.startsWith(normalizedBasePath + '/'))) {\n        return path;\n      }\n\n      // If path starts with '/', it's an absolute path within the microfrontend\n      // Prepend basePath\n      if (path.startsWith('/')) {\n        return `${normalizedBasePath}${path}`;\n      }\n\n      // Relative path - just prepend basePath with slash\n      return `${normalizedBasePath}/${path}`;\n    },\n    [normalizedBasePath]\n  );\n\n  // Navigate with basePath support\n  const navigate = useCallback(\n    (to: string, options?: NavigateOptions) => {\n      const fullPath = buildPath(to);\n      routerNavigate(fullPath, options);\n    },\n    [buildPath, routerNavigate]\n  );\n\n  const value = useMemo(\n    () => ({\n      basePath: normalizedBasePath,\n      navigate,\n      buildPath,\n    }),\n    [normalizedBasePath, navigate, buildPath]\n  );\n\n  return <NavigationContext.Provider value={value}>{children}</NavigationContext.Provider>;\n}\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\n/**\n * Hook to access navigation context\n * @throws Error if used outside NavigationProvider\n */\nexport function useNavigation(): NavigationContextValue {\n  const context = useContext(NavigationContext);\n  if (!context) {\n    throw new Error('useNavigation must be used within a NavigationProvider');\n  }\n  return context;\n}\n\n/**\n * Hook for basePath-aware navigation\n * Returns a navigate function that automatically prepends basePath\n */\nexport function useAppNavigate() {\n  const { navigate } = useNavigation();\n  return navigate;\n}\n\n/**\n * Hook to build full paths with basePath prefix\n */\nexport function useBuildPath() {\n  const { buildPath } = useNavigation();\n  return buildPath;\n}\n\n/**\n * Hook to get the current basePath\n */\nexport function useBasePath() {\n  const { basePath } = useNavigation();\n  return basePath;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * AppLink - basePath-aware Link component\n * Automatically prepends basePath to the 'to' prop\n */\nexport interface AppLinkProps extends Omit<LinkProps, 'to'> {\n  to: string;\n}\n\nexport const AppLink = forwardRef<HTMLAnchorElement, AppLinkProps>(function AppLink({ to, ...props }, ref) {\n  const { buildPath } = useNavigation();\n  const fullPath = buildPath(to);\n  return <Link ref={ref} to={fullPath} {...props} />;\n});\n"],"mappings":";;;;AA2BA,IAAM,IAAoB,EAA6C,KAAK;AAY5E,SAAgB,EAAmB,EAAE,aAAU,eAAqC;CAClF,IAAM,IAAiB,GAAmB,EAGpC,IAAqB,QAClB,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG,GACvD,CAAC,EAAS,CAAC,EAGR,IAAY,GACf,MAEK,CAAC,KAAQ,MAAS,MACb,KAAsB,MAM3B,MAAuB,MAAS,KAAsB,EAAK,WAAW,IAAqB,IAAI,IAC1F,IAKL,EAAK,WAAW,IAAI,GACf,GAAG,IAAqB,MAI1B,GAAG,EAAmB,GAAG,KAElC,CAAC,EAAmB,CACrB,EAGK,IAAW,GACd,GAAY,MAA8B;AAEzC,IADiB,EAAU,EAAG,EACL,EAAQ;IAEnC,CAAC,GAAW,EAAe,CAC5B,EAEK,IAAQ,SACL;EACL,UAAU;EACV;EACA;EACD,GACD;EAAC;EAAoB;EAAU;EAAU,CAC1C;AAED,QAAO,kBAAC,EAAkB,UAAnB;EAAmC;EAAQ;EAAsC,CAAA;;AAW1F,SAAgB,IAAwC;CACtD,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EACH,OAAU,MAAM,yDAAyD;AAE3E,QAAO;;AAOT,SAAgB,IAAiB;CAC/B,IAAM,EAAE,gBAAa,GAAe;AACpC,QAAO;;AAMT,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,GAAe;AACrC,QAAO;;AAuBT,IAAa,IAAU,EAA4C,SAAiB,EAAE,OAAI,GAAG,KAAS,GAAK;CACzG,IAAM,EAAE,iBAAc,GAAe;AAErC,QAAO,kBAAC,GAAD;EAAW;EAAK,IADN,EAAU,EAAG;EACO,GAAI;EAAS,CAAA;EAClD"}

package/dist/bigconsole/pages/DataSinkViewPage.js

@@ -1,47 +1,49 @@
 import { useDataSinkStore as e } from "../store/dataSinkStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import n from "../components/datasink/DataSinkTableViewer.js";
-import ee from "../hooks/useDataSinkOperations.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 te, nativeImpact as a, nativeNotify as o } from "../../utils/nativeBridge.js";
-import ne from "../hooks/useDataSinkSubscription.js";
-import re from "../components/datasink/DataSinkDataViewer.js";
-import ie from "../components/datasink/LinkedWorkflowsPanel.js";
-import ae from "../components/datasink/LinkedParsersPanel.js";
-import oe from "../components/datasink/WorkflowStatusPanel.js";
-import se from "../components/datasink/ExportDataSinkDialog.js";
-import { memo as s, useCallback as c, useEffect as ce, useState as l } from "react";
-import { useParams as le } from "react-router";
-import { AlertCircle as ue, ArrowLeft as u, Code as de, Database as d, Download as fe, Edit as pe, Eye as me, EyeOff as f, Grid3X3 as p, Loader2 as m, RefreshCw as he, Trash2 as h } from "lucide-react";
-import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, GlassCard as ge, IllustratedEmptyState as _e, NextSteps as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
+import { isNative as i, nativeConfirm as ne, nativeImpact as a, nativeNotify as o } from "../../utils/nativeBridge.js";
+import re from "../hooks/useDataSinkSubscription.js";
+import ie from "../components/datasink/DataSinkDataViewer.js";
+import ae from "../components/datasink/LinkedWorkflowsPanel.js";
+import oe from "../components/datasink/LinkedParsersPanel.js";
+import se from "../components/datasink/WorkflowStatusPanel.js";
+import ce from "../components/datasink/ExportDataSinkDialog.js";
+import le from "../components/datasink/ImportDataGuideDialog.js";
+import { memo as s, useCallback as c, useEffect as l, useState as u } from "react";
+import { useParams as ue } from "react-router";
+import { AlertCircle as de, ArrowLeft as d, Code as fe, Database as f, Download as pe, Edit as me, Eye as he, EyeOff as ge, Grid3X3 as p, Loader2 as m, RefreshCw as _e, Trash2 as ve, Upload as h } from "lucide-react";
+import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, GlassCard as ye, IllustratedEmptyState as be, NextSteps as xe, PagePurpose as Se } from "@burdenoff/fe-libs/ui";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { formatDistanceToNow as w } from "date-fns";
 //#region src/bigconsole/pages/DataSinkViewPage.tsx
 var T = s(function() {
-	let { dataSinkId: s } = le(), T = t(), [E, D] = l(!1), [O, k] = l(!1), [A, j] = l(!1), [M, N] = l(!1), [P, be] = l(null), [F, I] = l(!1), [L, R] = l("table"), [z, xe] = l(100), [B, V] = l(0), [H, Se] = l(null), [Ce, we] = l(!1), U = e((e) => s ? e.dataSinks.get(s) : void 0), { loading: Te, error: W, fetchDataSink: G, getDataSinkData: K, refreshDataSink: q, deleteDataSink: J } = ee({ skipFetch: !0 });
-	ne({
+	let { dataSinkId: s } = ue(), T = t(), [E, D] = u(!1), [O, k] = u(!1), [A, j] = u(!1), [Ce, M] = u(!1), [we, N] = u(!1), [P, Te] = u(null), [F, I] = u(!1), [L, R] = u("table"), [z, Ee] = u(100), [B, De] = u(0), [V, Oe] = u(null), [ke, Ae] = u(!1), H = e((e) => s ? e.dataSinks.get(s) : void 0), { loading: je, error: U, fetchDataSink: W, getDataSinkData: G, refreshDataSink: K, deleteDataSink: q } = te({ skipFetch: !0 });
+	re({
 		dataSinkId: s,
 		enabled: !!s
-	}), ce(() => {
-		s && G(s);
-	}, [s, G]);
-	let Y = c(() => {
+	}), l(() => {
+		s && W(s);
+	}, [s, W]);
+	let J = c(() => {
 		T("/datasinks");
-	}, [T]), Ee = c(() => {
+	}, [T]), Me = c(() => {
 		T(`/datasinks/${s}/edit`);
-	}, [T, s]), X = c(async () => {
+	}, [T, s]), Y = c(async () => {
 		if (s) {
 			k(!0);
 			try {
-				await q({ id: s });
+				await K({ id: s });
 			} catch {} finally {
 				k(!1);
 			}
 		}
-	}, [s, q]), De = c(async () => {
+	}, [s, K]), Ne = c(async () => {
 		if (!s) return;
-		let e = await te({
+		let e = await ne({
 			title: "Delete DataSink?",
 			message: "Are you sure you want to delete this DataSink?",
 			okButtonTitle: "Delete",
@@ -50,7 +52,7 @@ var T = s(function() {
 		if (e === null ? window.confirm("Are you sure you want to delete this DataSink?") : e) {
 			a("medium"), j(!0);
 			try {
-				await J(s), i() && o("success"), T("/datasinks");
+				await q(s), i() && o("success"), T("/datasinks");
 			} catch {
 				i() && o("error");
 			} finally {
@@ -59,67 +61,73 @@ var T = s(function() {
 		}
 	}, [
 		s,
-		J,
+		q,
 		T
-	]), Z = c(async (e, t) => {
+	]), X = c(async (e, t) => {
 		if (s) {
 			I(!0);
 			try {
-				let n = await K({ id: s }, {
+				let n = await G({ id: s }, {
 					limit: t,
 					offset: e
 				});
-				n && (be(n.raw || {}), Se(typeof n.totalCount == "number" ? n.totalCount : null), we(!!n.hasMore), V(e));
+				n && (Te(n.raw || {}), Oe(typeof n.totalCount == "number" ? n.totalCount : null), Ae(!!n.hasMore), De(e));
 			} catch {} finally {
 				I(!1);
 			}
 		}
-	}, [s, K]), Q = c(async () => {
+	}, [s, G]), Z = c(async () => {
 		if (s) {
 			if (E) {
 				D(!1);
 				return;
 			}
-			await Z(0, z), D(!0);
+			await X(0, z), D(!0);
 		}
 	}, [
 		s,
 		E,
-		Z,
+		X,
 		z
-	]), Oe = c((e) => {
-		xe(e), Z(0, e);
-	}, [Z]), $ = c(() => {
+	]), Pe = c((e) => {
+		Ee(e), X(0, e);
+	}, [X]), Q = c(() => {
+		M(!0);
+	}, []), Fe = c(() => {
+		M(!1);
+	}, []), $ = c(() => {
 		N(!0);
-	}, []), ke = c(() => {
+	}, []), Ie = c(() => {
 		N(!1);
-	}, []);
-	return Te && !U ? /* @__PURE__ */ S("div", {
+	}, []), Le = c(() => {
+		N(!1), T(n());
+	}, [T]);
+	return je && !H ? /* @__PURE__ */ S("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ S(m, { className: "w-8 h-8 text-text-secondary animate-spin" })
-	}) : W ? /* @__PURE__ */ S("div", {
+	}) : U ? /* @__PURE__ */ S("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
 		children: /* @__PURE__ */ C("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ S(ue, { className: "w-12 h-12 text-status-error-text mx-auto mb-4" }),
+				/* @__PURE__ */ S(de, { className: "w-12 h-12 text-status-error-text mx-auto mb-4" }),
 				/* @__PURE__ */ S("p", {
 					className: "text-status-error-text text-body-sm font-medium mb-2",
 					children: "Failed to load DataSink"
 				}),
 				/* @__PURE__ */ S("p", {
 					className: "text-text-tertiary text-body-xs mb-6",
-					children: W.message
+					children: U.message
 				}),
 				/* @__PURE__ */ C(g, {
-					onClick: Y,
+					onClick: J,
 					variant: "ghost",
 					size: "sm",
-					children: [/* @__PURE__ */ S(u, { className: "w-4 h-4 mr-2" }), "Go back"]
+					children: [/* @__PURE__ */ S(d, { className: "w-4 h-4 mr-2" }), "Go back"]
 				})
 			]
 		})
-	}) : U ? /* @__PURE__ */ C("div", {
+	}) : H ? /* @__PURE__ */ C("div", {
 		className: "p-card-padding space-y-6",
 		children: [
 			/* @__PURE__ */ C("div", {
@@ -128,75 +136,81 @@ var T = s(function() {
 					className: "flex-1",
 					children: [
 						/* @__PURE__ */ C(g, {
-							onClick: Y,
+							onClick: J,
 							variant: "ghost",
 							size: "sm",
 							className: "mb-4",
-							children: [/* @__PURE__ */ S(u, { className: "w-4 h-4 mr-2" }), "Back to DataSinks"]
+							children: [/* @__PURE__ */ S(d, { className: "w-4 h-4 mr-2" }), "Back to DataSinks"]
 						}),
 						/* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 flex-wrap",
 							children: [/* @__PURE__ */ S("h1", {
 								className: "text-heading-h1 font-bold text-text-primary",
-								children: U.name || "Untitled"
-							}), /* @__PURE__ */ S(r, { status: U.status })]
+								children: H.name || "Untitled"
+							}), /* @__PURE__ */ S(r, { status: H.status })]
 						}),
 						/* @__PURE__ */ S("p", {
 							className: "text-body-sm text-text-tertiary font-mono mt-1",
-							children: U.key
+							children: H.key
 						}),
-						U.description && /* @__PURE__ */ S("p", {
+						H.description && /* @__PURE__ */ S("p", {
 							className: "text-body-sm text-text-secondary mt-2",
-							children: U.description
+							children: H.description
 						})
 					]
 				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
 						/* @__PURE__ */ C(g, {
-							onClick: X,
+							onClick: Y,
 							disabled: O,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ S(he, { className: `w-4 h-4 mr-2 ${O ? "animate-spin" : ""}` }), O ? "Refreshing..." : "Refresh"]
+							children: [/* @__PURE__ */ S(_e, { className: `w-4 h-4 mr-2 ${O ? "animate-spin" : ""}` }), O ? "Refreshing..." : "Refresh"]
 						}),
 						/* @__PURE__ */ C(g, {
 							onClick: $,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ S(fe, { className: "w-4 h-4 mr-2" }), "Export"]
+							children: [/* @__PURE__ */ S(h, { className: "w-4 h-4 mr-2" }), "Import Data"]
 						}),
 						/* @__PURE__ */ C(g, {
-							onClick: Ee,
+							onClick: Q,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ S(pe, { className: "w-4 h-4 mr-2" }), "Edit"]
+							children: [/* @__PURE__ */ S(pe, { className: "w-4 h-4 mr-2" }), "Export"]
 						}),
 						/* @__PURE__ */ C(g, {
-							onClick: De,
+							onClick: Me,
+							variant: "secondary",
+							size: "default",
+							children: [/* @__PURE__ */ S(me, { className: "w-4 h-4 mr-2" }), "Edit"]
+						}),
+						/* @__PURE__ */ C(g, {
+							onClick: Ne,
 							disabled: A,
 							variant: "destructive",
 							size: "default",
-							children: [/* @__PURE__ */ S(h, { className: "w-4 h-4 mr-2" }), A ? "Deleting..." : "Delete"]
+							children: [/* @__PURE__ */ S(ve, { className: "w-4 h-4 mr-2" }), A ? "Deleting..." : "Delete"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ S(ye, { 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__ */ S(ve, {
+			/* @__PURE__ */ S(Se, { 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__ */ S(xe, {
 				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: Q
+						onClick: Z
 					},
 					{
 						id: "refresh",
 						label: "Refresh from source",
 						description: "Re-run the linked workflow to pull the latest data.",
-						onClick: X
+						onClick: Y
 					},
 					{
 						id: "build-dashboard",
@@ -208,14 +222,14 @@ var T = s(function() {
 						id: "export",
 						label: "Export the data",
 						description: "Download the contents for use elsewhere.",
-						onClick: $
+						onClick: Q
 					}
 				]
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "grid gap-6 md:grid-cols-2",
 				children: [
-					/* @__PURE__ */ C(ge, {
+					/* @__PURE__ */ C(ye, {
 						treatment: "glass",
 						glow: !0,
 						children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, { children: "Details" }) }), /* @__PURE__ */ S(v, { children: /* @__PURE__ */ C("dl", {
@@ -226,7 +240,7 @@ var T = s(function() {
 									children: [/* @__PURE__ */ S("dt", {
 										className: "text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ S("dd", { children: /* @__PURE__ */ S(r, { status: U.status }) })]
+									}), /* @__PURE__ */ S("dd", { children: /* @__PURE__ */ S(r, { status: H.status }) })]
 								}),
 								/* @__PURE__ */ C("div", {
 									className: "flex justify-between items-center",
@@ -235,7 +249,7 @@ var T = s(function() {
 										children: "Cache TTL"
 									}), /* @__PURE__ */ S("dd", {
 										className: "text-text-primary font-medium",
-										children: U.ttl ? `${U.ttl}s` : "None"
+										children: H.ttl ? `${H.ttl}s` : "None"
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -245,7 +259,7 @@ var T = s(function() {
 										children: "Refresh Type"
 									}), /* @__PURE__ */ S("dd", {
 										className: "text-text-primary font-medium capitalize",
-										children: U.refresh?.type || "Manual"
+										children: H.refresh?.type || "Manual"
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -255,7 +269,7 @@ var T = s(function() {
 										children: "Size"
 									}), /* @__PURE__ */ S("dd", {
 										className: "text-text-primary font-medium",
-										children: U.sizeBytes ? `${(U.sizeBytes / 1024).toFixed(2)} KB` : "0 KB"
+										children: H.sizeBytes ? `${(H.sizeBytes / 1024).toFixed(2)} KB` : "0 KB"
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -265,7 +279,7 @@ var T = s(function() {
 										children: "Version"
 									}), /* @__PURE__ */ S("dd", {
 										className: "text-text-primary font-medium",
-										children: U.version || 1
+										children: H.version || 1
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -275,7 +289,7 @@ var T = s(function() {
 										children: "Last Refreshed"
 									}), /* @__PURE__ */ S("dd", {
 										className: "text-text-primary font-medium",
-										children: U.lastRefreshedAt ? w(new Date(U.lastRefreshedAt), { addSuffix: !0 }) : "Never"
+										children: H.lastRefreshedAt ? w(new Date(H.lastRefreshedAt), { addSuffix: !0 }) : "Never"
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -285,24 +299,24 @@ var T = s(function() {
 										children: "Created"
 									}), /* @__PURE__ */ S("dd", {
 										className: "text-text-primary font-medium",
-										children: w(new Date(U.createdAt), { addSuffix: !0 })
+										children: w(new Date(H.createdAt), { addSuffix: !0 })
 									})]
 								})
 							]
 						}) })]
 					}),
-					U.fluidGridsWorkflowId && /* @__PURE__ */ S(oe, {
-						workflowId: U.fluidGridsWorkflowId,
-						executionId: U.fluidGridsWorkflowExecutionId || void 0,
-						lastRefreshedAt: U.lastRefreshedAt || void 0,
-						setupState: U.setupState,
-						status: U.status,
-						onRerunWorkflow: X,
+					H.fluidGridsWorkflowId && /* @__PURE__ */ S(se, {
+						workflowId: H.fluidGridsWorkflowId,
+						executionId: H.fluidGridsWorkflowExecutionId || void 0,
+						lastRefreshedAt: H.lastRefreshedAt || void 0,
+						setupState: H.setupState,
+						status: H.status,
+						onRerunWorkflow: Y,
 						disabled: O,
 						isRerunning: O
 					}),
-					/* @__PURE__ */ S(ie, { workflowLinks: U.workflowLinks }),
-					/* @__PURE__ */ S(ae, { dataSinkKey: U.key })
+					/* @__PURE__ */ S(ae, { workflowLinks: H.workflowLinks }),
+					/* @__PURE__ */ S(oe, { dataSinkKey: H.key })
 				]
 			}),
 			/* @__PURE__ */ C(_, { children: [
@@ -310,7 +324,7 @@ var T = s(function() {
 					className: "flex flex-row items-center justify-between space-y-0",
 					children: [/* @__PURE__ */ C(b, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(d, { className: "w-4 h-4 text-text-secondary" }), "Data Preview"]
+						children: [/* @__PURE__ */ S(f, { className: "w-4 h-4 text-text-secondary" }), "Data Preview"]
 					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-2",
 						children: [E && /* @__PURE__ */ C("div", {
@@ -326,21 +340,21 @@ var T = s(function() {
 								onClick: () => R("json"),
 								className: `p-1.5 ${L === "json" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
 								title: "JSON view",
-								children: /* @__PURE__ */ S(de, { className: "w-4 h-4" })
+								children: /* @__PURE__ */ S(fe, { className: "w-4 h-4" })
 							})]
 						}), /* @__PURE__ */ S(g, {
-							onClick: Q,
+							onClick: Z,
 							disabled: F,
 							variant: E ? "secondary" : "default",
 							size: "sm",
-							children: F ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(m, { className: "w-4 h-4 mr-2 animate-spin" }), "Loading..."] }) : E ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(f, { className: "w-4 h-4 mr-2" }), "Hide Data"] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(me, { className: "w-4 h-4 mr-2" }), "Show Data"] })
+							children: F ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(m, { className: "w-4 h-4 mr-2 animate-spin" }), "Loading..."] }) : E ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(ge, { className: "w-4 h-4 mr-2" }), "Hide Data"] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(he, { className: "w-4 h-4 mr-2" }), "Show Data"] })
 						})]
 					})]
 				}),
-				E && P && /* @__PURE__ */ C(v, { children: [S(L === "table" ? n : re, {
+				E && P && /* @__PURE__ */ C(v, { children: [S(L === "table" ? ee : ie, {
 					data: P,
 					maxHeight: "400px"
-				}), H !== null && /* @__PURE__ */ C("div", {
+				}), V !== null && /* @__PURE__ */ C("div", {
 					className: "flex items-center justify-between gap-4 mt-4 pt-4 border-t border-border-subtle",
 					children: [/* @__PURE__ */ C("div", {
 						className: "flex items-center gap-2 text-body-sm text-text-secondary",
@@ -348,7 +362,7 @@ var T = s(function() {
 							"aria-label": "Rows per page",
 							className: "bg-bg-canvas border border-border-default rounded px-2 py-0.5 text-text-primary",
 							value: z,
-							onChange: (e) => Oe(Number(e.target.value)),
+							onChange: (e) => Pe(Number(e.target.value)),
 							children: [
 								100,
 								500,
@@ -361,50 +375,71 @@ var T = s(function() {
 					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-4 text-body-sm text-text-secondary",
 						children: [
-							/* @__PURE__ */ S("span", { children: H === 0 ? "0 rows" : `${B + 1}–${Math.min(B + z, H)} of ${H}` }),
+							/* @__PURE__ */ S("span", { children: V === 0 ? "0 rows" : `${B + 1}–${Math.min(B + z, V)} of ${V}` }),
 							/* @__PURE__ */ S(g, {
 								variant: "secondary",
 								size: "sm",
 								disabled: B === 0 || F,
-								onClick: () => void Z(Math.max(0, B - z), z),
+								onClick: () => void X(Math.max(0, B - z), z),
 								children: "Previous"
 							}),
 							/* @__PURE__ */ S(g, {
 								variant: "secondary",
 								size: "sm",
-								disabled: !Ce || F,
-								onClick: () => void Z(B + z, z),
+								disabled: !ke || F,
+								onClick: () => void X(B + z, z),
 								children: "Next"
 							})
 						]
 					})]
 				})] }),
-				!E && /* @__PURE__ */ C(v, {
+				!E && (H.data && Object.keys(H.data).length > 0 ? /* @__PURE__ */ C(v, {
 					className: "text-center p-8",
-					children: [/* @__PURE__ */ S(d, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }), /* @__PURE__ */ S("p", {
+					children: [/* @__PURE__ */ S(f, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }), /* @__PURE__ */ S("p", {
 						className: "text-body-sm text-text-secondary",
 						children: "Click \"Show Data\" to preview the cached data."
 					})]
-				})
+				}) : /* @__PURE__ */ C(v, {
+					className: "text-center p-8",
+					children: [
+						/* @__PURE__ */ S(f, { className: "w-10 h-10 text-text-tertiary mx-auto mb-4" }),
+						/* @__PURE__ */ S("p", {
+							className: "text-body-sm text-text-secondary mb-4",
+							children: "This data sink has no data yet. Import data by building a workflow."
+						}),
+						/* @__PURE__ */ C(g, {
+							onClick: $,
+							variant: "default",
+							size: "sm",
+							children: [/* @__PURE__ */ S(h, { className: "w-4 h-4 mr-2" }), "Import Data"]
+						})
+					]
+				}))
 			] }),
-			/* @__PURE__ */ S(se, {
-				isOpen: M,
+			/* @__PURE__ */ S(ce, {
+				isOpen: Ce,
 				dataSinkId: s || null,
-				dataSinkName: U.name || U.key,
-				onClose: ke
+				dataSinkName: H.name || H.key,
+				onClose: Fe
+			}),
+			/* @__PURE__ */ S(le, {
+				isOpen: we,
+				dataSinkName: H.name || H.key,
+				onClose: Ie,
+				onGoToWorkflows: Le
 			})
 		]
 	}) : /* @__PURE__ */ S("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
-		children: /* @__PURE__ */ S(_e, {
+		children: /* @__PURE__ */ S(be, {
 			illustration: "empty-data",
 			title: "DataSink not found",
 			description: "The DataSink you're looking for doesn't exist or has been deleted.",
 			action: /* @__PURE__ */ C(g, {
-				onClick: Y,
+				onClick: J,
 				variant: "default",
 				size: "default",
-				children: [/* @__PURE__ */ S(u, { className: "w-4 h-4 mr-2" }), "Go back to DataSinks"]
+				children: [/* @__PURE__ */ S(d, { className: "w-4 h-4 mr-2" }), "Go back to DataSinks"]
 			})
 		})
 	});