@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,402 @@
+import e from "../../hooks/useImportDataSink.js";
+import "../../hooks/index.js";
+import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { ArrowLeft as o, Check as s, FileJson as c, Info as l, RefreshCw as u, Upload as d, XCircle as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, Dialog as b, DialogContent as x, DialogDescription as S, DialogFooter as C, DialogHeader as w, DialogTitle as T, Input as E, Label as D, Spinner as O } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/components/datasink/ImportDataSinkDialog.tsx
+var k = t(function({ isOpen: t, onClose: k, onSuccess: A }) {
+	let [j, M] = a("select"), [, N] = a(null), [P, F] = a(null), [I, L] = a(""), [R, z] = a(""), B = i(null), { loading: V, error: H, validationResult: U, importResult: W, validateImport: G, importDataSink: K, extractDataSinkId: q, clearState: J } = e();
+	r(() => {
+		t && (M("select"), N(null), F(null), L(""), z(""), J());
+	}, [t, J]);
+	let Y = n(async (e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		if (!t.name.endsWith(".json")) {
+			alert("Please select a JSON file");
+			return;
+		}
+		N(t);
+		let n = new FileReader();
+		n.onload = async (e) => {
+			let t = e.target?.result;
+			F(t);
+			let n = G(t);
+			n.isValid && n.dataSinkInfo ? (M("preview"), L(n.dataSinkInfo.name || ""), z(n.dataSinkInfo.key || "")) : M("preview");
+		}, n.onerror = () => {
+			alert("Failed to read file");
+		}, n.readAsText(t);
+	}, [G]), X = n((e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.files?.[0];
+		if (t) {
+			let e = new DataTransfer();
+			e.items.add(t), B.current && (B.current.files = e.files, B.current.dispatchEvent(new Event("change", { bubbles: !0 })));
+		}
+	}, []), Z = n(async () => {
+		if (!P) return;
+		M("importing");
+		let e = await K(P, {
+			name: I.trim() || void 0,
+			key: R.trim() || void 0
+		});
+		e?.success && e.dataSink ? (M("complete"), A?.(e.dataSink.id, e.dataSink.name, e.originalUpdated ?? !1)) : M("preview");
+	}, [
+		P,
+		I,
+		R,
+		K,
+		A
+	]), Q = !V && j !== "importing", $ = P ? q(P) : null;
+	return /* @__PURE__ */ m(b, {
+		open: t,
+		onOpenChange: (e) => !e && Q && k(),
+		children: /* @__PURE__ */ h(x, {
+			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
+			children: [
+				/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ h("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex size-10 items-center justify-center rounded-lg bg-primary/10",
+						children: /* @__PURE__ */ m(d, { className: "size-5 text-primary" })
+					}), /* @__PURE__ */ m(T, { children: "Import DataSink" })]
+				}), /* @__PURE__ */ m(S, { children: "Upload a DataSink export file to restore it into this workspace." })] }),
+				/* @__PURE__ */ h("div", {
+					className: "flex-1 overflow-y-auto py-4 space-y-4",
+					children: [
+						j === "select" && /* @__PURE__ */ h("div", {
+							onDragOver: (e) => e.preventDefault(),
+							onDrop: X,
+							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
+							children: [
+								/* @__PURE__ */ m(c, { className: "size-12 mx-auto text-muted-foreground mb-4" }),
+								/* @__PURE__ */ m("p", {
+									className: "text-sm mb-2",
+									children: "Drag and drop a DataSink export file here"
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-xs text-muted-foreground mb-4",
+									children: "or"
+								}),
+								/* @__PURE__ */ m("input", {
+									ref: B,
+									type: "file",
+									accept: ".json",
+									onChange: Y,
+									className: "hidden"
+								}),
+								/* @__PURE__ */ m(_, {
+									onClick: () => B.current?.click(),
+									disabled: V,
+									children: "Browse Files"
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-xs text-muted-foreground mt-4",
+									children: "Only .json files exported from BigConsole are supported"
+								})
+							]
+						}),
+						(j === "preview" || j === "importing") && U && /* @__PURE__ */ h(p, { children: [
+							U.dataSinkInfo && /* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
+								className: "p-4 space-y-2",
+								children: [
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Name"
+										}), /* @__PURE__ */ m("span", {
+											className: "text-sm font-medium",
+											children: U.dataSinkInfo.name || "Unnamed"
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Key"
+										}), /* @__PURE__ */ m("span", {
+											className: "text-xs font-mono",
+											children: U.dataSinkInfo.key
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Status"
+										}), /* @__PURE__ */ m(g, {
+											variant: "secondary",
+											children: U.dataSinkInfo.status
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Setup State"
+										}), /* @__PURE__ */ m(g, {
+											variant: "outline",
+											children: U.dataSinkInfo.setupState
+										})]
+									}),
+									U.dataSinkInfo.exportedFrom && /* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Source ID"
+										}), /* @__PURE__ */ m("span", {
+											className: "text-xs text-muted-foreground font-mono truncate max-w-[180px]",
+											children: U.dataSinkInfo.exportedFrom
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-sm text-muted-foreground",
+											children: "Schema Version"
+										}), /* @__PURE__ */ m("span", {
+											className: "text-xs text-muted-foreground",
+											children: U.dataSinkInfo.schemaVersion
+										})]
+									})
+								]
+							}) }),
+							U.errors.length > 0 && /* @__PURE__ */ m(v, {
+								className: "border-destructive/50 bg-destructive/5",
+								children: /* @__PURE__ */ h(y, {
+									className: "p-3",
+									children: [/* @__PURE__ */ h("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: [/* @__PURE__ */ m(f, { className: "size-4 text-destructive" }), /* @__PURE__ */ h("span", {
+											className: "text-sm font-medium text-destructive",
+											children: [
+												"Errors (",
+												U.errors.length,
+												")"
+											]
+										})]
+									}), /* @__PURE__ */ m("ul", {
+										className: "text-xs text-destructive space-y-1",
+										children: U.errors.map((e, t) => /* @__PURE__ */ h("li", { children: [
+											/* @__PURE__ */ h("span", {
+												className: "font-mono",
+												children: [
+													"[",
+													e.code,
+													"]"
+												]
+											}),
+											" ",
+											e.message
+										] }, t))
+									})]
+								})
+							}),
+							U.isValid && /* @__PURE__ */ h("div", {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ m("p", {
+										className: "text-sm font-medium",
+										children: "Import Options"
+									}),
+									/* @__PURE__ */ m(v, {
+										className: "border-blue-500/50 bg-blue-500/5",
+										children: /* @__PURE__ */ m(y, {
+											className: "p-3",
+											children: /* @__PURE__ */ h("div", {
+												className: "flex items-start gap-2",
+												children: [/* @__PURE__ */ m(l, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ m("div", {
+													className: "text-xs text-blue-700 dark:text-blue-400",
+													children: $ ? /* @__PURE__ */ h(p, { children: [
+														/* @__PURE__ */ m("p", {
+															className: "font-medium mb-1",
+															children: "Import will check for existing DataSink"
+														}),
+														/* @__PURE__ */ h("p", { children: [
+															"If the original DataSink (ID:",
+															" ",
+															/* @__PURE__ */ h("code", {
+																className: "font-mono bg-blue-200/50 px-1 rounded",
+																children: [$.slice(0, 8), "..."]
+															}),
+															") exists:"
+														] }),
+														/* @__PURE__ */ h("ul", {
+															className: "list-disc list-inside mt-1 space-y-0.5",
+															children: [/* @__PURE__ */ m("li", { children: "With changes → Update the existing DataSink" }), /* @__PURE__ */ m("li", { children: "No changes → Show \"already exists\" message" })]
+														}),
+														/* @__PURE__ */ m("p", {
+															className: "mt-1",
+															children: "If original doesn't exist → Create a new DataSink"
+														})
+													] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("p", {
+														className: "font-medium mb-1",
+														children: "A new DataSink will be created"
+													}), /* @__PURE__ */ m("p", { children: "Import as a new DataSink with the specified configuration." })] })
+												})]
+											})
+										})
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ m(D, {
+											htmlFor: "import-name",
+											children: "DataSink Name"
+										}), /* @__PURE__ */ m(E, {
+											id: "import-name",
+											type: "text",
+											value: I,
+											onChange: (e) => L(e.target.value),
+											placeholder: U.dataSinkInfo?.name || "DataSink name",
+											disabled: j === "importing"
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "space-y-2",
+										children: [
+											/* @__PURE__ */ m(D, {
+												htmlFor: "import-key",
+												children: "DataSink Key"
+											}),
+											/* @__PURE__ */ m(E, {
+												id: "import-key",
+												type: "text",
+												value: R,
+												onChange: (e) => z(e.target.value),
+												placeholder: U.dataSinkInfo?.key || "datasink-key",
+												disabled: j === "importing"
+											}),
+											/* @__PURE__ */ m("p", {
+												className: "text-xs text-muted-foreground",
+												children: "Use a unique key to avoid conflicts with existing DataSinks."
+											})
+										]
+									})
+								]
+							})
+						] }),
+						j === "complete" && W?.success && /* @__PURE__ */ h("div", {
+							className: "text-center py-6",
+							children: [
+								W.alreadyExists && /* @__PURE__ */ h(p, { children: [
+									/* @__PURE__ */ m("div", {
+										className: "size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center",
+										children: /* @__PURE__ */ m(l, { className: "size-8 text-blue-600" })
+									}),
+									/* @__PURE__ */ m("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "DataSink Already Exists"
+									}),
+									/* @__PURE__ */ h("p", {
+										className: "text-sm text-muted-foreground mb-4",
+										children: [
+											"DataSink \"",
+											W.dataSink?.name || W.dataSink?.key,
+											"\" already exists with the same data. No changes were made."
+										]
+									})
+								] }),
+								W.originalUpdated && !W.alreadyExists && /* @__PURE__ */ h(p, { children: [
+									/* @__PURE__ */ m("div", {
+										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
+										children: /* @__PURE__ */ m(u, { className: "size-8 text-green-600" })
+									}),
+									/* @__PURE__ */ m("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "DataSink Updated!"
+									}),
+									/* @__PURE__ */ h("p", {
+										className: "text-sm text-muted-foreground mb-4",
+										children: [
+											"DataSink \"",
+											W.dataSink?.name || W.dataSink?.key,
+											"\" has been updated with the imported data."
+										]
+									})
+								] }),
+								!W.originalUpdated && !W.alreadyExists && /* @__PURE__ */ h(p, { children: [
+									/* @__PURE__ */ m("div", {
+										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
+										children: /* @__PURE__ */ m(s, { className: "size-8 text-green-600" })
+									}),
+									/* @__PURE__ */ m("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "Import Successful!"
+									}),
+									/* @__PURE__ */ h("p", {
+										className: "text-sm text-muted-foreground mb-4",
+										children: [
+											"DataSink \"",
+											W.dataSink?.name || W.dataSink?.key,
+											"\" has been created."
+										]
+									})
+								] })
+							]
+						}),
+						H && /* @__PURE__ */ m(v, {
+							className: "border-destructive/50 bg-destructive/5",
+							children: /* @__PURE__ */ m(y, {
+								className: "p-3",
+								children: /* @__PURE__ */ m("p", {
+									className: "text-sm text-destructive",
+									children: H.message
+								})
+							})
+						}),
+						W && !W.success && W.errorMessage && /* @__PURE__ */ m(v, {
+							className: "border-destructive/50 bg-destructive/5",
+							children: /* @__PURE__ */ m(y, {
+								className: "p-3",
+								children: /* @__PURE__ */ m("p", {
+									className: "text-sm text-destructive",
+									children: W.errorMessage
+								})
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ h(C, {
+					className: "flex-row justify-between sm:justify-between",
+					children: [/* @__PURE__ */ m("div", { children: j === "preview" && /* @__PURE__ */ h(_, {
+						variant: "ghost",
+						onClick: () => {
+							M("select"), N(null), F(null), J();
+						},
+						disabled: V,
+						children: [/* @__PURE__ */ m(o, { className: "size-4" }), "Back"]
+					}) }), /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2",
+						children: [
+							j !== "complete" && /* @__PURE__ */ m(_, {
+								variant: "outline",
+								onClick: k,
+								disabled: !Q,
+								children: "Cancel"
+							}),
+							j === "preview" && U?.isValid && /* @__PURE__ */ h(_, {
+								onClick: Z,
+								disabled: V,
+								children: [/* @__PURE__ */ m(d, { className: "size-4" }), "Import DataSink"]
+							}),
+							j === "importing" && /* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ m(O, { className: "size-4" }), "Importing..."]
+							}),
+							j === "complete" && /* @__PURE__ */ m(_, {
+								onClick: k,
+								children: "Done"
+							})
+						]
+					})]
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=ImportDataSinkDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataSinkDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ImportDataSinkDialog.tsx"],"sourcesContent":["/**\n * ImportDataSinkDialog Component\n *\n * Modal dialog for importing a DataSink from JSON file.\n * Supports both creating new DataSinks and updating existing ones.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect, useRef } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Label } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { Upload, FileJson, Check, XCircle, ArrowLeft, RefreshCw, Info } from 'lucide-react';\nimport { useImportDataSink, type ImportDataSinkOptions } from '../../hooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ImportDataSinkDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSuccess?: (dataSinkId: string, dataSinkName: string | null, originalUpdated: boolean) => void;\n}\n\ntype ImportStep = 'select' | 'preview' | 'importing' | 'complete';\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ImportDataSinkDialog: FC<ImportDataSinkDialogProps> = memo(function ImportDataSinkDialog({\n  isOpen,\n  onClose,\n  onSuccess,\n}) {\n  const [step, setStep] = useState<ImportStep>('select');\n  const [, setSelectedFile] = useState<File | null>(null);\n  const [fileContent, setFileContent] = useState<string | null>(null);\n  const [nameOverride, setNameOverride] = useState('');\n  const [keyOverride, setKeyOverride] = useState('');\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const {\n    loading,\n    error,\n    validationResult,\n    importResult,\n    validateImport,\n    importDataSink,\n    extractDataSinkId,\n    clearState,\n  } = useImportDataSink();\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (isOpen) {\n      setStep('select');\n      setSelectedFile(null);\n      setFileContent(null);\n      setNameOverride('');\n      setKeyOverride('');\n      clearState();\n    }\n  }, [isOpen, clearState]);\n\n  // Handle file selection\n  const handleFileSelect = useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const file = e.target.files?.[0];\n      if (!file) return;\n\n      if (!file.name.endsWith('.json')) {\n        alert('Please select a JSON file');\n        return;\n      }\n\n      setSelectedFile(file);\n\n      const reader = new FileReader();\n      reader.onload = async (event) => {\n        const content = event.target?.result as string;\n        setFileContent(content);\n\n        const result = validateImport(content);\n        if (result.isValid && result.dataSinkInfo) {\n          setStep('preview');\n          setNameOverride(result.dataSinkInfo.name || '');\n          setKeyOverride(result.dataSinkInfo.key || '');\n        } else {\n          setStep('preview');\n        }\n      };\n      reader.onerror = () => {\n        alert('Failed to read file');\n      };\n      reader.readAsText(file);\n    },\n    [validateImport]\n  );\n\n  // Handle file drop\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    const file = e.dataTransfer.files?.[0];\n    if (file) {\n      const dt = new DataTransfer();\n      dt.items.add(file);\n      if (fileInputRef.current) {\n        fileInputRef.current.files = dt.files;\n        fileInputRef.current.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    }\n  }, []);\n\n  // Handle import\n  const handleImport = useCallback(async () => {\n    if (!fileContent) return;\n\n    setStep('importing');\n\n    const options: ImportDataSinkOptions = {\n      name: nameOverride.trim() || undefined,\n      key: keyOverride.trim() || undefined,\n    };\n\n    const result = await importDataSink(fileContent, options);\n\n    if (result?.success && result.dataSink) {\n      setStep('complete');\n      onSuccess?.(result.dataSink.id, result.dataSink.name, result.originalUpdated ?? false);\n    } else {\n      setStep('preview');\n    }\n  }, [fileContent, nameOverride, keyOverride, importDataSink, onSuccess]);\n\n  const canClose = !loading && step !== 'importing';\n  const dataSinkId = fileContent ? extractDataSinkId(fileContent) : null;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && canClose && onClose()}>\n      <DialogContent className=\"sm:max-w-lg max-h-[85vh] flex flex-col\">\n        <DialogHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-lg bg-primary/10\">\n              <Upload className=\"size-5 text-primary\" />\n            </div>\n            <DialogTitle>Import DataSink</DialogTitle>\n          </div>\n          <DialogDescription>Upload a DataSink export file to restore it into this workspace.</DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex-1 overflow-y-auto py-4 space-y-4\">\n          {/* Step 1: File Selection */}\n          {step === 'select' && (\n            <div\n              onDragOver={(e) => e.preventDefault()}\n              onDrop={handleDrop}\n              className=\"border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors\"\n            >\n              <FileJson className=\"size-12 mx-auto text-muted-foreground mb-4\" />\n              <p className=\"text-sm mb-2\">Drag and drop a DataSink export file here</p>\n              <p className=\"text-xs text-muted-foreground mb-4\">or</p>\n              <input ref={fileInputRef} type=\"file\" accept=\".json\" onChange={handleFileSelect} className=\"hidden\" />\n              <Button onClick={() => fileInputRef.current?.click()} disabled={loading}>\n                Browse Files\n              </Button>\n              <p className=\"text-xs text-muted-foreground mt-4\">\n                Only .json files exported from BigConsole are supported\n              </p>\n            </div>\n          )}\n\n          {/* Step 2: Preview & Options */}\n          {(step === 'preview' || step === 'importing') && validationResult && (\n            <>\n              {/* DataSink Info */}\n              {validationResult.dataSinkInfo && (\n                <Card>\n                  <CardContent className=\"p-4 space-y-2\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Name</span>\n                      <span className=\"text-sm font-medium\">{validationResult.dataSinkInfo.name || 'Unnamed'}</span>\n                    </div>\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Key</span>\n                      <span className=\"text-xs font-mono\">{validationResult.dataSinkInfo.key}</span>\n                    </div>\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Status</span>\n                      <Badge variant=\"secondary\">{validationResult.dataSinkInfo.status}</Badge>\n                    </div>\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Setup State</span>\n                      <Badge variant=\"outline\">{validationResult.dataSinkInfo.setupState}</Badge>\n                    </div>\n                    {validationResult.dataSinkInfo.exportedFrom && (\n                      <div className=\"flex items-center justify-between\">\n                        <span className=\"text-sm text-muted-foreground\">Source ID</span>\n                        <span className=\"text-xs text-muted-foreground font-mono truncate max-w-[180px]\">\n                          {validationResult.dataSinkInfo.exportedFrom}\n                        </span>\n                      </div>\n                    )}\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Schema Version</span>\n                      <span className=\"text-xs text-muted-foreground\">\n                        {validationResult.dataSinkInfo.schemaVersion}\n                      </span>\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Validation Errors */}\n              {validationResult.errors.length > 0 && (\n                <Card className=\"border-destructive/50 bg-destructive/5\">\n                  <CardContent className=\"p-3\">\n                    <div className=\"flex items-center gap-2 mb-2\">\n                      <XCircle className=\"size-4 text-destructive\" />\n                      <span className=\"text-sm font-medium text-destructive\">\n                        Errors ({validationResult.errors.length})\n                      </span>\n                    </div>\n                    <ul className=\"text-xs text-destructive space-y-1\">\n                      {validationResult.errors.map((err, idx) => (\n                        <li key={idx}>\n                          <span className=\"font-mono\">[{err.code}]</span> {err.message}\n                        </li>\n                      ))}\n                    </ul>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Import Options */}\n              {validationResult.isValid && (\n                <div className=\"space-y-4\">\n                  <p className=\"text-sm font-medium\">Import Options</p>\n\n                  {/* Import Info */}\n                  <Card className=\"border-blue-500/50 bg-blue-500/5\">\n                    <CardContent className=\"p-3\">\n                      <div className=\"flex items-start gap-2\">\n                        <Info className=\"size-4 text-blue-600 mt-0.5 shrink-0\" />\n                        <div className=\"text-xs text-blue-700 dark:text-blue-400\">\n                          {dataSinkId ? (\n                            <>\n                              <p className=\"font-medium mb-1\">Import will check for existing DataSink</p>\n                              <p>\n                                If the original DataSink (ID:{' '}\n                                <code className=\"font-mono bg-blue-200/50 px-1 rounded\">\n                                  {dataSinkId.slice(0, 8)}...\n                                </code>\n                                ) exists:\n                              </p>\n                              <ul className=\"list-disc list-inside mt-1 space-y-0.5\">\n                                <li>With changes → Update the existing DataSink</li>\n                                <li>No changes → Show &quot;already exists&quot; message</li>\n                              </ul>\n                              <p className=\"mt-1\">If original doesn&apos;t exist → Create a new DataSink</p>\n                            </>\n                          ) : (\n                            <>\n                              <p className=\"font-medium mb-1\">A new DataSink will be created</p>\n                              <p>Import as a new DataSink with the specified configuration.</p>\n                            </>\n                          )}\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"import-name\">DataSink Name</Label>\n                    <Input\n                      id=\"import-name\"\n                      type=\"text\"\n                      value={nameOverride}\n                      onChange={(e) => setNameOverride(e.target.value)}\n                      placeholder={validationResult.dataSinkInfo?.name || 'DataSink name'}\n                      disabled={step === 'importing'}\n                    />\n                  </div>\n\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"import-key\">DataSink Key</Label>\n                    <Input\n                      id=\"import-key\"\n                      type=\"text\"\n                      value={keyOverride}\n                      onChange={(e) => setKeyOverride(e.target.value)}\n                      placeholder={validationResult.dataSinkInfo?.key || 'datasink-key'}\n                      disabled={step === 'importing'}\n                    />\n                    <p className=\"text-xs text-muted-foreground\">\n                      Use a unique key to avoid conflicts with existing DataSinks.\n                    </p>\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n\n          {/* Step 3: Complete */}\n          {step === 'complete' && importResult?.success && (\n            <div className=\"text-center py-6\">\n              {/* Already Exists - No Changes */}\n              {importResult.alreadyExists && (\n                <>\n                  <div className=\"size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center\">\n                    <Info className=\"size-8 text-blue-600\" />\n                  </div>\n                  <h3 className=\"text-lg font-medium mb-2\">DataSink Already Exists</h3>\n                  <p className=\"text-sm text-muted-foreground mb-4\">\n                    DataSink &quot;{importResult.dataSink?.name || importResult.dataSink?.key}&quot; already exists with\n                    the same data. No changes were made.\n                  </p>\n                </>\n              )}\n\n              {/* Updated Existing */}\n              {importResult.originalUpdated && !importResult.alreadyExists && (\n                <>\n                  <div className=\"size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center\">\n                    <RefreshCw className=\"size-8 text-green-600\" />\n                  </div>\n                  <h3 className=\"text-lg font-medium mb-2\">DataSink Updated!</h3>\n                  <p className=\"text-sm text-muted-foreground mb-4\">\n                    DataSink &quot;{importResult.dataSink?.name || importResult.dataSink?.key}&quot; has been updated\n                    with the imported data.\n                  </p>\n                </>\n              )}\n\n              {/* Created New */}\n              {!importResult.originalUpdated && !importResult.alreadyExists && (\n                <>\n                  <div className=\"size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center\">\n                    <Check className=\"size-8 text-green-600\" />\n                  </div>\n                  <h3 className=\"text-lg font-medium mb-2\">Import Successful!</h3>\n                  <p className=\"text-sm text-muted-foreground mb-4\">\n                    DataSink &quot;{importResult.dataSink?.name || importResult.dataSink?.key}&quot; has been created.\n                  </p>\n                </>\n              )}\n            </div>\n          )}\n\n          {/* Error */}\n          {error && (\n            <Card className=\"border-destructive/50 bg-destructive/5\">\n              <CardContent className=\"p-3\">\n                <p className=\"text-sm text-destructive\">{error.message}</p>\n              </CardContent>\n            </Card>\n          )}\n\n          {importResult && !importResult.success && importResult.errorMessage && (\n            <Card className=\"border-destructive/50 bg-destructive/5\">\n              <CardContent className=\"p-3\">\n                <p className=\"text-sm text-destructive\">{importResult.errorMessage}</p>\n              </CardContent>\n            </Card>\n          )}\n        </div>\n\n        <DialogFooter className=\"flex-row justify-between sm:justify-between\">\n          <div>\n            {step === 'preview' && (\n              <Button\n                variant=\"ghost\"\n                onClick={() => {\n                  setStep('select');\n                  setSelectedFile(null);\n                  setFileContent(null);\n                  clearState();\n                }}\n                disabled={loading}\n              >\n                <ArrowLeft className=\"size-4\" />\n                Back\n              </Button>\n            )}\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            {step !== 'complete' && (\n              <Button variant=\"outline\" onClick={onClose} disabled={!canClose}>\n                Cancel\n              </Button>\n            )}\n\n            {step === 'preview' && validationResult?.isValid && (\n              <Button onClick={handleImport} disabled={loading}>\n                <Upload className=\"size-4\" />\n                Import DataSink\n              </Button>\n            )}\n\n            {step === 'importing' && (\n              <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                <Spinner className=\"size-4\" />\n                Importing...\n              </div>\n            )}\n\n            {step === 'complete' && <Button onClick={onClose}>Done</Button>}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ImportDataSinkDialog;\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+/**
+ * LinkedParsersPanel Component
+ *
+ * Shows parsers that use this DataSink as their source.
+ * Provides navigation to parser view pages.
+ */
+interface LinkedParsersPanelProps {
+    dataSinkKey?: string;
+}
+export declare const LinkedParsersPanel: import('react').NamedExoticComponent<LinkedParsersPanelProps>;
+export default LinkedParsersPanel;
+//# sourceMappingURL=LinkedParsersPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedParsersPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/LinkedParsersPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA0CD,eAAO,MAAM,kBAAkB,+DAyF7B,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,128 @@
+import { useAppNavigate as e } from "../../contexts/NavigationContext.js";
+import "../../contexts/index.js";
+import t from "../../hooks/useParserOperations.js";
+import { memo as n, useCallback as r, useEffect as i, useMemo as a } from "react";
+import { useParams as o } from "react-router-dom";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/bigconsole/components/datasink/LinkedParsersPanel.tsx
+var l = ({ className: e }) => /* @__PURE__ */ s("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ s("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+	})
+}), u = ({ className: e }) => /* @__PURE__ */ s("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ s("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M9 5l7 7-7 7"
+	})
+}), d = ({ type: e }) => {
+	let { label: t, className: n } = {
+		jq: {
+			label: "JQ",
+			className: "bg-purple-100 text-purple-700"
+		},
+		jsonata: {
+			label: "JSONata",
+			className: "bg-blue-100 text-blue-700"
+		}
+	}[e] || {
+		label: e.toUpperCase(),
+		className: "bg-gray-100 text-gray-700"
+	};
+	return /* @__PURE__ */ s("span", {
+		className: `px-1.5 py-0.5 text-[10px] font-medium rounded ${n}`,
+		children: t
+	});
+}, f = "default", p = n(function({ dataSinkKey: n }) {
+	let p = e(), { consoleId: m } = o(), h = m || f, { parsers: g, loading: _, fetchParsers: v } = t({
+		consoleId: h,
+		skipFetch: !0
+	});
+	i(() => {
+		n && v();
+	}, [n, v]);
+	let y = a(() => n ? g.filter((e) => e.inputSinkKey === n) : [], [g, n]), b = r((e) => {
+		p(h ? `/dashboards/${h}/parsers/${e}` : `/parsers/${e}`);
+	}, [p, h]);
+	return n ? /* @__PURE__ */ c("div", {
+		className: "border border-border-default rounded-lg bg-bg-surface p-4 space-y-4",
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ s(l, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ s("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Parsers Using This DataSink"
+				})]
+			}), /* @__PURE__ */ c("span", {
+				className: "text-xs text-text-tertiary",
+				children: [
+					y.length,
+					" parser",
+					y.length === 1 ? "" : "s"
+				]
+			})]
+		}), _ ? /* @__PURE__ */ s("div", {
+			className: "flex items-center justify-center py-4",
+			children: /* @__PURE__ */ c("svg", {
+				className: "w-5 h-5 text-text-secondary animate-spin",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				children: [/* @__PURE__ */ s("circle", {
+					className: "opacity-25",
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					strokeWidth: "4"
+				}), /* @__PURE__ */ s("path", {
+					className: "opacity-75",
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+				})]
+			})
+		}) : y.length === 0 ? /* @__PURE__ */ s("p", {
+			className: "text-sm text-text-tertiary py-2",
+			children: "No parsers are using this DataSink as their source."
+		}) : /* @__PURE__ */ s("div", {
+			className: "space-y-2",
+			children: y.map((e) => /* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: () => b(e.id),
+				className: "w-full flex items-center justify-between px-3 py-2 bg-bg-muted rounded-md hover:bg-border-default transition-colors group",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ s(l, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ c("div", {
+						className: "text-left",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: e.name
+						}), /* @__PURE__ */ s("p", {
+							className: "text-xs text-text-tertiary font-mono",
+							children: e.outputKey
+						})]
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ s(d, { type: e.type }), /* @__PURE__ */ s(u, { className: "w-4 h-4 text-text-tertiary group-hover:text-text-primary transition-colors" })]
+				})]
+			}, e.id))
+		})]
+	}) : null;
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=LinkedParsersPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedParsersPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/LinkedParsersPanel.tsx"],"sourcesContent":["/**\n * LinkedParsersPanel Component\n *\n * Shows parsers that use this DataSink as their source.\n * Provides navigation to parser view pages.\n */\n\nimport { memo, useMemo, useCallback, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../../contexts';\nimport { useParserOperations } from '../../hooks/useParserOperations';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface LinkedParsersPanelProps {\n  dataSinkKey?: string;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst CodeIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n  </svg>\n);\n\nconst ArrowRightIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n  </svg>\n);\n\n// ============================================================================\n// PARSER TYPE BADGE\n// ============================================================================\n\nconst ParserTypeBadge = ({ type }: { type: string }) => {\n  const config: Record<string, { label: string; className: string }> = {\n    jq: { label: 'JQ', className: 'bg-purple-100 text-purple-700' },\n    jsonata: { label: 'JSONata', className: 'bg-blue-100 text-blue-700' },\n  };\n\n  const { label, className } = config[type] || {\n    label: type.toUpperCase(),\n    className: 'bg-gray-100 text-gray-700',\n  };\n\n  return <span className={`px-1.5 py-0.5 text-[10px] font-medium rounded ${className}`}>{label}</span>;\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const LinkedParsersPanel = memo(function LinkedParsersPanel({ dataSinkKey }: LinkedParsersPanelProps) {\n  const navigate = useAppNavigate();\n  const { consoleId: urlConsoleId } = useParams<{ consoleId?: string }>();\n  const consoleId = urlConsoleId || DEFAULT_CONSOLE_ID;\n\n  // Operations\n  const { parsers, loading: isLoading, fetchParsers } = useParserOperations({ consoleId, skipFetch: true });\n\n  // Fetch parsers when dataSinkKey is available (consoleId is optional)\n  useEffect(() => {\n    if (dataSinkKey) {\n      fetchParsers();\n    }\n  }, [dataSinkKey, fetchParsers]);\n\n  // Filter parsers that use this dataSink as input - using useMemo to avoid setState in effect\n  const linkedParsers = useMemo(() => {\n    if (!dataSinkKey) return [];\n    return parsers.filter((p) => p.inputSinkKey === dataSinkKey);\n  }, [parsers, dataSinkKey]);\n\n  // Handle view parser — navigate to the parser detail page\n  const handleViewParser = useCallback(\n    (parserId: string) => {\n      if (consoleId) {\n        navigate(`/dashboards/${consoleId}/parsers/${parserId}`);\n      } else {\n        navigate(`/parsers/${parserId}`);\n      }\n    },\n    [navigate, consoleId]\n  );\n\n  // Don't render if no dataSinkKey provided\n  if (!dataSinkKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"border border-border-default rounded-lg bg-bg-surface p-4 space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <CodeIcon className=\"w-4 h-4 text-text-secondary\" />\n          <h2 className=\"text-sm font-semibold text-text-primary\">Parsers Using This DataSink</h2>\n        </div>\n        <span className=\"text-xs text-text-tertiary\">\n          {linkedParsers.length} parser{linkedParsers.length !== 1 ? 's' : ''}\n        </span>\n      </div>\n\n      {isLoading ? (\n        <div className=\"flex items-center justify-center py-4\">\n          <svg className=\"w-5 h-5 text-text-secondary animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n            <path\n              className=\"opacity-75\"\n              fill=\"currentColor\"\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n            />\n          </svg>\n        </div>\n      ) : linkedParsers.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary py-2\">No parsers are using this DataSink as their source.</p>\n      ) : (\n        <div className=\"space-y-2\">\n          {linkedParsers.map((parser) => (\n            <button\n              key={parser.id}\n              type=\"button\"\n              onClick={() => handleViewParser(parser.id)}\n              className=\"w-full flex items-center justify-between px-3 py-2 bg-bg-muted rounded-md hover:bg-border-default transition-colors group\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <CodeIcon className=\"w-4 h-4 text-text-secondary\" />\n                <div className=\"text-left\">\n                  <p className=\"text-sm font-medium text-text-primary\">{parser.name}</p>\n                  <p className=\"text-xs text-text-tertiary font-mono\">{parser.outputKey}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <ParserTypeBadge type={parser.type} />\n                <ArrowRightIcon className=\"w-4 h-4 text-text-tertiary group-hover:text-text-primary transition-colors\" />\n              </div>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default LinkedParsersPanel;\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { DataSinkWorkflowLink } from '../../types';
+
+interface LinkedWorkflowsPanelProps {
+    /** Workflow links */
+    workflowLinks?: DataSinkWorkflowLink[];
+    /** Whether loading */
+    isLoading?: boolean;
+}
+export declare const LinkedWorkflowsPanel: import('react').NamedExoticComponent<LinkedWorkflowsPanelProps>;
+export default LinkedWorkflowsPanel;
+//# sourceMappingURL=LinkedWorkflowsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedWorkflowsPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/LinkedWorkflowsPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,oBAAoB,EAA4B,MAAM,aAAa,CAAC;AAMlF,UAAU,yBAAyB;IACjC,qBAAqB;IACrB,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACvC,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuFD,eAAO,MAAM,oBAAoB,iEAkJ/B,CAAC;AAEH,eAAe,oBAAoB,CAAC"}