@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

@@ -1,215 +1,211 @@
 import { parseCsv as e } from "../../utils/csv.js";
 import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { AlertTriangle as o, ArrowRight as s, FileUp as c, Loader2 as l, Upload as u, Workflow as d } from "lucide-react";
-import { Button as f, Dialog as p, DialogContent as m, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogTitle as v } from "@burdenoff/fe-libs/ui";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as p, Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y } from "@burdenoff/fe-libs/ui";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/ImportDataGuideDialog.tsx
-var S = 6, C = 1e7, w = 5e4, T = t(function({ isOpen: t, dataSinkName: T, hasExistingData: E, onClose: D, onGoToWorkflows: O, onImportCsv: k }) {
-	let A = i(null), j = i(0), [M, N] = a(null), [P, F] = a(null), [I, L] = a(null), [R, z] = a(null), [B, V] = a(!1), H = n(() => {
-		j.current += 1, N(null), F(null), L(null), z(null), V(!1);
+var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExistingData: D, onClose: O, onGoToWorkflows: k, onImportCsv: A }) {
+	let { t: j } = f(), M = i(null), N = i(0), [P, F] = a(null), [I, L] = a(null), [R, z] = a(null), [B, V] = a(null), [H, U] = a(!1), W = n(() => {
+		N.current += 1, F(null), L(null), z(null), V(null), U(!1);
 	}, []);
 	r(() => {
-		t || H();
-	}, [t, H]);
-	let U = n(async (t) => {
+		t || W();
+	}, [t, W]);
+	let G = n(async (t) => {
 		let n = t.target.files?.[0];
 		if (t.target.value = "", !n) return;
-		let r = j.current += 1;
-		if (F(null), L(null), z(null), N(n.name), n.size > C) {
-			L("This CSV is larger than 10 MB. Import large datasets with a workflow instead.");
+		let r = N.current += 1;
+		if (L(null), z(null), V(null), F(n.name), n.size > w) {
+			z(j("bigconsole.dataSinks.importGuide.csvTooLarge", "This CSV is larger than 10 MB. Import large datasets with a workflow instead."));
 			return;
 		}
 		try {
 			let t = await n.text();
-			if (r !== j.current) return;
+			if (r !== N.current) return;
 			let i = e(t);
-			if (i.rows.length > w) {
-				L(`This CSV has ${i.rows.length.toLocaleString()} rows (limit ${w.toLocaleString()}). Import large datasets with a workflow instead.`);
+			if (i.rows.length > T) {
+				z(j("bigconsole.dataSinks.importGuide.csvTooManyRows", "This CSV has {{rows}} rows (limit {{limit}}). Import large datasets with a workflow instead.", {
+					rows: i.rows.length.toLocaleString(),
+					limit: T.toLocaleString()
+				}));
 				return;
 			}
-			F(i);
+			L(i);
 		} catch (e) {
-			if (r !== j.current) return;
-			F(null), L(e instanceof Error ? e.message : "Failed to parse the CSV file.");
+			if (r !== N.current) return;
+			L(null), z(e instanceof Error ? e.message : j("bigconsole.dataSinks.importGuide.parseFailed", "Failed to parse the CSV file."));
 		}
-	}, []), W = n(async () => {
-		if (!(!P || !k)) {
-			V(!0), z(null);
+	}, [j]), K = n(async () => {
+		if (!(!I || !A)) {
+			U(!0), V(null);
 			try {
-				await k(P.rows) ? D() : z("Import failed. Please try again.");
+				await A(I.rows) ? O() : V(j("bigconsole.dataSinks.importGuide.importFailed", "Import failed. Please try again."));
 			} catch (e) {
-				z(e instanceof Error ? e.message : "Import failed. Please try again.");
+				V(e instanceof Error ? e.message : j("bigconsole.dataSinks.importGuide.importFailed", "Import failed. Please try again."));
 			} finally {
-				V(!1);
+				U(!1);
 			}
 		}
 	}, [
-		P,
-		k,
-		D
-	]), G = n(() => A.current?.click(), []), K = P?.columns.slice(0, S) ?? [], q = P ? P.columns.length - K.length : 0;
-	return /* @__PURE__ */ b(p, {
+		I,
+		A,
+		O,
+		j
+	]), q = n(() => M.current?.click(), []), J = I?.columns.slice(0, C) ?? [], Y = I ? I.columns.length - J.length : 0;
+	return /* @__PURE__ */ x(m, {
 		open: t,
-		onOpenChange: (e) => !e && !B && D(),
-		children: /* @__PURE__ */ x(m, {
+		onOpenChange: (e) => !e && !H && O(),
+		children: /* @__PURE__ */ S(h, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ x(_, { children: [/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ S(v, { children: [/* @__PURE__ */ S("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ b(u, { className: "size-5 text-action-primary-bg" })
-					}), /* @__PURE__ */ b(v, { children: "Import data" })]
-				}), /* @__PURE__ */ b(h, { children: T ? `Add data to “${T}”` : "Add data to this data sink" })] }),
-				/* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ x(u, { className: "size-5 text-action-primary-bg" })
+					}), /* @__PURE__ */ x(y, { children: j("bigconsole.dataSinks.importGuide.title", "Import data") })]
+				}), /* @__PURE__ */ x(g, { children: E ? j("bigconsole.dataSinks.importGuide.descriptionNamed", "Add data to “{{name}}”", { name: E }) : j("bigconsole.dataSinks.importGuide.description", "Add data to this data sink") })] }),
+				/* @__PURE__ */ S("div", {
 					className: "py-2 space-y-5",
 					children: [
-						/* @__PURE__ */ x("section", {
+						/* @__PURE__ */ S("section", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
 								className: "text-sm font-semibold text-text-primary",
-								children: "Build a workflow"
-							}), /* @__PURE__ */ b("p", {
+								children: j("bigconsole.dataSinks.importGuide.buildWorkflowHeading", "Build a workflow")
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary leading-relaxed",
-								children: "The recommended way to keep this data sink up to date — build a repeatable, scheduled pipeline that fetches from your source (an API, database, or app) and writes into this data sink on every run."
-							})] }), /* @__PURE__ */ x(f, {
+								children: j("bigconsole.dataSinks.importGuide.buildWorkflowBody", "The recommended way to keep this data sink up to date — build a repeatable, scheduled pipeline that fetches from your source (an API, database, or app) and writes into this data sink on every run.")
+							})] }), /* @__PURE__ */ S(p, {
 								variant: "default",
-								onClick: O,
-								disabled: B,
+								onClick: k,
+								disabled: H,
 								className: "w-full",
 								children: [
-									/* @__PURE__ */ b(d, { className: "size-4" }),
-									"Go to Workflows",
-									/* @__PURE__ */ b(s, { className: "size-4" })
+									/* @__PURE__ */ x(d, { className: "size-4" }),
+									j("bigconsole.dataSinks.importGuide.goToWorkflows", "Go to Workflows"),
+									/* @__PURE__ */ x(s, { className: "size-4" })
 								]
 							})]
 						}),
-						k && /* @__PURE__ */ x("div", {
+						A && /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3",
 							children: [
-								/* @__PURE__ */ b("span", { className: "h-px flex-1 bg-border-subtle" }),
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ x("span", { className: "h-px flex-1 bg-border-subtle" }),
+								/* @__PURE__ */ x("span", {
 									className: "text-xs font-medium uppercase tracking-wide text-text-tertiary",
-									children: "Or"
+									children: j("bigconsole.dataSinks.importGuide.or", "Or")
 								}),
-								/* @__PURE__ */ b("span", { className: "h-px flex-1 bg-border-subtle" })
+								/* @__PURE__ */ x("span", { className: "h-px flex-1 bg-border-subtle" })
 							]
 						}),
-						k && /* @__PURE__ */ x("section", {
+						A && /* @__PURE__ */ S("section", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
 									className: "text-sm font-semibold text-text-primary",
-									children: "Upload a CSV file"
-								}), /* @__PURE__ */ b("p", {
+									children: j("bigconsole.dataSinks.importGuide.uploadCsvHeading", "Upload a CSV file")
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm text-text-secondary leading-relaxed",
-									children: "For a quick, one-off import, upload a spreadsheet export and it becomes available to your dashboards right away."
+									children: j("bigconsole.dataSinks.importGuide.uploadCsvBody", "For a quick, one-off import, upload a spreadsheet export and it becomes available to your dashboards right away.")
 								})] }),
-								E && /* @__PURE__ */ x("div", {
+								D && /* @__PURE__ */ S("div", {
 									className: "flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-2",
-									children: [/* @__PURE__ */ b(o, { className: "size-4 shrink-0 text-status-warning-text mt-0.5" }), /* @__PURE__ */ b("p", {
+									children: [/* @__PURE__ */ x(o, { className: "size-4 shrink-0 text-status-warning-text mt-0.5" }), /* @__PURE__ */ x("p", {
 										className: "text-sm text-status-warning-text",
-										children: "This data sink already has data — importing a CSV will replace it."
+										children: j("bigconsole.dataSinks.importGuide.hasExistingDataWarning", "This data sink already has data — importing a CSV will replace it.")
 									})]
 								}),
-								/* @__PURE__ */ b("input", {
-									ref: A,
+								/* @__PURE__ */ x("input", {
+									ref: M,
 									type: "file",
 									accept: ".csv,text/csv",
 									className: "hidden",
-									onChange: U,
-									"aria-label": "Choose a CSV file to import"
+									onChange: G,
+									"aria-label": j("bigconsole.dataSinks.importGuide.fileInputAriaLabel", "Choose a CSV file to import")
 								}),
-								!P && /* @__PURE__ */ x("button", {
+								!I && /* @__PURE__ */ S("button", {
 									type: "button",
-									onClick: G,
+									onClick: q,
 									className: "flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default bg-bg-sunken px-4 py-6 text-center transition-colors hover:border-action-primary-bg hover:bg-action-primary-bg/5",
 									children: [
-										/* @__PURE__ */ b(c, { className: "size-6 text-text-tertiary" }),
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ x(c, { className: "size-6 text-text-tertiary" }),
+										/* @__PURE__ */ x("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: M ? "Choose a different CSV file" : "Choose a CSV file"
+											children: P ? j("bigconsole.dataSinks.importGuide.chooseDifferentCsv", "Choose a different CSV file") : j("bigconsole.dataSinks.importGuide.chooseCsv", "Choose a CSV file")
 										}),
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ x("span", {
 											className: "text-xs text-text-tertiary",
-											children: "The first row is used as column names."
+											children: j("bigconsole.dataSinks.importGuide.firstRowHint", "The first row is used as column names.")
 										})
 									]
 								}),
-								I && /* @__PURE__ */ b("div", {
+								R && /* @__PURE__ */ x("div", {
 									className: "rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2",
-									children: /* @__PURE__ */ b("p", {
+									children: /* @__PURE__ */ x("p", {
 										className: "text-sm text-status-error-text",
-										children: I
+										children: R
 									})
 								}),
-								P && /* @__PURE__ */ x("div", {
+								I && /* @__PURE__ */ S("div", {
 									className: "space-y-3 rounded-lg border border-border-default bg-bg-sunken p-4",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center justify-between gap-3",
-											children: [/* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ x("span", {
 												className: "truncate text-sm font-medium text-text-primary",
-												title: M ?? void 0,
-												children: M
-											}), /* @__PURE__ */ b("button", {
+												title: P ?? void 0,
+												children: P
+											}), /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: G,
-												disabled: B,
+												onClick: q,
+												disabled: H,
 												className: "shrink-0 text-xs font-medium text-action-primary-bg hover:underline disabled:cursor-not-allowed disabled:opacity-50 disabled:no-underline",
-												children: "Change file"
+												children: j("bigconsole.dataSinks.importGuide.changeFile", "Change file")
 											})]
 										}),
-										/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ S("p", {
 											className: "text-sm text-text-secondary",
 											children: [
-												"Ready to import ",
-												/* @__PURE__ */ b("strong", {
+												j("bigconsole.dataSinks.importGuide.readyToImportPrefix", "Ready to import"),
+												" ",
+												/* @__PURE__ */ x("strong", {
 													className: "text-text-primary",
-													children: P.rows.length
+													children: I.rows.length
 												}),
 												" ",
-												P.rows.length === 1 ? "row" : "rows",
-												" ×",
+												I.rows.length === 1 ? j("bigconsole.dataSinks.importGuide.rowSingular", "row") : j("bigconsole.dataSinks.importGuide.rowPlural", "rows"),
 												" ",
-												/* @__PURE__ */ b("strong", {
+												"× ",
+												/* @__PURE__ */ x("strong", {
 													className: "text-text-primary",
-													children: P.columns.length
+													children: I.columns.length
 												}),
 												" ",
-												P.columns.length === 1 ? "column" : "columns",
+												I.columns.length === 1 ? j("bigconsole.dataSinks.importGuide.columnSingular", "column") : j("bigconsole.dataSinks.importGuide.columnPlural", "columns"),
 												"."
 											]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex flex-wrap gap-1.5",
-											children: [K.map((e) => /* @__PURE__ */ b("span", {
+											children: [J.map((e) => /* @__PURE__ */ x("span", {
 												className: "rounded-full bg-bg-surface px-2 py-0.5 text-xs text-text-secondary border border-border-subtle",
 												children: e
-											}, e)), q > 0 && /* @__PURE__ */ x("span", {
+											}, e)), Y > 0 && /* @__PURE__ */ x("span", {
 												className: "rounded-full px-2 py-0.5 text-xs text-text-tertiary",
-												children: [
-													"+",
-													q,
-													" more"
-												]
+												children: j("bigconsole.dataSinks.importGuide.moreColumns", "+{{count}} more", { count: Y })
 											})]
 										}),
-										R && /* @__PURE__ */ b("p", {
+										B && /* @__PURE__ */ x("p", {
 											className: "text-sm text-status-error-text",
-											children: R
+											children: B
 										}),
-										/* @__PURE__ */ b(f, {
-											onClick: W,
-											disabled: B,
+										/* @__PURE__ */ x(p, {
+											onClick: K,
+											disabled: H,
 											className: "w-full",
-											children: B ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(l, { className: "size-4 animate-spin" }), "Importing…"] }) : /* @__PURE__ */ x(y, { children: [
-												/* @__PURE__ */ b(u, { className: "size-4" }),
-												"Import ",
-												P.rows.length,
-												" ",
-												P.rows.length === 1 ? "row" : "rows"
-											] })
+											children: H ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(l, { className: "size-4 animate-spin" }), j("bigconsole.dataSinks.importGuide.importing", "Importing…")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(u, { className: "size-4" }), I.rows.length === 1 ? j("bigconsole.dataSinks.importGuide.importRowSingular", "Import {{count}} row", { count: I.rows.length }) : j("bigconsole.dataSinks.importGuide.importRowPlural", "Import {{count}} rows", { count: I.rows.length })] })
 										})
 									]
 								})
@@ -217,17 +213,17 @@ var S = 6, C = 1e7, w = 5e4, T = t(function({ isOpen: t, dataSinkName: T, hasExi
 						})
 					]
 				}),
-				/* @__PURE__ */ b(g, { children: /* @__PURE__ */ b(f, {
+				/* @__PURE__ */ x(_, { children: /* @__PURE__ */ x(p, {
 					variant: "outline",
-					onClick: D,
-					disabled: B,
-					children: "Cancel"
+					onClick: O,
+					disabled: H,
+					children: j("bigconsole.dataSinks.importGuide.cancel", "Cancel")
 				}) })
 			]
 		})
 	});
 });
 //#endregion
-export { T as default };
+export { E as default };
 
 //# sourceMappingURL=ImportDataGuideDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImportDataGuideDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ImportDataGuideDialog.tsx"],"sourcesContent":["/**\n * Import data into a DataSink. Offers two methods:\n *   1. Build a workflow — a repeatable, scheduled pipeline (the primary path).\n *   2. Upload a CSV file directly (parsed client-side, written to the sink) —\n *      the quickest path for one-off or small datasets.\n *\n * Named to avoid confusion with ImportDataSinkDialog, which imports a DataSink\n * *config* from JSON.\n */\n\nimport { type ChangeEvent, type FC, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Button,\n} from '@burdenoff/fe-libs/ui';\nimport { Upload, Workflow, ArrowRight, FileUp, Loader2, AlertTriangle } from 'lucide-react';\n\nimport { parseCsv, type ParsedCsv } from '../../utils';\n\nexport interface ImportDataGuideDialogProps {\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** DataSink name for context */\n  dataSinkName?: string;\n  /** Whether the sink already holds data — a CSV import would replace it. */\n  hasExistingData?: boolean;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when the user chooses to go to the Workflows page */\n  onGoToWorkflows: () => void;\n  /**\n   * When provided, enables the direct CSV upload method. Receives the parsed\n   * rows and should persist them to the DataSink. Resolves true on success\n   * (the dialog then closes) or false on a handled failure.\n   */\n  onImportCsv?: (rows: Record<string, unknown>[]) => Promise<boolean>;\n}\n\nconst MAX_PREVIEW_COLUMNS = 6;\n\n/** Guard against reading a huge file fully into memory (~3-4x its size). */\nconst MAX_CSV_BYTES = 10_000_000; // 10 MB\n\n/** Cap rows so a single updateDataSink payload stays a sane size. */\nconst MAX_CSV_ROWS = 50_000;\n\nexport const ImportDataGuideDialog: FC<ImportDataGuideDialogProps> = memo(function ImportDataGuideDialog({\n  isOpen,\n  dataSinkName,\n  hasExistingData,\n  onClose,\n  onGoToWorkflows,\n  onImportCsv,\n}) {\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  // Monotonic token for the in-flight file read; bumped on every new selection\n  // or reset so a slow read that resolves late can detect it was superseded.\n  const readSeqRef = useRef(0);\n  const [fileName, setFileName] = useState<string | null>(null);\n  const [parsed, setParsed] = useState<ParsedCsv | null>(null);\n  const [parseError, setParseError] = useState<string | null>(null);\n  const [importError, setImportError] = useState<string | null>(null);\n  const [isImporting, setIsImporting] = useState(false);\n\n  const resetUploadState = useCallback(() => {\n    readSeqRef.current += 1; // invalidate any in-flight file read\n    setFileName(null);\n    setParsed(null);\n    setParseError(null);\n    setImportError(null);\n    setIsImporting(false);\n  }, []);\n\n  // Clear any prior selection whenever the dialog is (re)opened or closed.\n  useEffect(() => {\n    if (!isOpen) resetUploadState();\n  }, [isOpen, resetUploadState]);\n\n  const handleFileChange = useCallback(async (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    // Reset the input so selecting the same file again re-triggers onChange.\n    event.target.value = '';\n    if (!file) return;\n\n    const seq = (readSeqRef.current += 1);\n    setParsed(null);\n    setParseError(null);\n    setImportError(null);\n    setFileName(file.name);\n\n    if (file.size > MAX_CSV_BYTES) {\n      setParseError('This CSV is larger than 10 MB. Import large datasets with a workflow instead.');\n      return;\n    }\n\n    try {\n      const text = await file.text();\n      if (seq !== readSeqRef.current) return; // superseded by a newer selection/close\n      const result = parseCsv(text);\n      if (result.rows.length > MAX_CSV_ROWS) {\n        setParseError(\n          `This CSV has ${result.rows.length.toLocaleString()} rows (limit ${MAX_CSV_ROWS.toLocaleString()}). Import large datasets with a workflow instead.`\n        );\n        return;\n      }\n      setParsed(result);\n    } catch (err) {\n      if (seq !== readSeqRef.current) return;\n      setParsed(null);\n      setParseError(err instanceof Error ? err.message : 'Failed to parse the CSV file.');\n    }\n  }, []);\n\n  const handleConfirmImport = useCallback(async () => {\n    if (!parsed || !onImportCsv) return;\n    setIsImporting(true);\n    setImportError(null);\n    try {\n      const ok = await onImportCsv(parsed.rows);\n      if (ok) {\n        onClose();\n      } else {\n        setImportError('Import failed. Please try again.');\n      }\n    } catch (err) {\n      setImportError(err instanceof Error ? err.message : 'Import failed. Please try again.');\n    } finally {\n      setIsImporting(false);\n    }\n  }, [parsed, onImportCsv, onClose]);\n\n  const openFilePicker = useCallback(() => fileInputRef.current?.click(), []);\n\n  const previewColumns = parsed?.columns.slice(0, MAX_PREVIEW_COLUMNS) ?? [];\n  const extraColumns = parsed ? parsed.columns.length - previewColumns.length : 0;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !isImporting && onClose()}>\n      <DialogContent className=\"sm:max-w-lg\">\n        <DialogHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10\">\n              <Upload className=\"size-5 text-action-primary-bg\" />\n            </div>\n            <DialogTitle>Import data</DialogTitle>\n          </div>\n          <DialogDescription>\n            {dataSinkName ? `Add data to “${dataSinkName}”` : 'Add data to this data sink'}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"py-2 space-y-5\">\n          <section className=\"space-y-3\">\n            <div>\n              <h3 className=\"text-sm font-semibold text-text-primary\">Build a workflow</h3>\n              <p className=\"text-sm text-text-secondary leading-relaxed\">\n                The recommended way to keep this data sink up to date — build a repeatable, scheduled pipeline that\n                fetches from your source (an API, database, or app) and writes into this data sink on every run.\n              </p>\n            </div>\n            <Button variant=\"default\" onClick={onGoToWorkflows} disabled={isImporting} className=\"w-full\">\n              <Workflow className=\"size-4\" />\n              Go to Workflows\n              <ArrowRight className=\"size-4\" />\n            </Button>\n          </section>\n\n          {onImportCsv && (\n            <div className=\"flex items-center gap-3\">\n              <span className=\"h-px flex-1 bg-border-subtle\" />\n              <span className=\"text-xs font-medium uppercase tracking-wide text-text-tertiary\">Or</span>\n              <span className=\"h-px flex-1 bg-border-subtle\" />\n            </div>\n          )}\n\n          {onImportCsv && (\n            <section className=\"space-y-3\">\n              <div>\n                <h3 className=\"text-sm font-semibold text-text-primary\">Upload a CSV file</h3>\n                <p className=\"text-sm text-text-secondary leading-relaxed\">\n                  For a quick, one-off import, upload a spreadsheet export and it becomes available to your dashboards\n                  right away.\n                </p>\n              </div>\n\n              {hasExistingData && (\n                <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-2\">\n                  <AlertTriangle className=\"size-4 shrink-0 text-status-warning-text mt-0.5\" />\n                  <p className=\"text-sm text-status-warning-text\">\n                    This data sink already has data — importing a CSV will replace it.\n                  </p>\n                </div>\n              )}\n\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\".csv,text/csv\"\n                className=\"hidden\"\n                onChange={handleFileChange}\n                aria-label=\"Choose a CSV file to import\"\n              />\n\n              {!parsed && (\n                <button\n                  type=\"button\"\n                  onClick={openFilePicker}\n                  className=\"flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default bg-bg-sunken px-4 py-6 text-center transition-colors hover:border-action-primary-bg hover:bg-action-primary-bg/5\"\n                >\n                  <FileUp className=\"size-6 text-text-tertiary\" />\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {fileName ? 'Choose a different CSV file' : 'Choose a CSV file'}\n                  </span>\n                  <span className=\"text-xs text-text-tertiary\">The first row is used as column names.</span>\n                </button>\n              )}\n\n              {parseError && (\n                <div className=\"rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2\">\n                  <p className=\"text-sm text-status-error-text\">{parseError}</p>\n                </div>\n              )}\n\n              {parsed && (\n                <div className=\"space-y-3 rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\" title={fileName ?? undefined}>\n                      {fileName}\n                    </span>\n                    <button\n                      type=\"button\"\n                      onClick={openFilePicker}\n                      disabled={isImporting}\n                      className=\"shrink-0 text-xs font-medium text-action-primary-bg hover:underline disabled:cursor-not-allowed disabled:opacity-50 disabled:no-underline\"\n                    >\n                      Change file\n                    </button>\n                  </div>\n                  <p className=\"text-sm text-text-secondary\">\n                    Ready to import <strong className=\"text-text-primary\">{parsed.rows.length}</strong>{' '}\n                    {parsed.rows.length === 1 ? 'row' : 'rows'} ×{' '}\n                    <strong className=\"text-text-primary\">{parsed.columns.length}</strong>{' '}\n                    {parsed.columns.length === 1 ? 'column' : 'columns'}.\n                  </p>\n                  <div className=\"flex flex-wrap gap-1.5\">\n                    {previewColumns.map((col) => (\n                      <span\n                        key={col}\n                        className=\"rounded-full bg-bg-surface px-2 py-0.5 text-xs text-text-secondary border border-border-subtle\"\n                      >\n                        {col}\n                      </span>\n                    ))}\n                    {extraColumns > 0 && (\n                      <span className=\"rounded-full px-2 py-0.5 text-xs text-text-tertiary\">+{extraColumns} more</span>\n                    )}\n                  </div>\n\n                  {importError && <p className=\"text-sm text-status-error-text\">{importError}</p>}\n\n                  <Button onClick={handleConfirmImport} disabled={isImporting} className=\"w-full\">\n                    {isImporting ? (\n                      <>\n                        <Loader2 className=\"size-4 animate-spin\" />\n                        Importing…\n                      </>\n                    ) : (\n                      <>\n                        <Upload className=\"size-4\" />\n                        Import {parsed.rows.length} {parsed.rows.length === 1 ? 'row' : 'rows'}\n                      </>\n                    )}\n                  </Button>\n                </div>\n              )}\n            </section>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} disabled={isImporting}>\n            Cancel\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ImportDataGuideDialog;\n"],"mappings":"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"}
+{"version":3,"file":"ImportDataGuideDialog.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/ImportDataGuideDialog.tsx"],"sourcesContent":["/**\n * Import data into a DataSink. Offers two methods:\n *   1. Build a workflow — a repeatable, scheduled pipeline (the primary path).\n *   2. Upload a CSV file directly (parsed client-side, written to the sink) —\n *      the quickest path for one-off or small datasets.\n *\n * Named to avoid confusion with ImportDataSinkDialog, which imports a DataSink\n * *config* from JSON.\n */\n\nimport { type ChangeEvent, type FC, memo, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Button,\n} from '@burdenoff/fe-libs/ui';\nimport { Upload, Workflow, ArrowRight, FileUp, Loader2, AlertTriangle } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nimport { parseCsv, type ParsedCsv } from '../../utils';\n\nexport interface ImportDataGuideDialogProps {\n  /** Whether dialog is open */\n  isOpen: boolean;\n  /** DataSink name for context */\n  dataSinkName?: string;\n  /** Whether the sink already holds data — a CSV import would replace it. */\n  hasExistingData?: boolean;\n  /** Callback when dialog is closed */\n  onClose: () => void;\n  /** Callback when the user chooses to go to the Workflows page */\n  onGoToWorkflows: () => void;\n  /**\n   * When provided, enables the direct CSV upload method. Receives the parsed\n   * rows and should persist them to the DataSink. Resolves true on success\n   * (the dialog then closes) or false on a handled failure.\n   */\n  onImportCsv?: (rows: Record<string, unknown>[]) => Promise<boolean>;\n}\n\nconst MAX_PREVIEW_COLUMNS = 6;\n\n/** Guard against reading a huge file fully into memory (~3-4x its size). */\nconst MAX_CSV_BYTES = 10_000_000; // 10 MB\n\n/** Cap rows so a single updateDataSink payload stays a sane size. */\nconst MAX_CSV_ROWS = 50_000;\n\nexport const ImportDataGuideDialog: FC<ImportDataGuideDialogProps> = memo(function ImportDataGuideDialog({\n  isOpen,\n  dataSinkName,\n  hasExistingData,\n  onClose,\n  onGoToWorkflows,\n  onImportCsv,\n}) {\n  const { t } = useI18n();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  // Monotonic token for the in-flight file read; bumped on every new selection\n  // or reset so a slow read that resolves late can detect it was superseded.\n  const readSeqRef = useRef(0);\n  const [fileName, setFileName] = useState<string | null>(null);\n  const [parsed, setParsed] = useState<ParsedCsv | null>(null);\n  const [parseError, setParseError] = useState<string | null>(null);\n  const [importError, setImportError] = useState<string | null>(null);\n  const [isImporting, setIsImporting] = useState(false);\n\n  const resetUploadState = useCallback(() => {\n    readSeqRef.current += 1; // invalidate any in-flight file read\n    setFileName(null);\n    setParsed(null);\n    setParseError(null);\n    setImportError(null);\n    setIsImporting(false);\n  }, []);\n\n  // Clear any prior selection whenever the dialog is (re)opened or closed.\n  useEffect(() => {\n    if (!isOpen) resetUploadState();\n  }, [isOpen, resetUploadState]);\n\n  const handleFileChange = useCallback(\n    async (event: ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      // Reset the input so selecting the same file again re-triggers onChange.\n      event.target.value = '';\n      if (!file) return;\n\n      const seq = (readSeqRef.current += 1);\n      setParsed(null);\n      setParseError(null);\n      setImportError(null);\n      setFileName(file.name);\n\n      if (file.size > MAX_CSV_BYTES) {\n        setParseError(\n          t(\n            'bigconsole.dataSinks.importGuide.csvTooLarge',\n            'This CSV is larger than 10 MB. Import large datasets with a workflow instead.'\n          )\n        );\n        return;\n      }\n\n      try {\n        const text = await file.text();\n        if (seq !== readSeqRef.current) return; // superseded by a newer selection/close\n        const result = parseCsv(text);\n        if (result.rows.length > MAX_CSV_ROWS) {\n          setParseError(\n            t(\n              'bigconsole.dataSinks.importGuide.csvTooManyRows',\n              'This CSV has {{rows}} rows (limit {{limit}}). Import large datasets with a workflow instead.',\n              { rows: result.rows.length.toLocaleString(), limit: MAX_CSV_ROWS.toLocaleString() }\n            )\n          );\n          return;\n        }\n        setParsed(result);\n      } catch (err) {\n        if (seq !== readSeqRef.current) return;\n        setParsed(null);\n        setParseError(\n          err instanceof Error\n            ? err.message\n            : t('bigconsole.dataSinks.importGuide.parseFailed', 'Failed to parse the CSV file.')\n        );\n      }\n    },\n    [t]\n  );\n\n  const handleConfirmImport = useCallback(async () => {\n    if (!parsed || !onImportCsv) return;\n    setIsImporting(true);\n    setImportError(null);\n    try {\n      const ok = await onImportCsv(parsed.rows);\n      if (ok) {\n        onClose();\n      } else {\n        setImportError(t('bigconsole.dataSinks.importGuide.importFailed', 'Import failed. Please try again.'));\n      }\n    } catch (err) {\n      setImportError(\n        err instanceof Error\n          ? err.message\n          : t('bigconsole.dataSinks.importGuide.importFailed', 'Import failed. Please try again.')\n      );\n    } finally {\n      setIsImporting(false);\n    }\n  }, [parsed, onImportCsv, onClose, t]);\n\n  const openFilePicker = useCallback(() => fileInputRef.current?.click(), []);\n\n  const previewColumns = parsed?.columns.slice(0, MAX_PREVIEW_COLUMNS) ?? [];\n  const extraColumns = parsed ? parsed.columns.length - previewColumns.length : 0;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !isImporting && onClose()}>\n      <DialogContent className=\"sm:max-w-lg\">\n        <DialogHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10\">\n              <Upload className=\"size-5 text-action-primary-bg\" />\n            </div>\n            <DialogTitle>{t('bigconsole.dataSinks.importGuide.title', 'Import data')}</DialogTitle>\n          </div>\n          <DialogDescription>\n            {dataSinkName\n              ? t('bigconsole.dataSinks.importGuide.descriptionNamed', 'Add data to “{{name}}”', {\n                  name: dataSinkName,\n                })\n              : t('bigconsole.dataSinks.importGuide.description', 'Add data to this data sink')}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"py-2 space-y-5\">\n          <section className=\"space-y-3\">\n            <div>\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                {t('bigconsole.dataSinks.importGuide.buildWorkflowHeading', 'Build a workflow')}\n              </h3>\n              <p className=\"text-sm text-text-secondary leading-relaxed\">\n                {t(\n                  'bigconsole.dataSinks.importGuide.buildWorkflowBody',\n                  'The recommended way to keep this data sink up to date — build a repeatable, scheduled pipeline that fetches from your source (an API, database, or app) and writes into this data sink on every run.'\n                )}\n              </p>\n            </div>\n            <Button variant=\"default\" onClick={onGoToWorkflows} disabled={isImporting} className=\"w-full\">\n              <Workflow className=\"size-4\" />\n              {t('bigconsole.dataSinks.importGuide.goToWorkflows', 'Go to Workflows')}\n              <ArrowRight className=\"size-4\" />\n            </Button>\n          </section>\n\n          {onImportCsv && (\n            <div className=\"flex items-center gap-3\">\n              <span className=\"h-px flex-1 bg-border-subtle\" />\n              <span className=\"text-xs font-medium uppercase tracking-wide text-text-tertiary\">\n                {t('bigconsole.dataSinks.importGuide.or', 'Or')}\n              </span>\n              <span className=\"h-px flex-1 bg-border-subtle\" />\n            </div>\n          )}\n\n          {onImportCsv && (\n            <section className=\"space-y-3\">\n              <div>\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {t('bigconsole.dataSinks.importGuide.uploadCsvHeading', 'Upload a CSV file')}\n                </h3>\n                <p className=\"text-sm text-text-secondary leading-relaxed\">\n                  {t(\n                    'bigconsole.dataSinks.importGuide.uploadCsvBody',\n                    'For a quick, one-off import, upload a spreadsheet export and it becomes available to your dashboards right away.'\n                  )}\n                </p>\n              </div>\n\n              {hasExistingData && (\n                <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg px-3 py-2\">\n                  <AlertTriangle className=\"size-4 shrink-0 text-status-warning-text mt-0.5\" />\n                  <p className=\"text-sm text-status-warning-text\">\n                    {t(\n                      'bigconsole.dataSinks.importGuide.hasExistingDataWarning',\n                      'This data sink already has data — importing a CSV will replace it.'\n                    )}\n                  </p>\n                </div>\n              )}\n\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\".csv,text/csv\"\n                className=\"hidden\"\n                onChange={handleFileChange}\n                aria-label={t('bigconsole.dataSinks.importGuide.fileInputAriaLabel', 'Choose a CSV file to import')}\n              />\n\n              {!parsed && (\n                <button\n                  type=\"button\"\n                  onClick={openFilePicker}\n                  className=\"flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default bg-bg-sunken px-4 py-6 text-center transition-colors hover:border-action-primary-bg hover:bg-action-primary-bg/5\"\n                >\n                  <FileUp className=\"size-6 text-text-tertiary\" />\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {fileName\n                      ? t('bigconsole.dataSinks.importGuide.chooseDifferentCsv', 'Choose a different CSV file')\n                      : t('bigconsole.dataSinks.importGuide.chooseCsv', 'Choose a CSV file')}\n                  </span>\n                  <span className=\"text-xs text-text-tertiary\">\n                    {t('bigconsole.dataSinks.importGuide.firstRowHint', 'The first row is used as column names.')}\n                  </span>\n                </button>\n              )}\n\n              {parseError && (\n                <div className=\"rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2\">\n                  <p className=\"text-sm text-status-error-text\">{parseError}</p>\n                </div>\n              )}\n\n              {parsed && (\n                <div className=\"space-y-3 rounded-lg border border-border-default bg-bg-sunken p-4\">\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\" title={fileName ?? undefined}>\n                      {fileName}\n                    </span>\n                    <button\n                      type=\"button\"\n                      onClick={openFilePicker}\n                      disabled={isImporting}\n                      className=\"shrink-0 text-xs font-medium text-action-primary-bg hover:underline disabled:cursor-not-allowed disabled:opacity-50 disabled:no-underline\"\n                    >\n                      {t('bigconsole.dataSinks.importGuide.changeFile', 'Change file')}\n                    </button>\n                  </div>\n                  <p className=\"text-sm text-text-secondary\">\n                    {t('bigconsole.dataSinks.importGuide.readyToImportPrefix', 'Ready to import')}{' '}\n                    <strong className=\"text-text-primary\">{parsed.rows.length}</strong>{' '}\n                    {parsed.rows.length === 1\n                      ? t('bigconsole.dataSinks.importGuide.rowSingular', 'row')\n                      : t('bigconsole.dataSinks.importGuide.rowPlural', 'rows')}{' '}\n                    × <strong className=\"text-text-primary\">{parsed.columns.length}</strong>{' '}\n                    {parsed.columns.length === 1\n                      ? t('bigconsole.dataSinks.importGuide.columnSingular', 'column')\n                      : t('bigconsole.dataSinks.importGuide.columnPlural', 'columns')}\n                    .\n                  </p>\n                  <div className=\"flex flex-wrap gap-1.5\">\n                    {previewColumns.map((col) => (\n                      <span\n                        key={col}\n                        className=\"rounded-full bg-bg-surface px-2 py-0.5 text-xs text-text-secondary border border-border-subtle\"\n                      >\n                        {col}\n                      </span>\n                    ))}\n                    {extraColumns > 0 && (\n                      <span className=\"rounded-full px-2 py-0.5 text-xs text-text-tertiary\">\n                        {t('bigconsole.dataSinks.importGuide.moreColumns', '+{{count}} more', { count: extraColumns })}\n                      </span>\n                    )}\n                  </div>\n\n                  {importError && <p className=\"text-sm text-status-error-text\">{importError}</p>}\n\n                  <Button onClick={handleConfirmImport} disabled={isImporting} className=\"w-full\">\n                    {isImporting ? (\n                      <>\n                        <Loader2 className=\"size-4 animate-spin\" />\n                        {t('bigconsole.dataSinks.importGuide.importing', 'Importing…')}\n                      </>\n                    ) : (\n                      <>\n                        <Upload className=\"size-4\" />\n                        {parsed.rows.length === 1\n                          ? t('bigconsole.dataSinks.importGuide.importRowSingular', 'Import {{count}} row', {\n                              count: parsed.rows.length,\n                            })\n                          : t('bigconsole.dataSinks.importGuide.importRowPlural', 'Import {{count}} rows', {\n                              count: parsed.rows.length,\n                            })}\n                      </>\n                    )}\n                  </Button>\n                </div>\n              )}\n            </section>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose} disabled={isImporting}>\n            {t('bigconsole.dataSinks.importGuide.cancel', 'Cancel')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ImportDataGuideDialog;\n"],"mappings":"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"}