@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.5

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

@@ -3,13 +3,12 @@ import "../common/index.js";
 import t from "./DataSinkStatusBadge.js";
 import { formatByteSize as n } from "../../utils/format.js";
 import { memo as r, useCallback as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { formatDistanceToNow as s } from "date-fns";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { formatDistanceToNow as c } from "date-fns";
 //#region src/bigconsole/components/datasink/DataSinkCard.tsx
-var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${e}`, l = r(function({ dataSink: e, setupState: r, onView: l, onEdit: u, onRefresh: d, onExport: f, onDelete: p, onContinueSetup: m, canEdit: h = !0, canRefresh: g = !0, canDelete: _ = !0 }) {
-	let v = i((t) => {
-		t.stopPropagation(), l?.(e.id);
-	}, [e.id, l]), y = i((t) => {
+var l = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${e}`, u = r(function({ dataSink: e, setupState: r, onView: u, onEdit: d, onRefresh: f, onExport: p, onDelete: m, onContinueSetup: h, canEdit: g = !0, canRefresh: _ = !0, canDelete: v = !0 }) {
+	let y = i((t) => {
 		t.stopPropagation(), u?.(e.id);
 	}, [e.id, u]), b = i((t) => {
 		t.stopPropagation(), d?.(e.id);
@@ -19,58 +18,60 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 		t.stopPropagation(), p?.(e.id);
 	}, [e.id, p]), C = i((t) => {
 		t.stopPropagation(), m?.(e.id);
-	}, [e.id, m]), w = (r ?? e.setupState) === "completed", T = e.lastRefreshedAt ? s(new Date(e.lastRefreshedAt), { addSuffix: !0 }) : "Never";
-	return /* @__PURE__ */ o("article", {
+	}, [e.id, m]), w = i((t) => {
+		t.stopPropagation(), h?.(e.id);
+	}, [e.id, h]), { t: T } = a(), E = (r ?? e.setupState) === "completed", D = e.lastRefreshedAt ? c(new Date(e.lastRefreshedAt), { addSuffix: !0 }) : T("bigconsole.dataSinks.view.never", "Never");
+	return /* @__PURE__ */ s("article", {
 		className: "\n        min-w-0\n        cursor-pointer\n        rounded-card\n        border border-transparent\n        bg-bg-sunken\n        p-card-padding\n        hover:border-[var(--color-action-primary-bg)]\n        motion-safe:transition-colors\n      ",
-		onClick: v,
+		onClick: y,
 		children: [
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "mb-3 flex items-start justify-between gap-icon-gap",
-				children: [/* @__PURE__ */ o("div", {
+				children: [/* @__PURE__ */ s("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ a("h3", {
+					children: [/* @__PURE__ */ o("h3", {
 						className: "truncate text-sm font-semibold text-text-primary",
 						children: e.name || "Untitled data sink"
-					}), /* @__PURE__ */ a("p", {
+					}), /* @__PURE__ */ o("p", {
 						className: "mt-0.5 truncate font-mono text-xs text-text-secondary",
 						children: e.key
 					})]
-				}), /* @__PURE__ */ a(t, {
+				}), /* @__PURE__ */ o(t, {
 					status: e.status,
 					size: "sm"
 				})]
 			}),
-			e.description && /* @__PURE__ */ a("p", {
+			e.description && /* @__PURE__ */ o("p", {
 				className: "mb-3 line-clamp-2 text-xs text-text-secondary",
 				children: e.description
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "mb-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
 				children: [
-					/* @__PURE__ */ o("span", {
+					/* @__PURE__ */ s("span", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ a("svg", {
+						children: [/* @__PURE__ */ o("svg", {
 							className: "w-3.5 h-3.5",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ a("path", {
+							children: /* @__PURE__ */ o("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 							})
-						}), T]
+						}), D]
 					}),
-					/* @__PURE__ */ o("span", {
+					/* @__PURE__ */ s("span", {
 						className: "flex items-center gap-1",
 						title: "Stored payload size",
-						children: [/* @__PURE__ */ a("svg", {
+						children: [/* @__PURE__ */ o("svg", {
 							className: "w-3.5 h-3.5",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ a("path", {
+							children: /* @__PURE__ */ o("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -78,15 +79,15 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 							})
 						}), n(e.sizeBytes)]
 					}),
-					e.linkedWorkflowCount !== void 0 && e.linkedWorkflowCount > 0 && /* @__PURE__ */ o("span", {
+					e.linkedWorkflowCount !== void 0 && e.linkedWorkflowCount > 0 && /* @__PURE__ */ s("span", {
 						className: "flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ a("svg", {
+							/* @__PURE__ */ o("svg", {
 								className: "w-3.5 h-3.5",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ a("path", {
+								children: /* @__PURE__ */ o("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -100,50 +101,50 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 					})
 				]
 			}),
-			!w && /* @__PURE__ */ o("div", {
+			!E && /* @__PURE__ */ s("div", {
 				className: "mb-3 flex items-center justify-between gap-icon-gap rounded-input border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)] p-2",
-				children: [/* @__PURE__ */ a("span", {
+				children: [/* @__PURE__ */ o("span", {
 					className: "text-xs text-[var(--color-status-warning-text)]",
 					children: "Setup incomplete"
-				}), /* @__PURE__ */ a("button", {
+				}), /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: C,
+					onClick: w,
 					className: "rounded-button px-1 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 					children: "Continue"
 				})]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex flex-wrap items-center gap-2 border-t border-[var(--color-border-subtle)] pt-2",
 				children: [
-					/* @__PURE__ */ a("button", {
-						type: "button",
-						onClick: v,
-						className: `${c} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`,
-						children: "View"
-					}),
-					h && /* @__PURE__ */ a("button", {
+					/* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: y,
-						className: `${c} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: "Edit"
+						className: `${l} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`,
+						children: T("bigconsole.dataSinks.actions.view", "View")
 					}),
-					g && /* @__PURE__ */ a("button", {
+					g && /* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: b,
-						className: `${c} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: "Refresh"
+						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: T("bigconsole.dataSinks.actions.edit", "Edit")
 					}),
-					f && /* @__PURE__ */ a("button", {
+					_ && /* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: x,
-						className: `${c} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: "Export"
+						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: T("bigconsole.dataSinks.actions.refresh", "Refresh")
 					}),
-					_ && /* @__PURE__ */ a("button", {
+					p && /* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: S,
-						className: `${c} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`,
-						children: "Delete"
+						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: T("bigconsole.dataSinks.actions.export", "Export")
+					}),
+					v && /* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: C,
+						className: `${l} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`,
+						children: T("bigconsole.dataSinks.actions.delete", "Delete")
 					})
 				]
 			})
@@ -151,4 +152,4 @@ var c = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 	});
 });
 //#endregion
-export { l as default };
+export { u as default };

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

@@ -3,11 +3,11 @@ import { Section as t } from "../common/Section.js";
 import "../common/index.js";
 import { useModalFocusTrap as n } from "../../hooks/useModalFocusTrap.js";
 import { memo as r, useCallback as i, useId as a, useRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/DataSinkDeleteDialog.tsx
 var u = `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50 motion-safe:transition-colors ${e}`, d = r(function({ dataSink: e, isOpen: r, onClose: d, onConfirm: f, isDeleting: p = !1 }) {
-	let { t: m } = l(), h = a(), g = a(), _ = o(null), v = o(null);
+	let { t: m } = s(), h = a(), g = a(), _ = o(null), v = o(null);
 	n({
 		isOpen: r,
 		panelRef: _,
@@ -19,10 +19,10 @@ var u = `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm f
 	let y = i((e) => {
 		e.target === e.currentTarget && !p && d();
 	}, [p, d]);
-	return r ? /* @__PURE__ */ s("div", {
+	return r ? /* @__PURE__ */ c("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-[var(--color-bg-overlay)] p-4",
 		onClick: y,
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			ref: _,
 			role: "dialog",
 			"aria-modal": "true",
@@ -31,63 +31,63 @@ var u = `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm f
 			tabIndex: -1,
 			className: "flex max-h-[90vh] w-full max-w-md flex-col rounded-card border border-[var(--color-border-subtle)] bg-bg-surface shadow-[var(--shadow-elevation-3)] focus:outline-none",
 			children: [
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "border-b border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding",
-					children: /* @__PURE__ */ s("h2", {
+					children: /* @__PURE__ */ c("h2", {
 						id: h,
 						className: "text-lg font-semibold text-text-primary",
 						children: m("bigconsole.dataSinks.deleteDialog.title", "Delete DataSink")
 					})
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: "min-w-0 flex-1 space-y-form-gap overflow-y-auto p-form-gap sm:p-card-padding",
 					children: [
-						/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ c("p", {
 							id: g,
 							className: "text-sm text-text-primary",
 							children: m("bigconsole.dataSinks.deleteDialog.confirmMessage", "Are you sure you want to delete this DataSink?")
 						}),
-						/* @__PURE__ */ c(t, {
+						/* @__PURE__ */ l(t, {
 							emphasis: "muted",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Data sink",
 							headerClassName: "mb-control-gap",
-							children: [/* @__PURE__ */ s("p", {
+							children: [/* @__PURE__ */ c("p", {
 								className: "text-sm font-medium text-text-primary",
 								children: e.name || m("bigconsole.dataSinks.deleteDialog.untitledName", "Untitled DataSink")
-							}), /* @__PURE__ */ s("p", {
+							}), /* @__PURE__ */ c("p", {
 								className: "mt-1 break-all font-mono text-xs text-text-secondary",
 								children: e.key
 							})]
 						}),
-						e.linkedWorkflowCount && e.linkedWorkflowCount > 0 ? /* @__PURE__ */ s(t, {
+						e.linkedWorkflowCount && e.linkedWorkflowCount > 0 ? /* @__PURE__ */ c(t, {
 							tone: "warning",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Workflow links will be removed",
 							headerClassName: "mb-control-gap",
-							children: /* @__PURE__ */ s("p", {
+							children: /* @__PURE__ */ c("p", {
 								className: "text-sm text-[var(--color-status-warning-text)]",
 								children: e.linkedWorkflowCount === 1 ? m("bigconsole.dataSinks.deleteDialog.linkedWorkflowWarningSingular", "This DataSink is linked to {{count}} workflow. Deleting it will remove these links.", { count: e.linkedWorkflowCount }) : m("bigconsole.dataSinks.deleteDialog.linkedWorkflowWarningPlural", "This DataSink is linked to {{count}} workflows. Deleting it will remove these links.", { count: e.linkedWorkflowCount })
 							})
 						}) : null,
-						/* @__PURE__ */ s("p", {
+						/* @__PURE__ */ c("p", {
 							className: "text-sm text-status-error-text",
 							children: m("bigconsole.dataSinks.deleteDialog.cannotBeUndone", "This action cannot be undone.")
 						})
 					]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: "flex flex-wrap items-center justify-end gap-control-gap border-t border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding",
-					children: [/* @__PURE__ */ s("button", {
+					children: [/* @__PURE__ */ c("button", {
 						ref: v,
 						type: "button",
 						onClick: d,
 						disabled: p,
 						className: `${u} bg-bg-sunken text-text-primary hover:bg-bg-elevated`,
 						children: m("bigconsole.dataSinks.deleteDialog.cancelButton", "Cancel")
-					}), /* @__PURE__ */ s("button", {
+					}), /* @__PURE__ */ c("button", {
 						type: "button",
 						onClick: f,
 						disabled: p,

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

@@ -2,86 +2,86 @@ import { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
 import { Section as t } from "../common/Section.js";
 import "../common/index.js";
 import { memo as n, useCallback as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/DataSinkRefreshDialog.tsx
 var c = `min-h-[var(--size-controlHeight-md)] rounded-button px-4 py-2 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50 motion-safe:transition-colors ${e}`, l = n(function({ dataSink: n, isOpen: l, onClose: u, onConfirm: d, isRefreshing: f = !1 }) {
-	let { t: p } = s(), [m, h] = i(!1), g = r((e) => {
+	let { t: p } = a(), [m, h] = i(!1), g = r((e) => {
 		e.target === e.currentTarget && !f && u();
 	}, [f, u]), _ = (e) => new Date(e).toLocaleString(), v = r(() => {
 		d(m);
 	}, [d, m]);
-	return l ? /* @__PURE__ */ a("div", {
+	return l ? /* @__PURE__ */ o("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-[var(--color-bg-overlay)] p-4",
 		onClick: g,
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-labelledby": "refresh-dialog-title",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "flex max-h-[90vh] w-full max-w-md flex-col rounded-card border border-[var(--color-border-subtle)] bg-bg-surface shadow-[var(--shadow-elevation-3)]",
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "border-b border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding",
-					children: /* @__PURE__ */ a("h2", {
+					children: /* @__PURE__ */ o("h2", {
 						id: "refresh-dialog-title",
 						className: "text-lg font-semibold text-text-primary",
 						children: p("bigconsole.dataSinks.refreshDialog.title", "Refresh DataSink")
 					})
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "min-w-0 flex-1 space-y-form-gap overflow-y-auto p-form-gap sm:p-card-padding",
-					children: [/* @__PURE__ */ o(t, {
+					children: [/* @__PURE__ */ s(t, {
 						emphasis: "muted",
 						padding: "compact",
 						headingLevel: 3,
 						title: "Data sink",
 						headerClassName: "mb-control-gap",
 						children: [
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-sm font-medium text-text-primary",
 								children: n.name || p("bigconsole.dataSinks.refreshDialog.untitledName", "Untitled DataSink")
 							}),
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ o("p", {
 								className: "mt-1 break-all font-mono text-xs text-text-secondary",
 								children: n.key
 							}),
-							n.lastRefreshedAt && /* @__PURE__ */ a("p", {
+							n.lastRefreshedAt && /* @__PURE__ */ o("p", {
 								className: "mt-2 text-xs text-text-secondary",
 								children: p("bigconsole.dataSinks.refreshDialog.lastRefreshed", "Last refreshed: {{date}}", { date: _(n.lastRefreshedAt) })
 							})
 						]
-					}), /* @__PURE__ */ o(t, {
+					}), /* @__PURE__ */ s(t, {
 						emphasis: "bare",
 						padding: "none",
 						headingLevel: 3,
 						title: "Options",
 						headerClassName: "mb-control-gap",
-						children: [/* @__PURE__ */ o("label", {
+						children: [/* @__PURE__ */ s("label", {
 							className: "flex min-h-[var(--size-controlHeight-md)] cursor-pointer items-center gap-2",
-							children: [/* @__PURE__ */ a("input", {
+							children: [/* @__PURE__ */ o("input", {
 								type: "checkbox",
 								checked: m,
 								onChange: (e) => h(e.target.checked),
 								className: `h-4 w-4 rounded ${e}`
-							}), /* @__PURE__ */ a("span", {
+							}), /* @__PURE__ */ o("span", {
 								className: "text-sm text-text-primary",
 								children: p("bigconsole.dataSinks.refreshDialog.forceRefreshLabel", "Force refresh (bypass cache)")
 							})]
-						}), /* @__PURE__ */ a("p", {
+						}), /* @__PURE__ */ o("p", {
 							className: "mt-1 text-xs text-text-secondary",
 							children: p("bigconsole.dataSinks.refreshDialog.forceRefreshDescription", "Force refresh will re-fetch all data from the source, ignoring any cached values.")
 						})]
 					})]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "flex flex-wrap items-center justify-end gap-control-gap border-t border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding",
-					children: [/* @__PURE__ */ a("button", {
+					children: [/* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: u,
 						disabled: f,
 						className: `${c} bg-bg-sunken text-text-primary hover:bg-bg-elevated`,
 						children: p("bigconsole.dataSinks.refreshDialog.cancelButton", "Cancel")
-					}), /* @__PURE__ */ a("button", {
+					}), /* @__PURE__ */ o("button", {
 						type: "button",
 						onClick: v,
 						disabled: f,

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

@@ -2,11 +2,11 @@ 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 S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/ImportDataGuideDialog.tsx
 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 } = S(), 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(() => {
+	let { t: j } = y(), 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(() => {
@@ -53,71 +53,71 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 		O,
 		j
 	]), q = n(() => M.current?.click(), []), J = I?.columns.slice(0, C) ?? [], Y = I ? I.columns.length - J.length : 0;
-	return /* @__PURE__ */ b(p, {
+	return /* @__PURE__ */ x(p, {
 		open: t,
 		onOpenChange: (e) => !e && !H && O(),
-		children: /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ S(m, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ x(_, { children: [/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ S(_, { 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: j("bigconsole.dataSinks.importGuide.title", "Import data") })]
-				}), /* @__PURE__ */ b(h, { 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__ */ x("div", {
+						children: /* @__PURE__ */ x(u, { className: "size-5 text-action-primary-bg" })
+					}), /* @__PURE__ */ x(v, { children: j("bigconsole.dataSinks.importGuide.title", "Import data") })]
+				}), /* @__PURE__ */ x(h, { 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: j("bigconsole.dataSinks.importGuide.buildWorkflowHeading", "Build a workflow")
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary leading-relaxed",
 								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__ */ x(f, {
+							})] }), /* @__PURE__ */ S(f, {
 								variant: "default",
 								onClick: k,
 								disabled: H,
 								className: "w-full",
 								children: [
-									/* @__PURE__ */ b(d, { className: "size-4" }),
+									/* @__PURE__ */ x(d, { className: "size-4" }),
 									j("bigconsole.dataSinks.importGuide.goToWorkflows", "Go to Workflows"),
-									/* @__PURE__ */ b(s, { className: "size-4" })
+									/* @__PURE__ */ x(s, { className: "size-4" })
 								]
 							})]
 						}),
-						A && /* @__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: 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" })
 							]
 						}),
-						A && /* @__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: j("bigconsole.dataSinks.importGuide.uploadCsvHeading", "Upload a CSV file")
-								}), /* @__PURE__ */ b("p", {
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm text-text-secondary leading-relaxed",
 									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.")
 								})] }),
-								D && /* @__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: j("bigconsole.dataSinks.importGuide.hasExistingDataWarning", "This data sink already has data — importing a CSV will replace it.")
 									})]
 								}),
-								/* @__PURE__ */ b("input", {
+								/* @__PURE__ */ x("input", {
 									ref: M,
 									type: "file",
 									accept: ".csv,text/csv",
@@ -125,39 +125,39 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 									onChange: G,
 									"aria-label": j("bigconsole.dataSinks.importGuide.fileInputAriaLabel", "Choose a CSV file to import")
 								}),
-								!I && /* @__PURE__ */ x("button", {
+								!I && /* @__PURE__ */ S("button", {
 									type: "button",
 									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: 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: j("bigconsole.dataSinks.importGuide.firstRowHint", "The first row is used as column names.")
 										})
 									]
 								}),
-								R && /* @__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: R
 									})
 								}),
-								I && /* @__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: P ?? void 0,
 												children: P
-											}), /* @__PURE__ */ b("button", {
+											}), /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: q,
 												disabled: H,
@@ -165,12 +165,12 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 												children: j("bigconsole.dataSinks.importGuide.changeFile", "Change file")
 											})]
 										}),
-										/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ S("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												j("bigconsole.dataSinks.importGuide.readyToImportPrefix", "Ready to import"),
 												" ",
-												/* @__PURE__ */ b("strong", {
+												/* @__PURE__ */ x("strong", {
 													className: "text-text-primary",
 													children: I.rows.length
 												}),
@@ -178,7 +178,7 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 												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: I.columns.length
 												}),
@@ -187,25 +187,25 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 												"."
 											]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex flex-wrap gap-1.5",
-											children: [J.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)), Y > 0 && /* @__PURE__ */ b("span", {
+											}, e)), Y > 0 && /* @__PURE__ */ x("span", {
 												className: "rounded-full px-2 py-0.5 text-xs text-text-tertiary",
 												children: j("bigconsole.dataSinks.importGuide.moreColumns", "+{{count}} more", { count: Y })
 											})]
 										}),
-										B && /* @__PURE__ */ b("p", {
+										B && /* @__PURE__ */ x("p", {
 											className: "text-sm text-status-error-text",
 											children: B
 										}),
-										/* @__PURE__ */ b(f, {
+										/* @__PURE__ */ x(f, {
 											onClick: K,
 											disabled: H,
 											className: "w-full",
-											children: H ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(l, { className: "size-4 animate-spin" }), j("bigconsole.dataSinks.importGuide.importing", "Importing…")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(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 })] })
+											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 })] })
 										})
 									]
 								})
@@ -213,7 +213,7 @@ var C = 6, w = 1e7, T = 5e4, E = t(function({ isOpen: t, dataSinkName: E, hasExi
 						})
 					]
 				}),
-				/* @__PURE__ */ b(g, { children: /* @__PURE__ */ b(f, {
+				/* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(f, {
 					variant: "outline",
 					onClick: O,
 					disabled: H,