@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/datasink/DataSinkTableViewer.js

@@ -0,0 +1,174 @@
+import { memo as e, useCallback as t, useMemo as n, useState as r } from "react";
+import { ChevronLeft as i, ChevronRight as a, ChevronsLeft as o, ChevronsRight as s, Settings2 as c, X as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f } from "@burdenoff/fe-libs/ui";
+import { Table as p, TableBody as m, TableCell as h, TableHead as g, TableHeader as _, TableRow as v } from "@burdenoff/fe-libs/ui/table";
+//#region src/bigconsole/components/datasink/DataSinkTableViewer.tsx
+function y(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function b(e) {
+	return Array.isArray(e) && e.length > 0 && y(e[0]);
+}
+function x(e, t = "") {
+	let n = {};
+	for (let [r, i] of Object.entries(e)) {
+		let e = t ? `${t}.${r}` : r;
+		y(i) && !Array.isArray(i) ? Object.assign(n, x(i, e)) : n[e] = i;
+	}
+	return n;
+}
+function S(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (e && typeof e == "object" && t in e) return e[t];
+	}, e);
+}
+function C(e) {
+	return e == null ? "-" : typeof e == "object" ? JSON.stringify(e) : String(e);
+}
+var w = e(function({ data: e, maxHeight: w = "400px" }) {
+	let [T, E] = r(0), [D, O] = r(null), [k, A] = r(!1), j = n(() => e ? Array.isArray(e) && b(e) ? e : y(e) ? [e] : [] : [], [e]), M = n(() => {
+		if (j.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of j) {
+			let n = x(t);
+			for (let t of Object.keys(n)) if (!e.has(t)) {
+				let n = t.split("."), r = n[n.length - 1];
+				e.set(t, {
+					key: t,
+					label: r,
+					path: t
+				});
+			}
+		}
+		return Array.from(e.values());
+	}, [j]), N = n(() => D ? M.filter((e) => D.includes(e.key)) : M.slice(0, 10), [M, D]), P = n(() => {
+		let e = T * 50;
+		return j.slice(e, e + 50);
+	}, [j, T]), F = Math.ceil(j.length / 50), I = t((e) => {
+		O((t) => {
+			if (!t) return [e];
+			if (t.includes(e)) {
+				let n = t.filter((t) => t !== e);
+				return n.length > 0 ? n : null;
+			}
+			return [...t, e];
+		});
+	}, []), L = t(() => {
+		O(null), A(!1);
+	}, []);
+	return j.length === 0 ? /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center p-8 text-text-secondary text-body-sm",
+		children: "No tabular data available. Data must be an array of objects for table view."
+	}) : /* @__PURE__ */ d("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between p-3 bg-bg-muted border-b border-border-default",
+				children: [/* @__PURE__ */ d("span", {
+					className: "text-xs text-text-secondary",
+					children: [
+						j.length,
+						" rows · ",
+						N.length,
+						" columns"
+					]
+				}), /* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ u(f, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => A((e) => !e),
+						children: /* @__PURE__ */ u(c, { className: "w-4 h-4" })
+					})
+				})]
+			}),
+			k && /* @__PURE__ */ d("div", {
+				className: "absolute right-0 top-10 z-10 bg-bg-surface border border-border-default rounded-md shadow-lg p-3 min-w-[200px] max-h-[300px] overflow-auto",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center justify-between mb-2",
+					children: [/* @__PURE__ */ u("span", {
+						className: "text-xs font-medium text-text-primary",
+						children: "Select Columns"
+					}), /* @__PURE__ */ u(f, {
+						variant: "ghost",
+						size: "sm",
+						onClick: L,
+						children: /* @__PURE__ */ u(l, { className: "w-3 h-3" })
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: "space-y-1",
+					children: M.map((e) => /* @__PURE__ */ d("label", {
+						className: "flex items-center gap-2 text-xs text-text-secondary hover:text-text-primary cursor-pointer",
+						children: [/* @__PURE__ */ u("input", {
+							type: "checkbox",
+							checked: !D || D.includes(e.key),
+							onChange: () => I(e.key),
+							className: "rounded border-border-default"
+						}), /* @__PURE__ */ u("span", {
+							className: "truncate",
+							title: e.key,
+							children: e.label
+						})]
+					}, e.key))
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "overflow-auto",
+				style: { maxHeight: w },
+				children: /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ u(v, { children: N.map((e) => /* @__PURE__ */ u(g, {
+					title: e.path,
+					children: e.label
+				}, e.key)) }) }), /* @__PURE__ */ u(m, { children: P.map((e, t) => /* @__PURE__ */ u(v, { children: N.map((t) => /* @__PURE__ */ u(h, { children: C(S(e, t.path)) }, t.key)) }, t)) })] })
+			}),
+			F > 1 && /* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between p-3 bg-bg-muted border-t border-border-default",
+				children: [/* @__PURE__ */ d("span", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"Page ",
+						T + 1,
+						" of ",
+						F
+					]
+				}), /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ u(f, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => E(0),
+							disabled: T === 0,
+							children: /* @__PURE__ */ u(o, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ u(f, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => E((e) => Math.max(0, e - 1)),
+							disabled: T === 0,
+							children: /* @__PURE__ */ u(i, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ u(f, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => E((e) => Math.min(F - 1, e + 1)),
+							disabled: T >= F - 1,
+							children: /* @__PURE__ */ u(a, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ u(f, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => E(F - 1),
+							disabled: T >= F - 1,
+							children: /* @__PURE__ */ u(s, { className: "w-4 h-4" })
+						})
+					]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=DataSinkTableViewer.js.map

package/dist/bigconsole/components/datasink/DataSinkTableViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinkTableViewer.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkTableViewer.tsx"],"sourcesContent":["/**\n * DataSink Table Viewer\n *\n * Component for viewing DataSink data in tabular format with support for\n * nested data, column selection, and multiple view modes.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\n\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@burdenoff/fe-libs/ui/table';\n\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Settings2, X } from 'lucide-react';\n\ninterface DataSinkTableViewerProps {\n  data: unknown;\n  maxHeight?: string;\n}\n\ninterface Column {\n  key: string;\n  label: string;\n  path: string;\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction isArrayOfObjects(value: unknown): boolean {\n  return Array.isArray(value) && value.length > 0 && isObject(value[0]);\n}\n\nfunction flattenObject(obj: Record<string, unknown>, prefix = ''): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(obj)) {\n    const newKey = prefix ? `${prefix}.${key}` : key;\n\n    if (isObject(value) && !Array.isArray(value)) {\n      Object.assign(result, flattenObject(value, newKey));\n    } else {\n      result[newKey] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n  return path.split('.').reduce((acc: unknown, key) => {\n    if (acc && typeof acc === 'object' && key in acc) {\n      return (acc as Record<string, unknown>)[key];\n    }\n    return undefined;\n  }, obj);\n}\n\nfunction formatCellValue(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (typeof value === 'object') {\n    return JSON.stringify(value);\n  }\n  return String(value);\n}\n\nexport const DataSinkTableViewer = memo(function DataSinkTableViewer({\n  data,\n  maxHeight = '400px',\n}: DataSinkTableViewerProps) {\n  const [page, setPage] = useState(0);\n  const PAGE_SIZE = 50;\n  const [selectedColumns, setSelectedColumns] = useState<string[] | null>(null);\n  const [showColumnPicker, setShowColumnPicker] = useState(false);\n\n  const rows = useMemo(() => {\n    if (!data) return [];\n    if (Array.isArray(data) && isArrayOfObjects(data)) {\n      return data as Record<string, unknown>[];\n    }\n    if (isObject(data)) {\n      return [data];\n    }\n    return [];\n  }, [data]);\n\n  const allColumns = useMemo(() => {\n    if (rows.length === 0) return [];\n\n    const columnMap = new Map<string, Column>();\n\n    for (const row of rows) {\n      const flat = flattenObject(row);\n      for (const key of Object.keys(flat)) {\n        if (!columnMap.has(key)) {\n          const parts = key.split('.');\n          const label = parts[parts.length - 1];\n          columnMap.set(key, { key, label, path: key });\n        }\n      }\n    }\n\n    return Array.from(columnMap.values());\n  }, [rows]);\n\n  const displayColumns = useMemo(() => {\n    if (selectedColumns) {\n      return allColumns.filter((col) => selectedColumns.includes(col.key));\n    }\n    return allColumns.slice(0, 10);\n  }, [allColumns, selectedColumns]);\n\n  const paginatedRows = useMemo(() => {\n    const start = page * PAGE_SIZE;\n    return rows.slice(start, start + PAGE_SIZE);\n  }, [rows, page]);\n\n  const totalPages = Math.ceil(rows.length / PAGE_SIZE);\n\n  const handleColumnToggle = useCallback((columnKey: string) => {\n    setSelectedColumns((prev) => {\n      if (!prev) {\n        return [columnKey];\n      }\n      if (prev.includes(columnKey)) {\n        const next = prev.filter((k) => k !== columnKey);\n        return next.length > 0 ? next : null;\n      }\n      return [...prev, columnKey];\n    });\n  }, []);\n\n  const handleResetColumns = useCallback(() => {\n    setSelectedColumns(null);\n    setShowColumnPicker(false);\n  }, []);\n\n  if (rows.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center p-8 text-text-secondary text-body-sm\">\n        No tabular data available. Data must be an array of objects for table view.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative\">\n      <div className=\"flex items-center justify-between p-3 bg-bg-muted border-b border-border-default\">\n        <span className=\"text-xs text-text-secondary\">\n          {rows.length} rows &middot; {displayColumns.length} columns\n        </span>\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => setShowColumnPicker((v) => !v)}>\n            <Settings2 className=\"w-4 h-4\" />\n          </Button>\n        </div>\n      </div>\n\n      {showColumnPicker && (\n        <div className=\"absolute right-0 top-10 z-10 bg-bg-surface border border-border-default rounded-md shadow-lg p-3 min-w-[200px] max-h-[300px] overflow-auto\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-xs font-medium text-text-primary\">Select Columns</span>\n            <Button variant=\"ghost\" size=\"sm\" onClick={handleResetColumns}>\n              <X className=\"w-3 h-3\" />\n            </Button>\n          </div>\n          <div className=\"space-y-1\">\n            {allColumns.map((col) => {\n              const isSelected = !selectedColumns || selectedColumns.includes(col.key);\n              return (\n                <label\n                  key={col.key}\n                  className=\"flex items-center gap-2 text-xs text-text-secondary hover:text-text-primary cursor-pointer\"\n                >\n                  <input\n                    type=\"checkbox\"\n                    checked={isSelected}\n                    onChange={() => handleColumnToggle(col.key)}\n                    className=\"rounded border-border-default\"\n                  />\n                  <span className=\"truncate\" title={col.key}>\n                    {col.label}\n                  </span>\n                </label>\n              );\n            })}\n          </div>\n        </div>\n      )}\n\n      <div className=\"overflow-auto\" style={{ maxHeight }}>\n        <Table>\n          <TableHeader>\n            <TableRow>\n              {displayColumns.map((col) => (\n                <TableHead key={col.key} title={col.path}>\n                  {col.label}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {paginatedRows.map((row, rowIndex) => (\n              <TableRow key={rowIndex}>\n                {displayColumns.map((col) => (\n                  <TableCell key={col.key}>{formatCellValue(getNestedValue(row, col.path))}</TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n\n      {totalPages > 1 && (\n        <div className=\"flex items-center justify-between p-3 bg-bg-muted border-t border-border-default\">\n          <span className=\"text-xs text-text-secondary\">\n            Page {page + 1} of {totalPages}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage(0)} disabled={page === 0}>\n              <ChevronsLeft className=\"w-4 h-4\" />\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage((p) => Math.max(0, p - 1))} disabled={page === 0}>\n              <ChevronLeft className=\"w-4 h-4\" />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setPage(totalPages - 1)} disabled={page >= totalPages - 1}>\n              <ChevronsRight className=\"w-4 h-4\" />\n            </Button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default DataSinkTableViewer;\n"],"mappings":";;;;;;AAyBA,SAAS,EAAS,GAAkD;AAClE,QAAO,OAAO,KAAU,cAAY,KAAkB,CAAC,MAAM,QAAQ,EAAM;;AAG7E,SAAS,EAAiB,GAAyB;AACjD,QAAO,MAAM,QAAQ,EAAM,IAAI,EAAM,SAAS,KAAK,EAAS,EAAM,GAAG;;AAGvE,SAAS,EAAc,GAA8B,IAAS,IAA6B;CACzF,IAAM,IAAkC,EAAE;AAE1C,MAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAI,EAAE;EAC9C,IAAM,IAAS,IAAS,GAAG,EAAO,GAAG,MAAQ;AAE7C,EAAI,EAAS,EAAM,IAAI,CAAC,MAAM,QAAQ,EAAM,GAC1C,OAAO,OAAO,GAAQ,EAAc,GAAO,EAAO,CAAC,GAEnD,EAAO,KAAU;;AAIrB,QAAO;;AAGT,SAAS,EAAe,GAA8B,GAAuB;AAC3E,QAAO,EAAK,MAAM,IAAI,CAAC,QAAQ,GAAc,MAAQ;AACnD,MAAI,KAAO,OAAO,KAAQ,YAAY,KAAO,EAC3C,QAAQ,EAAgC;IAGzC,EAAI;;AAGT,SAAS,EAAgB,GAAwB;AAO/C,QANI,KAAU,OACL,MAEL,OAAO,KAAU,WACZ,KAAK,UAAU,EAAM,GAEvB,OAAO,EAAM;;AAGtB,IAAa,IAAsB,EAAK,SAA6B,EACnE,SACA,eAAY,WACe;CAC3B,IAAM,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,CAAC,GAAiB,KAAsB,EAA0B,KAAK,EACvE,CAAC,GAAkB,KAAuB,EAAS,GAAM,EAEzD,IAAO,QACN,IACD,MAAM,QAAQ,EAAK,IAAI,EAAiB,EAAK,GACxC,IAEL,EAAS,EAAK,GACT,CAAC,EAAK,GAER,EAAE,GAPS,EAAE,EAQnB,CAAC,EAAK,CAAC,EAEJ,IAAa,QAAc;AAC/B,MAAI,EAAK,WAAW,EAAG,QAAO,EAAE;EAEhC,IAAM,oBAAY,IAAI,KAAqB;AAE3C,OAAK,IAAM,KAAO,GAAM;GACtB,IAAM,IAAO,EAAc,EAAI;AAC/B,QAAK,IAAM,KAAO,OAAO,KAAK,EAAK,CACjC,KAAI,CAAC,EAAU,IAAI,EAAI,EAAE;IACvB,IAAM,IAAQ,EAAI,MAAM,IAAI,EACtB,IAAQ,EAAM,EAAM,SAAS;AACnC,MAAU,IAAI,GAAK;KAAE;KAAK;KAAO,MAAM;KAAK,CAAC;;;AAKnD,SAAO,MAAM,KAAK,EAAU,QAAQ,CAAC;IACpC,CAAC,EAAK,CAAC,EAEJ,IAAiB,QACjB,IACK,EAAW,QAAQ,MAAQ,EAAgB,SAAS,EAAI,IAAI,CAAC,GAE/D,EAAW,MAAM,GAAG,GAAG,EAC7B,CAAC,GAAY,EAAgB,CAAC,EAE3B,IAAgB,QAAc;EAClC,IAAM,IAAQ,IAAO;AACrB,SAAO,EAAK,MAAM,GAAO,IAAQ,GAAU;IAC1C,CAAC,GAAM,EAAK,CAAC,EAEV,IAAa,KAAK,KAAK,EAAK,SAAS,GAAU,EAE/C,IAAqB,GAAa,MAAsB;AAC5D,KAAoB,MAAS;AAC3B,OAAI,CAAC,EACH,QAAO,CAAC,EAAU;AAEpB,OAAI,EAAK,SAAS,EAAU,EAAE;IAC5B,IAAM,IAAO,EAAK,QAAQ,MAAM,MAAM,EAAU;AAChD,WAAO,EAAK,SAAS,IAAI,IAAO;;AAElC,UAAO,CAAC,GAAG,GAAM,EAAU;IAC3B;IACD,EAAE,CAAC,EAEA,IAAqB,QAAkB;AAE3C,EADA,EAAmB,KAAK,EACxB,EAAoB,GAAM;IACzB,EAAE,CAAC;AAUN,QARI,EAAK,WAAW,IAEhB,kBAAC,OAAD;EAAK,WAAU;YAAwE;EAEjF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,EAAK;MAAO;MAAgB,EAAe;MAAO;MAC9C;QACP,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAK,eAAe,GAAqB,MAAM,CAAC,EAAE;gBAC7E,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAC1B,CAAA;KACL,CAAA,CACF;;GAEL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwC;MAAqB,CAAA,EAC7E,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAK,SAAS;gBACzC,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA,CACL;QACN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAW,KAAK,MAGb,kBAAC,SAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,SAAD;OACE,MAAK;OACL,SARa,CAAC,KAAmB,EAAgB,SAAS,EAAI,IAAI;OASlE,gBAAgB,EAAmB,EAAI,IAAI;OAC3C,WAAU;OACV,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;OAAW,OAAO,EAAI;iBACnC,EAAI;OACA,CAAA,CACD;QAZD,EAAI,IAYH,CAEV;KACE,CAAA,CACF;;GAGR,kBAAC,OAAD;IAAK,WAAU;IAAgB,OAAO,EAAE,cAAW;cACjD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAe,KAAK,MACnB,kBAAC,GAAD;KAAyB,OAAO,EAAI;eACjC,EAAI;KACK,EAFI,EAAI,IAER,CACZ,EACO,CAAA,EACC,CAAA,EACd,kBAAC,GAAD,EAAA,UACG,EAAc,KAAK,GAAK,MACvB,kBAAC,GAAD,EAAA,UACG,EAAe,KAAK,MACnB,kBAAC,GAAD,EAAA,UAA0B,EAAgB,EAAe,GAAK,EAAI,KAAK,CAAC,EAAa,EAArE,EAAI,IAAiE,CACrF,EACO,EAJI,EAIJ,CACX,EACQ,CAAA,CACN,EAAA,CAAA;IACJ,CAAA;GAEL,IAAa,KACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAA8C;MACtC,IAAO;MAAE;MAAK;MACf;QACP,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAQ,SAAQ;OAAQ,MAAK;OAAK,eAAe,EAAQ,EAAE;OAAE,UAAU,MAAS;iBAC9E,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;OAC7B,CAAA;MACT,kBAAC,GAAD;OAAQ,SAAQ;OAAQ,MAAK;OAAK,eAAe,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;OAAE,UAAU,MAAS;iBACtG,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;OAC5B,CAAA;MACT,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,GAAS,MAAM,KAAK,IAAI,IAAa,GAAG,IAAI,EAAE,CAAC;OAC9D,UAAU,KAAQ,IAAa;iBAE/B,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;OAC7B,CAAA;MACT,kBAAC,GAAD;OAAQ,SAAQ;OAAQ,MAAK;OAAK,eAAe,EAAQ,IAAa,EAAE;OAAE,UAAU,KAAQ,IAAa;iBACvG,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;OAC9B,CAAA;MACL;OACF;;GAEJ;;EAER"}

package/dist/bigconsole/components/datasink/ExportDataSinkDialog.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+
+export interface ExportDataSinkDialogProps {
+    /** Whether dialog is open */
+    isOpen: boolean;
+    /** DataSink ID to export */
+    dataSinkId: string | null;
+    /** DataSink name for filename */
+    dataSinkName?: string;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Callback when export succeeds */
+    onSuccess?: () => void;
+}
+export declare const ExportDataSinkDialog: FC<ExportDataSinkDialogProps>;
+export default ExportDataSinkDialog;
+//# sourceMappingURL=ExportDataSinkDialog.d.ts.map

package/dist/bigconsole/components/datasink/ExportDataSinkDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDataSinkDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ExportDataSinkDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;AAUxE,MAAM,WAAW,yBAAyB;IACxC,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAkOD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAkI7D,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/dist/bigconsole/components/datasink/ExportDataSinkDialog.js

@@ -0,0 +1,322 @@
+import e from "../../hooks/useExportDataSink.js";
+import "../../hooks/index.js";
+import { memo as t, useCallback as n, useEffect as r, useState as i } from "react";
+import { Check as a, Download as o, FileJson as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Dialog as d, DialogContent as f, DialogDescription as p, DialogTitle as m, Spinner as h } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/components/datasink/ExportDataSinkDialog.tsx
+var g = {
+	dialogContent: {
+		maxWidth: "450px",
+		width: "95vw",
+		padding: 0,
+		borderRadius: "12px",
+		overflow: "hidden"
+	},
+	header: {
+		display: "flex",
+		alignItems: "center",
+		gap: "12px",
+		padding: "20px 24px",
+		borderBottom: "1px solid var(--color-border)",
+		backgroundColor: "var(--color-bg-sunken)"
+	},
+	iconWrapper: {
+		width: "44px",
+		height: "44px",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: "10px",
+		backgroundColor: "var(--color-action-primary-bg)",
+		color: "var(--color-action-primary-text)",
+		flexShrink: 0
+	},
+	headerText: { flex: 1 },
+	title: {
+		fontSize: "16px",
+		fontWeight: 600,
+		color: "var(--color-text-primary)",
+		margin: 0
+	},
+	description: {
+		fontSize: "13px",
+		color: "var(--color-text-secondary)",
+		margin: "4px 0 0 0"
+	},
+	content: { padding: "20px 24px" },
+	dataSinkInfo: {
+		padding: "12px 16px",
+		backgroundColor: "var(--color-bg-muted)",
+		borderRadius: "8px",
+		marginBottom: "20px"
+	},
+	dataSinkLabel: {
+		fontSize: "12px",
+		color: "var(--color-text-secondary)",
+		margin: 0
+	},
+	dataSinkName: {
+		fontSize: "14px",
+		fontWeight: 500,
+		color: "var(--color-text-primary)",
+		margin: "4px 0 0 0",
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	optionsTitle: {
+		fontSize: "13px",
+		fontWeight: 600,
+		color: "var(--color-text-secondary)",
+		marginBottom: "16px",
+		textTransform: "uppercase",
+		letterSpacing: "0.05em"
+	},
+	optionItem: {
+		display: "flex",
+		alignItems: "flex-start",
+		gap: "12px",
+		padding: "12px",
+		borderRadius: "8px",
+		marginBottom: "8px",
+		backgroundColor: "var(--color-bg-sunken)",
+		border: "1px solid var(--color-border)",
+		cursor: "pointer",
+		transition: "all 0.15s ease"
+	},
+	optionItemActive: {
+		backgroundColor: "var(--color-action-primary-bg)",
+		borderColor: "var(--color-action-primary-bg)"
+	},
+	checkbox: {
+		width: "20px",
+		height: "20px",
+		borderRadius: "4px",
+		border: "2px solid var(--color-border)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flexShrink: 0,
+		marginTop: "2px",
+		transition: "all 0.15s ease",
+		cursor: "pointer"
+	},
+	checkboxChecked: {
+		backgroundColor: "var(--color-action-primary-bg)",
+		borderColor: "var(--color-action-primary-bg)"
+	},
+	optionText: { flex: 1 },
+	optionLabel: {
+		fontSize: "14px",
+		fontWeight: 500,
+		color: "var(--color-text-primary)",
+		margin: 0
+	},
+	optionDescription: {
+		fontSize: "12px",
+		color: "var(--color-text-secondary)",
+		margin: "4px 0 0 0"
+	},
+	error: {
+		padding: "12px 16px",
+		backgroundColor: "var(--color-status-error-bgSubtle)",
+		border: "1px solid var(--color-status-error-border)",
+		borderRadius: "8px",
+		marginTop: "16px"
+	},
+	errorText: {
+		fontSize: "13px",
+		color: "var(--color-status-error-text)",
+		margin: 0
+	},
+	footer: {
+		display: "flex",
+		justifyContent: "flex-end",
+		gap: "12px",
+		padding: "16px 24px",
+		borderTop: "1px solid var(--color-border)",
+		backgroundColor: "var(--color-bg-sunken)"
+	},
+	cancelButton: {
+		padding: "10px 20px",
+		fontSize: "14px",
+		fontWeight: 500,
+		borderRadius: "8px",
+		border: "1px solid var(--color-border)",
+		backgroundColor: "var(--color-bg-surface)",
+		color: "var(--color-text-secondary)",
+		cursor: "pointer",
+		transition: "all 0.15s ease"
+	},
+	exportButton: {
+		display: "flex",
+		alignItems: "center",
+		gap: "8px",
+		padding: "10px 20px",
+		fontSize: "14px",
+		fontWeight: 500,
+		borderRadius: "8px",
+		border: "none",
+		backgroundColor: "var(--color-action-primary-bg)",
+		color: "var(--color-action-primary-text)",
+		cursor: "pointer",
+		transition: "all 0.15s ease"
+	},
+	exportButtonDisabled: {
+		backgroundColor: "var(--color-action-primary-bg)",
+		opacity: .5,
+		cursor: "not-allowed"
+	}
+}, _ = t(function({ checked: e, onChange: t, disabled: n, label: r, description: i }) {
+	return /* @__PURE__ */ u("div", {
+		style: {
+			...g.optionItem,
+			...e ? g.optionItemActive : {},
+			opacity: n ? .6 : 1,
+			cursor: n ? "not-allowed" : "pointer"
+		},
+		onClick: () => !n && t(!e),
+		children: [/* @__PURE__ */ l("div", {
+			style: {
+				...g.checkbox,
+				...e ? g.checkboxChecked : {}
+			},
+			children: e && /* @__PURE__ */ l(a, { style: {
+				width: "14px",
+				height: "14px",
+				color: "var(--color-action-primary-text)"
+			} })
+		}), /* @__PURE__ */ u("div", {
+			style: g.optionText,
+			children: [/* @__PURE__ */ l("p", {
+				style: g.optionLabel,
+				children: r
+			}), /* @__PURE__ */ l("p", {
+				style: g.optionDescription,
+				children: i
+			})]
+		})]
+	});
+}), v = t(function({ isOpen: t, dataSinkId: a, dataSinkName: v, onClose: y, onSuccess: b }) {
+	let [x, S] = i(!0), { loading: C, error: w, downloadDataSink: T, clearError: E } = e();
+	r(() => {
+		t && (S(!0), E());
+	}, [t, E]);
+	let D = n(async () => {
+		a && await T(a, v, { prettyPrint: x }) && (b?.(), y());
+	}, [
+		a,
+		v,
+		x,
+		T,
+		b,
+		y
+	]);
+	return a ? /* @__PURE__ */ l(d, {
+		open: t,
+		onOpenChange: (e) => !e && !C && y(),
+		children: /* @__PURE__ */ u(f, {
+			style: g.dialogContent,
+			children: [
+				/* @__PURE__ */ u("div", {
+					style: g.header,
+					children: [/* @__PURE__ */ l("div", {
+						style: g.iconWrapper,
+						children: /* @__PURE__ */ l(s, { style: {
+							width: "22px",
+							height: "22px"
+						} })
+					}), /* @__PURE__ */ u("div", {
+						style: g.headerText,
+						children: [/* @__PURE__ */ l(m, {
+							asChild: !0,
+							children: /* @__PURE__ */ l("h2", {
+								style: g.title,
+								children: "Export DataSink"
+							})
+						}), /* @__PURE__ */ l(p, {
+							asChild: !0,
+							children: /* @__PURE__ */ l("p", {
+								style: g.description,
+								children: "Export your DataSink configuration to a JSON file."
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ u("div", {
+					style: g.content,
+					children: [
+						v && /* @__PURE__ */ u("div", {
+							style: g.dataSinkInfo,
+							children: [/* @__PURE__ */ l("p", {
+								style: g.dataSinkLabel,
+								children: "Exporting:"
+							}), /* @__PURE__ */ l("p", {
+								style: g.dataSinkName,
+								children: v
+							})]
+						}),
+						/* @__PURE__ */ l("p", {
+							style: g.optionsTitle,
+							children: "Export Options"
+						}),
+						/* @__PURE__ */ l(_, {
+							checked: x,
+							onChange: S,
+							disabled: C,
+							label: "Format JSON (Pretty Print)",
+							description: "Makes the export file human-readable (larger file size)"
+						}),
+						w && /* @__PURE__ */ l("div", {
+							style: g.error,
+							children: /* @__PURE__ */ l("p", {
+								style: g.errorText,
+								children: w.message
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ u("div", {
+					style: g.footer,
+					children: [/* @__PURE__ */ l("button", {
+						style: g.cancelButton,
+						onClick: y,
+						disabled: C,
+						onMouseEnter: (e) => {
+							e.currentTarget.style.backgroundColor = "var(--color-bg-muted)";
+						},
+						onMouseLeave: (e) => {
+							e.currentTarget.style.backgroundColor = "var(--color-bg-surface)";
+						},
+						children: "Cancel"
+					}), /* @__PURE__ */ l("button", {
+						style: {
+							...g.exportButton,
+							...C ? g.exportButtonDisabled : {}
+						},
+						onClick: D,
+						disabled: C,
+						onMouseEnter: (e) => {
+							C || (e.currentTarget.style.opacity = "0.9");
+						},
+						onMouseLeave: (e) => {
+							C || (e.currentTarget.style.opacity = "1");
+						},
+						children: C ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(h, { style: {
+							width: "16px",
+							height: "16px"
+						} }), "Exporting..."] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, { style: {
+							width: "16px",
+							height: "16px"
+						} }), "Download Export"] })
+					})]
+				})
+			]
+		})
+	}) : null;
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=ExportDataSinkDialog.js.map

package/dist/bigconsole/components/datasink/ExportDataSinkDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDataSinkDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ExportDataSinkDialog.tsx"],"sourcesContent":["/**\n * ExportDataSinkDialog Component\n *\n * Modal dialog for exporting a DataSink to JSON.\n * Uses inline styles for consistent styling across environments.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect } from 'react';\nimport { Dialog, DialogContent, DialogTitle, DialogDescription } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { Download, FileJson, Check } from 'lucide-react';\nimport { useExportDataSink, type ExportDataSinkOptions } from '../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ExportDataSinkDialogProps {\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** DataSink ID to export */\n  dataSinkId: string | null;\n  /** DataSink name for filename */\n  dataSinkName?: string;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when export succeeds */\n  onSuccess?: () => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  dialogContent: {\n    maxWidth: '450px',\n    width: '95vw',\n    padding: 0,\n    borderRadius: '12px',\n    overflow: 'hidden',\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '12px',\n    padding: '20px 24px',\n    borderBottom: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  iconWrapper: {\n    width: '44px',\n    height: '44px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '10px',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    flexShrink: 0,\n  } as React.CSSProperties,\n  headerText: {\n    flex: 1,\n  } as React.CSSProperties,\n  title: {\n    fontSize: '16px',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  description: {\n    fontSize: '13px',\n    color: 'var(--color-text-secondary)',\n    margin: '4px 0 0 0',\n  } as React.CSSProperties,\n  content: {\n    padding: '20px 24px',\n  } as React.CSSProperties,\n  dataSinkInfo: {\n    padding: '12px 16px',\n    backgroundColor: 'var(--color-bg-muted)',\n    borderRadius: '8px',\n    marginBottom: '20px',\n  } as React.CSSProperties,\n  dataSinkLabel: {\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n    margin: 0,\n  } as React.CSSProperties,\n  dataSinkName: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    margin: '4px 0 0 0',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  } as React.CSSProperties,\n  optionsTitle: {\n    fontSize: '13px',\n    fontWeight: 600,\n    color: 'var(--color-text-secondary)',\n    marginBottom: '16px',\n    textTransform: 'uppercase',\n    letterSpacing: '0.05em',\n  } as React.CSSProperties,\n  optionItem: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: '12px',\n    padding: '12px',\n    borderRadius: '8px',\n    marginBottom: '8px',\n    backgroundColor: 'var(--color-bg-sunken)',\n    border: '1px solid var(--color-border)',\n    cursor: 'pointer',\n    transition: 'all 0.15s ease',\n  } as React.CSSProperties,\n  optionItemActive: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    borderColor: 'var(--color-action-primary-bg)',\n  } as React.CSSProperties,\n  checkbox: {\n    width: '20px',\n    height: '20px',\n    borderRadius: '4px',\n    border: '2px solid var(--color-border)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    marginTop: '2px',\n    transition: 'all 0.15s ease',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  checkboxChecked: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    borderColor: 'var(--color-action-primary-bg)',\n  } as React.CSSProperties,\n  optionText: {\n    flex: 1,\n  } as React.CSSProperties,\n  optionLabel: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  optionDescription: {\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n    margin: '4px 0 0 0',\n  } as React.CSSProperties,\n  error: {\n    padding: '12px 16px',\n    backgroundColor: 'var(--color-status-error-bgSubtle)',\n    border: '1px solid var(--color-status-error-border)',\n    borderRadius: '8px',\n    marginTop: '16px',\n  } as React.CSSProperties,\n  errorText: {\n    fontSize: '13px',\n    color: 'var(--color-status-error-text)',\n    margin: 0,\n  } as React.CSSProperties,\n  footer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: '12px',\n    padding: '16px 24px',\n    borderTop: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  cancelButton: {\n    padding: '10px 20px',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '8px',\n    border: '1px solid var(--color-border)',\n    backgroundColor: 'var(--color-bg-surface)',\n    color: 'var(--color-text-secondary)',\n    cursor: 'pointer',\n    transition: 'all 0.15s ease',\n  } as React.CSSProperties,\n  exportButton: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '10px 20px',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '8px',\n    border: 'none',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    cursor: 'pointer',\n    transition: 'all 0.15s ease',\n  } as React.CSSProperties,\n  exportButtonDisabled: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  } as React.CSSProperties,\n};\n\n// ============================================================================\n// Custom Checkbox Component\n// ============================================================================\n\ninterface CustomCheckboxProps {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  disabled?: boolean;\n  label: string;\n  description: string;\n}\n\nconst CustomCheckbox: FC<CustomCheckboxProps> = memo(function CustomCheckbox({\n  checked,\n  onChange,\n  disabled,\n  label,\n  description,\n}) {\n  return (\n    <div\n      style={{\n        ...styles.optionItem,\n        ...(checked ? styles.optionItemActive : {}),\n        opacity: disabled ? 0.6 : 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n      }}\n      onClick={() => !disabled && onChange(!checked)}\n    >\n      <div\n        style={{\n          ...styles.checkbox,\n          ...(checked ? styles.checkboxChecked : {}),\n        }}\n      >\n        {checked && <Check style={{ width: '14px', height: '14px', color: 'var(--color-action-primary-text)' }} />}\n      </div>\n      <div style={styles.optionText}>\n        <p style={styles.optionLabel}>{label}</p>\n        <p style={styles.optionDescription}>{description}</p>\n      </div>\n    </div>\n  );\n});\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ExportDataSinkDialog: FC<ExportDataSinkDialogProps> = memo(function ExportDataSinkDialog({\n  isOpen,\n  dataSinkId,\n  dataSinkName,\n  onClose,\n  onSuccess,\n}) {\n  const [prettyPrint, setPrettyPrint] = useState(true);\n\n  const { loading, error, downloadDataSink, clearError } = useExportDataSink();\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (isOpen) {\n      setPrettyPrint(true);\n      clearError();\n    }\n  }, [isOpen, clearError]);\n\n  // Handle export\n  const handleExport = useCallback(async () => {\n    if (!dataSinkId) return;\n\n    const options: ExportDataSinkOptions = {\n      prettyPrint,\n    };\n\n    const success = await downloadDataSink(dataSinkId, dataSinkName, options);\n\n    if (success) {\n      onSuccess?.();\n      onClose();\n    }\n  }, [dataSinkId, dataSinkName, prettyPrint, downloadDataSink, onSuccess, onClose]);\n\n  // Don't render if no DataSink\n  if (!dataSinkId) return null;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !loading && onClose()}>\n      <DialogContent style={styles.dialogContent}>\n        {/* Header */}\n        <div style={styles.header}>\n          <div style={styles.iconWrapper}>\n            <FileJson style={{ width: '22px', height: '22px' }} />\n          </div>\n          <div style={styles.headerText}>\n            <DialogTitle asChild>\n              <h2 style={styles.title}>Export DataSink</h2>\n            </DialogTitle>\n            <DialogDescription asChild>\n              <p style={styles.description}>Export your DataSink configuration to a JSON file.</p>\n            </DialogDescription>\n          </div>\n        </div>\n\n        {/* Content */}\n        <div style={styles.content}>\n          {/* DataSink Info */}\n          {dataSinkName && (\n            <div style={styles.dataSinkInfo}>\n              <p style={styles.dataSinkLabel}>Exporting:</p>\n              <p style={styles.dataSinkName}>{dataSinkName}</p>\n            </div>\n          )}\n\n          {/* Options */}\n          <p style={styles.optionsTitle}>Export Options</p>\n\n          <CustomCheckbox\n            checked={prettyPrint}\n            onChange={setPrettyPrint}\n            disabled={loading}\n            label=\"Format JSON (Pretty Print)\"\n            description=\"Makes the export file human-readable (larger file size)\"\n          />\n\n          {/* Error */}\n          {error && (\n            <div style={styles.error}>\n              <p style={styles.errorText}>{error.message}</p>\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div style={styles.footer}>\n          <button\n            style={styles.cancelButton}\n            onClick={onClose}\n            disabled={loading}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--color-bg-muted)';\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--color-bg-surface)';\n            }}\n          >\n            Cancel\n          </button>\n          <button\n            style={{\n              ...styles.exportButton,\n              ...(loading ? styles.exportButtonDisabled : {}),\n            }}\n            onClick={handleExport}\n            disabled={loading}\n            onMouseEnter={(e) => {\n              if (!loading) e.currentTarget.style.opacity = '0.9';\n            }}\n            onMouseLeave={(e) => {\n              if (!loading) e.currentTarget.style.opacity = '1';\n            }}\n          >\n            {loading ? (\n              <>\n                <Spinner style={{ width: '16px', height: '16px' }} />\n                Exporting...\n              </>\n            ) : (\n              <>\n                <Download style={{ width: '16px', height: '16px' }} />\n                Download Export\n              </>\n            )}\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ExportDataSinkDialog;\n"],"mappings":"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"}

package/dist/bigconsole/components/datasink/FluidGridsPanel.d.ts

@@ -0,0 +1,31 @@
+/**
+ * FluidGrids Panel
+ *
+ * Panel for managing the FluidGrids workflow connection for a DataSink.
+ * Shows workflow linkage status, allows linking/unlinking workflows,
+ * and provides quick-execute functionality.
+ */
+type WorkflowStatus = 'not_started' | 'creating' | 'running' | 'completed' | 'failed';
+interface WorkflowState {
+    status: WorkflowStatus;
+    workflowId?: string;
+    executionId?: string;
+    progress?: number;
+    error?: string;
+    sampleData?: Record<string, unknown>;
+}
+interface FluidGridsPanelProps {
+    /** Current workflow state */
+    workflowState: WorkflowState;
+    /** Callback when workflow state changes */
+    onWorkflowStateChange: (state: WorkflowState) => void;
+    /** Whether controls are disabled */
+    disabled?: boolean;
+    /** Existing workflow ID (if editing) */
+    existingWorkflowId?: string;
+    /** DataSink key (for linking) */
+    dataSinkKey?: string;
+}
+export declare const FluidGridsPanel: import('react').NamedExoticComponent<FluidGridsPanelProps>;
+export default FluidGridsPanel;
+//# sourceMappingURL=FluidGridsPanel.d.ts.map

package/dist/bigconsole/components/datasink/FluidGridsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluidGridsPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/FluidGridsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAWH,KAAK,cAAc,GAAG,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtF,UAAU,aAAa;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,UAAU,oBAAoB;IAC5B,6BAA6B;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,2CAA2C;IAC3C,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyDD,eAAO,MAAM,eAAe,4DAkQ1B,CAAC;AAWH,eAAe,eAAe,CAAC"}

package/dist/bigconsole/components/datasink/ImportDataSinkDialog.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+export interface ImportDataSinkDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSuccess?: (dataSinkId: string, dataSinkName: string | null, originalUpdated: boolean) => void;
+}
+export declare const ImportDataSinkDialog: FC<ImportDataSinkDialogProps>;
+export default ImportDataSinkDialog;
+//# sourceMappingURL=ImportDataSinkDialog.d.ts.map

package/dist/bigconsole/components/datasink/ImportDataSinkDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataSinkDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/ImportDataSinkDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkD,MAAM,OAAO,CAAC;AAsBhF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACjG;AAQD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAgY7D,CAAC;AAEH,eAAe,oBAAoB,CAAC"}