@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/DataSinkViewPage.js

@@ -0,0 +1,342 @@
+import { useDataSinkStore as e } from "../store/dataSinkStore.js";
+import { useAppNavigate as t } from "../contexts/NavigationContext.js";
+import "../contexts/index.js";
+import n from "../hooks/useDataSinkOperations.js";
+import r from "../components/datasink/DataSinkStatusBadge.js";
+import { isNative as i, nativeConfirm as a, nativeImpact as ee, nativeNotify as o } from "../../utils/nativeBridge.js";
+import te from "../hooks/useDataSinkSubscription.js";
+import ne from "../components/datasink/DataSinkDataViewer.js";
+import re from "../components/datasink/DataSinkTableViewer.js";
+import ie from "../components/datasink/LinkedWorkflowsPanel.js";
+import ae from "../components/datasink/LinkedParsersPanel.js";
+import oe from "../components/datasink/WorkflowStatusPanel.js";
+import s from "../components/datasink/ExportDataSinkDialog.js";
+import { memo as c, useCallback as l, useEffect as se, useState as u } from "react";
+import { useParams as d } from "react-router-dom";
+import { AlertCircle as f, ArrowLeft as p, Code as ce, Database as m, Download as le, Edit as h, Eye as g, EyeOff as _, Grid3X3 as v, Loader2 as y, RefreshCw as b, Trash2 as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Button as T, Card as E, CardContent as D, CardHeader as O, CardTitle as k } from "@burdenoff/fe-libs/ui";
+import { formatDistanceToNow as A } from "date-fns";
+//#region src/bigconsole/pages/DataSinkViewPage.tsx
+var j = c(function() {
+	let { dataSinkId: c } = d(), j = t(), [M, N] = u(!1), [P, F] = u(!1), [I, L] = u(!1), [R, z] = u(!1), [B, V] = u(null), [H, U] = u(!1), [W, G] = u("table"), K = e((e) => c ? e.dataSinks.get(c) : void 0), { loading: ue, error: q, fetchDataSink: J, getDataSinkData: Y, refreshDataSink: X, deleteDataSink: Z } = n({ skipFetch: !0 });
+	te({
+		dataSinkId: c,
+		enabled: !!c
+	}), se(() => {
+		c && J(c);
+	}, [c, J]);
+	let Q = l(() => {
+		j("/datasinks");
+	}, [j]), de = l(() => {
+		j(`/datasinks/${c}/edit`);
+	}, [j, c]), $ = l(async () => {
+		if (c) {
+			F(!0);
+			try {
+				await X({ id: c });
+			} catch {} finally {
+				F(!1);
+			}
+		}
+	}, [c, X]), fe = l(async () => {
+		if (!c) return;
+		let e = await a({
+			title: "Delete DataSink?",
+			message: "Are you sure you want to delete this DataSink?",
+			okButtonTitle: "Delete",
+			cancelButtonTitle: "Cancel"
+		});
+		if (e === null ? window.confirm("Are you sure you want to delete this DataSink?") : e) {
+			ee("medium"), L(!0);
+			try {
+				await Z(c), i() && o("success"), j("/datasinks");
+			} catch {
+				i() && o("error");
+			} finally {
+				L(!1);
+			}
+		}
+	}, [
+		c,
+		Z,
+		j
+	]), pe = l(async () => {
+		if (c) {
+			if (M) {
+				N(!1);
+				return;
+			}
+			U(!0);
+			try {
+				let e = await Y({ id: c });
+				e && V(e.raw || {}), N(!0);
+			} catch {} finally {
+				U(!1);
+			}
+		}
+	}, [
+		c,
+		M,
+		Y
+	]), me = l(() => {
+		z(!0);
+	}, []), he = l(() => {
+		z(!1);
+	}, []);
+	return ue && !K ? /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ C(y, { className: "w-8 h-8 text-text-secondary animate-spin" })
+	}) : q ? /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-center min-h-[400px] p-card-padding",
+		children: /* @__PURE__ */ w("div", {
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ C(f, { className: "w-12 h-12 text-state-error mx-auto mb-spacing-md" }),
+				/* @__PURE__ */ C("p", {
+					className: "text-state-error text-body-sm font-medium mb-spacing-sm",
+					children: "Failed to load DataSink"
+				}),
+				/* @__PURE__ */ C("p", {
+					className: "text-text-tertiary text-body-xs mb-spacing-lg",
+					children: q.message
+				}),
+				/* @__PURE__ */ w(T, {
+					onClick: Q,
+					variant: "ghost",
+					size: "sm",
+					children: [/* @__PURE__ */ C(p, { className: "w-4 h-4 mr-2" }), "Go back"]
+				})
+			]
+		})
+	}) : K ? /* @__PURE__ */ w("div", {
+		className: "p-card-padding space-y-spacing-lg",
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-spacing-md",
+				children: [/* @__PURE__ */ w("div", {
+					className: "flex-1",
+					children: [
+						/* @__PURE__ */ w(T, {
+							onClick: Q,
+							variant: "ghost",
+							size: "sm",
+							className: "mb-spacing-md",
+							children: [/* @__PURE__ */ C(p, { className: "w-4 h-4 mr-2" }), "Back to DataSinks"]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-spacing-sm flex-wrap",
+							children: [/* @__PURE__ */ C("h1", {
+								className: "text-heading-h1 font-bold text-text-primary",
+								children: K.name || "Untitled"
+							}), /* @__PURE__ */ C(r, { status: K.status })]
+						}),
+						/* @__PURE__ */ C("p", {
+							className: "text-body-sm text-text-tertiary font-mono mt-spacing-xs",
+							children: K.key
+						}),
+						K.description && /* @__PURE__ */ C("p", {
+							className: "text-body-sm text-text-secondary mt-spacing-sm",
+							children: K.description
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "flex items-center gap-spacing-sm flex-wrap",
+					children: [
+						/* @__PURE__ */ w(T, {
+							onClick: $,
+							disabled: P,
+							variant: "secondary",
+							size: "default",
+							children: [/* @__PURE__ */ C(b, { className: `w-4 h-4 mr-2 ${P ? "animate-spin" : ""}` }), P ? "Refreshing..." : "Refresh"]
+						}),
+						/* @__PURE__ */ w(T, {
+							onClick: me,
+							variant: "secondary",
+							size: "default",
+							children: [/* @__PURE__ */ C(le, { className: "w-4 h-4 mr-2" }), "Export"]
+						}),
+						/* @__PURE__ */ w(T, {
+							onClick: de,
+							variant: "secondary",
+							size: "default",
+							children: [/* @__PURE__ */ C(h, { className: "w-4 h-4 mr-2" }), "Edit"]
+						}),
+						/* @__PURE__ */ w(T, {
+							onClick: fe,
+							disabled: I,
+							variant: "destructive",
+							size: "default",
+							children: [/* @__PURE__ */ C(x, { className: "w-4 h-4 mr-2" }), I ? "Deleting..." : "Delete"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "grid gap-spacing-lg md:grid-cols-2",
+				children: [
+					/* @__PURE__ */ w(E, { children: [/* @__PURE__ */ C(O, { children: /* @__PURE__ */ C(k, { children: "Details" }) }), /* @__PURE__ */ C(D, { children: /* @__PURE__ */ w("dl", {
+						className: "space-y-spacing-md text-body-sm",
+						children: [
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Status"
+								}), /* @__PURE__ */ C("dd", { children: /* @__PURE__ */ C(r, { status: K.status }) })]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Cache TTL"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary font-medium",
+									children: K.ttl ? `${K.ttl}s` : "None"
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Refresh Type"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary font-medium capitalize",
+									children: K.refresh?.type || "Manual"
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Size"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary font-medium",
+									children: K.sizeBytes ? `${(K.sizeBytes / 1024).toFixed(2)} KB` : "0 KB"
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Version"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary font-medium",
+									children: K.version || 1
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Last Refreshed"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary font-medium",
+									children: K.lastRefreshedAt ? A(new Date(K.lastRefreshedAt), { addSuffix: !0 }) : "Never"
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ C("dt", {
+									className: "text-text-secondary",
+									children: "Created"
+								}), /* @__PURE__ */ C("dd", {
+									className: "text-text-primary font-medium",
+									children: A(new Date(K.createdAt), { addSuffix: !0 })
+								})]
+							})
+						]
+					}) })] }),
+					K.fluidGridsWorkflowId && /* @__PURE__ */ C(oe, {
+						workflowId: K.fluidGridsWorkflowId,
+						executionId: K.fluidGridsWorkflowExecutionId || void 0,
+						lastRefreshedAt: K.lastRefreshedAt || void 0,
+						setupState: K.setupState,
+						status: K.status,
+						onRerunWorkflow: $,
+						disabled: P,
+						isRerunning: P
+					}),
+					/* @__PURE__ */ C(ie, { workflowLinks: K.workflowLinks }),
+					/* @__PURE__ */ C(ae, { dataSinkKey: K.key })
+				]
+			}),
+			/* @__PURE__ */ w(E, { children: [
+				/* @__PURE__ */ w(O, {
+					className: "flex flex-row items-center justify-between space-y-0",
+					children: [/* @__PURE__ */ w(k, {
+						className: "flex items-center gap-spacing-sm",
+						children: [/* @__PURE__ */ C(m, { className: "w-4 h-4 text-text-secondary" }), "Data Preview"]
+					}), /* @__PURE__ */ w("div", {
+						className: "flex items-center gap-2",
+						children: [M && /* @__PURE__ */ w("div", {
+							className: "flex items-center border border-border-default rounded-md overflow-hidden",
+							children: [/* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => G("table"),
+								className: `p-1.5 ${W === "table" ? "bg-bg-muted text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: "Table view",
+								children: /* @__PURE__ */ C(v, { className: "w-4 h-4" })
+							}), /* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => G("json"),
+								className: `p-1.5 ${W === "json" ? "bg-bg-muted text-text-primary" : "text-text-secondary hover:text-text-primary"}`,
+								title: "JSON view",
+								children: /* @__PURE__ */ C(ce, { className: "w-4 h-4" })
+							})]
+						}), /* @__PURE__ */ C(T, {
+							onClick: pe,
+							disabled: H,
+							variant: M ? "secondary" : "default",
+							size: "sm",
+							children: H ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(y, { className: "w-4 h-4 mr-2 animate-spin" }), "Loading..."] }) : M ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(_, { className: "w-4 h-4 mr-2" }), "Hide Data"] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(g, { className: "w-4 h-4 mr-2" }), "Show Data"] })
+						})]
+					})]
+				}),
+				M && B && /* @__PURE__ */ C(D, { children: C(W === "table" ? re : ne, {
+					data: B,
+					maxHeight: "400px"
+				}) }),
+				!M && /* @__PURE__ */ w(D, {
+					className: "text-center p-spacing-xl",
+					children: [/* @__PURE__ */ C(m, { className: "w-10 h-10 text-text-tertiary mx-auto mb-spacing-md" }), /* @__PURE__ */ C("p", {
+						className: "text-body-sm text-text-secondary",
+						children: "Click \"Show Data\" to preview the cached data."
+					})]
+				})
+			] }),
+			/* @__PURE__ */ C(s, {
+				isOpen: R,
+				dataSinkId: c || null,
+				dataSinkName: K.name || K.key,
+				onClose: he
+			})
+		]
+	}) : /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-center min-h-[400px] p-card-padding",
+		children: /* @__PURE__ */ w("div", {
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ C(m, { className: "w-12 h-12 text-text-tertiary mx-auto mb-spacing-md" }),
+				/* @__PURE__ */ C("p", {
+					className: "text-text-primary text-heading-h3 font-medium mb-spacing-sm",
+					children: "DataSink not found"
+				}),
+				/* @__PURE__ */ C("p", {
+					className: "text-text-secondary text-body-sm mb-spacing-lg",
+					children: "The DataSink you're looking for doesn't exist or has been deleted."
+				}),
+				/* @__PURE__ */ w(T, {
+					onClick: Q,
+					variant: "default",
+					size: "default",
+					children: [/* @__PURE__ */ C(p, { className: "w-4 h-4 mr-2" }), "Go back to DataSinks"]
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { j as DataSinkViewPage, j as default };
+
+//# sourceMappingURL=DataSinkViewPage.js.map

package/dist/bigconsole/pages/DataSinkViewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkViewPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinkViewPage.tsx"],"sourcesContent":["/**\n * DataSink View Page\n *\n * Page for viewing DataSink details, data preview, and actions.\n */\n\nimport { memo, useState, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { useDataSinkSubscription } from '../hooks/useDataSinkSubscription';\nimport { useDataSinkStore } from '../store/dataSinkStore';\nimport { DataSinkStatusBadge } from '../components/datasink/DataSinkStatusBadge';\nimport { DataSinkDataViewer } from '../components/datasink/DataSinkDataViewer';\nimport { DataSinkTableViewer } from '../components/datasink/DataSinkTableViewer';\nimport { LinkedWorkflowsPanel } from '../components/datasink/LinkedWorkflowsPanel';\nimport { LinkedParsersPanel } from '../components/datasink/LinkedParsersPanel';\nimport { WorkflowStatusPanel } from '../components/datasink/WorkflowStatusPanel';\nimport { ExportDataSinkDialog } from '../components/datasink/ExportDataSinkDialog';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport {\n  ArrowLeft,\n  Edit,\n  RefreshCw,\n  Trash2,\n  Database,\n  Loader2,\n  AlertCircle,\n  Eye,\n  EyeOff,\n  Download,\n  Grid3X3,\n  Code,\n} from 'lucide-react';\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkViewPage = memo(function DataSinkViewPage() {\n  const { dataSinkId } = useParams<{ dataSinkId: string; consoleId: string }>();\n  const navigate = useAppNavigate();\n\n  // Local state\n  const [showData, setShowData] = useState(false);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n  const [dataPreview, setDataPreview] = useState<Record<string, unknown> | null>(null);\n  const [dataLoading, setDataLoading] = useState(false);\n  const [dataViewMode, setDataViewMode] = useState<'table' | 'json'>('table');\n\n  // Store\n  const dataSink = useDataSinkStore((state) => (dataSinkId ? state.dataSinks.get(dataSinkId) : undefined));\n\n  // Operations\n  const { loading, error, fetchDataSink, getDataSinkData, refreshDataSink, deleteDataSink } = useDataSinkOperations({\n    skipFetch: true,\n  });\n\n  // Subscribe to updates\n  useDataSinkSubscription({\n    dataSinkId,\n    enabled: !!dataSinkId,\n  });\n\n  // Load DataSink on mount - always fetch full data to get workflowLinks\n  useEffect(() => {\n    if (dataSinkId) {\n      fetchDataSink(dataSinkId);\n    }\n  }, [dataSinkId, fetchDataSink]);\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navigate(`/datasinks`);\n  }, [navigate]);\n\n  // Handle edit\n  const handleEdit = useCallback(() => {\n    navigate(`/datasinks/${dataSinkId}/edit`);\n  }, [navigate, dataSinkId]);\n\n  // Handle refresh\n  const handleRefresh = useCallback(async () => {\n    if (!dataSinkId) return;\n    setIsRefreshing(true);\n    try {\n      await refreshDataSink({ id: dataSinkId });\n    } catch (err) {\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [dataSinkId, refreshDataSink]);\n\n  // Handle delete\n  const handleDelete = useCallback(async () => {\n    if (!dataSinkId) return;\n    const native = await nativeConfirm({\n      title: 'Delete DataSink?',\n      message: 'Are you sure you want to delete this DataSink?',\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok = native === null ? window.confirm('Are you sure you want to delete this DataSink?') : native;\n    if (!ok) return;\n    nativeImpact('medium');\n    setIsDeleting(true);\n    try {\n      await deleteDataSink(dataSinkId);\n      if (isNative()) void nativeNotify('success');\n      navigate(`/datasinks`);\n    } catch (err) {\n      if (isNative()) void nativeNotify('error');\n    } finally {\n      setIsDeleting(false);\n    }\n  }, [dataSinkId, deleteDataSink, navigate]);\n\n  // Handle show data\n  const handleShowData = useCallback(async () => {\n    if (!dataSinkId) return;\n    if (showData) {\n      setShowData(false);\n      return;\n    }\n    setDataLoading(true);\n    try {\n      const result = await getDataSinkData({ id: dataSinkId });\n      if (result) {\n        // Use raw data for preview\n        setDataPreview((result.raw as Record<string, unknown>) || {});\n      }\n      setShowData(true);\n    } catch (err) {\n    } finally {\n      setDataLoading(false);\n    }\n  }, [dataSinkId, showData, getDataSinkData]);\n\n  // Handle export\n  const handleExport = useCallback(() => {\n    setIsExportDialogOpen(true);\n  }, []);\n\n  const handleExportClose = useCallback(() => {\n    setIsExportDialogOpen(false);\n  }, []);\n\n  // Loading state\n  if (loading && !dataSink) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <Loader2 className=\"w-8 h-8 text-text-secondary animate-spin\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px] p-card-padding\">\n        <div className=\"text-center\">\n          <AlertCircle className=\"w-12 h-12 text-state-error mx-auto mb-spacing-md\" />\n          <p className=\"text-state-error text-body-sm font-medium mb-spacing-sm\">Failed to load DataSink</p>\n          <p className=\"text-text-tertiary text-body-xs mb-spacing-lg\">{error.message}</p>\n          <Button onClick={handleBack} variant=\"ghost\" size=\"sm\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            Go back\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  // Not found state\n  if (!dataSink) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px] p-card-padding\">\n        <div className=\"text-center\">\n          <Database className=\"w-12 h-12 text-text-tertiary mx-auto mb-spacing-md\" />\n          <p className=\"text-text-primary text-heading-h3 font-medium mb-spacing-sm\">DataSink not found</p>\n          <p className=\"text-text-secondary text-body-sm mb-spacing-lg\">\n            The DataSink you&apos;re looking for doesn&apos;t exist or has been deleted.\n          </p>\n          <Button onClick={handleBack} variant=\"default\" size=\"default\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            Go back to DataSinks\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"p-card-padding space-y-spacing-lg\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-spacing-md\">\n        <div className=\"flex-1\">\n          <Button onClick={handleBack} variant=\"ghost\" size=\"sm\" className=\"mb-spacing-md\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            Back to DataSinks\n          </Button>\n          <div className=\"flex items-center gap-spacing-sm flex-wrap\">\n            <h1 className=\"text-heading-h1 font-bold text-text-primary\">{dataSink.name || 'Untitled'}</h1>\n            <DataSinkStatusBadge status={dataSink.status} />\n          </div>\n          <p className=\"text-body-sm text-text-tertiary font-mono mt-spacing-xs\">{dataSink.key}</p>\n          {dataSink.description && (\n            <p className=\"text-body-sm text-text-secondary mt-spacing-sm\">{dataSink.description}</p>\n          )}\n        </div>\n\n        {/* Actions */}\n        <div className=\"flex items-center gap-spacing-sm flex-wrap\">\n          <Button onClick={handleRefresh} disabled={isRefreshing} variant=\"secondary\" size=\"default\">\n            <RefreshCw className={`w-4 h-4 mr-2 ${isRefreshing ? 'animate-spin' : ''}`} />\n            {isRefreshing ? 'Refreshing...' : 'Refresh'}\n          </Button>\n          <Button onClick={handleExport} variant=\"secondary\" size=\"default\">\n            <Download className=\"w-4 h-4 mr-2\" />\n            Export\n          </Button>\n          <Button onClick={handleEdit} variant=\"secondary\" size=\"default\">\n            <Edit className=\"w-4 h-4 mr-2\" />\n            Edit\n          </Button>\n          <Button onClick={handleDelete} disabled={isDeleting} variant=\"destructive\" size=\"default\">\n            <Trash2 className=\"w-4 h-4 mr-2\" />\n            {isDeleting ? 'Deleting...' : 'Delete'}\n          </Button>\n        </div>\n      </div>\n\n      {/* Details Grid */}\n      <div className=\"grid gap-spacing-lg md:grid-cols-2\">\n        {/* Info Panel */}\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <dl className=\"space-y-spacing-md text-body-sm\">\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <DataSinkStatusBadge status={dataSink.status} />\n                </dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Cache TTL</dt>\n                <dd className=\"text-text-primary font-medium\">{dataSink.ttl ? `${dataSink.ttl}s` : 'None'}</dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Refresh Type</dt>\n                <dd className=\"text-text-primary font-medium capitalize\">{dataSink.refresh?.type || 'Manual'}</dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Size</dt>\n                <dd className=\"text-text-primary font-medium\">\n                  {dataSink.sizeBytes ? `${(dataSink.sizeBytes / 1024).toFixed(2)} KB` : '0 KB'}\n                </dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Version</dt>\n                <dd className=\"text-text-primary font-medium\">{dataSink.version || 1}</dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Last Refreshed</dt>\n                <dd className=\"text-text-primary font-medium\">\n                  {dataSink.lastRefreshedAt\n                    ? formatDistanceToNow(new Date(dataSink.lastRefreshedAt), { addSuffix: true })\n                    : 'Never'}\n                </dd>\n              </div>\n              <div className=\"flex justify-between items-center\">\n                <dt className=\"text-text-secondary\">Created</dt>\n                <dd className=\"text-text-primary font-medium\">\n                  {formatDistanceToNow(new Date(dataSink.createdAt), { addSuffix: true })}\n                </dd>\n              </div>\n            </dl>\n          </CardContent>\n        </Card>\n\n        {/* Workflow Status Panel */}\n        {dataSink.fluidGridsWorkflowId && (\n          <WorkflowStatusPanel\n            workflowId={dataSink.fluidGridsWorkflowId}\n            executionId={dataSink.fluidGridsWorkflowExecutionId || undefined}\n            lastRefreshedAt={dataSink.lastRefreshedAt || undefined}\n            setupState={dataSink.setupState}\n            status={dataSink.status}\n            onRerunWorkflow={handleRefresh}\n            disabled={isRefreshing}\n            isRerunning={isRefreshing}\n          />\n        )}\n\n        {/* Linked Workflows */}\n        <LinkedWorkflowsPanel workflowLinks={dataSink.workflowLinks} />\n\n        {/* Linked Parsers */}\n        <LinkedParsersPanel dataSinkKey={dataSink.key} />\n      </div>\n\n      {/* Data Preview Section */}\n      <Card>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n          <CardTitle className=\"flex items-center gap-spacing-sm\">\n            <Database className=\"w-4 h-4 text-text-secondary\" />\n            Data Preview\n          </CardTitle>\n          <div className=\"flex items-center gap-2\">\n            {showData && (\n              <div className=\"flex items-center border border-border-default rounded-md overflow-hidden\">\n                <button\n                  type=\"button\"\n                  onClick={() => setDataViewMode('table')}\n                  className={`p-1.5 ${dataViewMode === 'table' ? 'bg-bg-muted text-text-primary' : 'text-text-secondary hover:text-text-primary'}`}\n                  title=\"Table view\"\n                >\n                  <Grid3X3 className=\"w-4 h-4\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setDataViewMode('json')}\n                  className={`p-1.5 ${dataViewMode === 'json' ? 'bg-bg-muted text-text-primary' : 'text-text-secondary hover:text-text-primary'}`}\n                  title=\"JSON view\"\n                >\n                  <Code className=\"w-4 h-4\" />\n                </button>\n              </div>\n            )}\n            <Button\n              onClick={handleShowData}\n              disabled={dataLoading}\n              variant={showData ? 'secondary' : 'default'}\n              size=\"sm\"\n            >\n              {dataLoading ? (\n                <>\n                  <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                  Loading...\n                </>\n              ) : showData ? (\n                <>\n                  <EyeOff className=\"w-4 h-4 mr-2\" />\n                  Hide Data\n                </>\n              ) : (\n                <>\n                  <Eye className=\"w-4 h-4 mr-2\" />\n                  Show Data\n                </>\n              )}\n            </Button>\n          </div>\n        </CardHeader>\n\n        {showData && dataPreview && (\n          <CardContent>\n            {dataViewMode === 'table' ? (\n              <DataSinkTableViewer data={dataPreview} maxHeight=\"400px\" />\n            ) : (\n              <DataSinkDataViewer data={dataPreview} maxHeight=\"400px\" />\n            )}\n          </CardContent>\n        )}\n\n        {!showData && (\n          <CardContent className=\"text-center p-spacing-xl\">\n            <Database className=\"w-10 h-10 text-text-tertiary mx-auto mb-spacing-md\" />\n            <p className=\"text-body-sm text-text-secondary\">Click &quot;Show Data&quot; to preview the cached data.</p>\n          </CardContent>\n        )}\n      </Card>\n\n      {/* Export DataSink Dialog */}\n      <ExportDataSinkDialog\n        isOpen={isExportDialogOpen}\n        dataSinkId={dataSinkId || null}\n        dataSinkName={dataSink.name || dataSink.key}\n        onClose={handleExportClose}\n      />\n    </div>\n  );\n});\n\nexport default DataSinkViewPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DataSinksPage.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+
+export declare const DataSinksPage: FC;
+export default DataSinksPage;
+//# sourceMappingURL=DataSinksPage.d.ts.map

package/dist/bigconsole/pages/DataSinksPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinksPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSinksPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AA8EtE,eAAO,MAAM,aAAa,EAAE,EAg5B1B,CAAC;AAEH,eAAe,aAAa,CAAC"}