@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5

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

@@ -1,6 +1,6 @@
 import { memo as e, useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Fragment as o, 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 o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/CacheTTLSelector.tsx
 var u = [
 	0,
@@ -13,7 +13,7 @@ function d(e) {
 	return e === null ? !1 : u.includes(e);
 }
 var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabel: m = !1 }) {
-	let { t: h } = l(), g = r(() => [
+	let { t: h } = o(), g = r(() => [
 		{
 			value: 0,
 			label: h("bigconsole.dataSinks.cacheTtl.presetNoCacheLabel", "No cache"),
@@ -78,21 +78,21 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 		}
 		C(null), u(n);
 	}, [u, h]);
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-form-gap",
 		children: [
-			!m && /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+			!m && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: h("bigconsole.dataSinks.cacheTtl.heading", "Cache Duration")
-			}), /* @__PURE__ */ s("p", {
+			}), /* @__PURE__ */ c("p", {
 				className: "text-xs text-text-secondary",
 				children: h("bigconsole.dataSinks.cacheTtl.headingDescription", "How long should data be cached before refreshing?")
 			})] }),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				role: "group",
 				"aria-label": h("bigconsole.dataSinks.cacheTtl.heading", "Cache Duration"),
 				className: "space-y-list-gap",
-				children: [g.map((t) => /* @__PURE__ */ c("label", {
+				children: [g.map((t) => /* @__PURE__ */ l("label", {
 					className: `
               flex cursor-pointer items-start gap-3
               rounded-input
@@ -101,30 +101,30 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
               ${f ? "cursor-not-allowed opacity-50" : ""}
               ${!v && e === t.value ? "border-[var(--color-action-primary-bg)] bg-bg-accentSubtle" : "border-[var(--color-border-subtle)] hover:border-[var(--color-border-strong)]"}
             `,
-					children: [/* @__PURE__ */ s("input", {
+					children: [/* @__PURE__ */ c("input", {
 						type: "radio",
 						name: "cache-ttl",
 						checked: !v && e === t.value,
 						onChange: () => T(t.value),
 						disabled: f,
 						className: "\n                mt-0.5\n                h-4 w-4\n                border-[var(--color-border-default)]\n                text-action-primary-bg\n                focus-visible:ring-2\n                focus-visible:ring-ring\n              "
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ c("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ s("span", {
+							children: [/* @__PURE__ */ c("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: t.label
-							}), t.recommended && /* @__PURE__ */ s("span", {
+							}), t.recommended && /* @__PURE__ */ c("span", {
 								className: "px-1.5 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded",
 								children: h("bigconsole.dataSinks.cacheTtl.recommendedBadge", "Recommended")
 							})]
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary mt-0.5",
 							children: t.description
 						})]
 					})]
-				}, t.value)), /* @__PURE__ */ c("label", {
+				}, t.value)), /* @__PURE__ */ l("label", {
 					className: `
             flex cursor-pointer items-start gap-3
             rounded-input
@@ -133,28 +133,28 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
             ${f ? "cursor-not-allowed opacity-50" : ""}
             ${v ? "border-[var(--color-action-primary-bg)] bg-bg-accentSubtle" : "border-[var(--color-border-subtle)] hover:border-[var(--color-border-strong)]"}
           `,
-					children: [/* @__PURE__ */ s("input", {
+					children: [/* @__PURE__ */ c("input", {
 						type: "radio",
 						name: "cache-ttl",
 						checked: v,
 						onChange: E,
 						disabled: f,
 						className: "\n              mt-0.5\n              h-4 w-4\n              border-[var(--color-border-default)]\n              text-action-primary-bg\n              focus-visible:ring-2\n              focus-visible:ring-ring\n            "
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "flex-1",
 						children: [
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: h("bigconsole.dataSinks.cacheTtl.customLabel", "Custom")
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-xs text-text-secondary mt-0.5",
 								children: h("bigconsole.dataSinks.cacheTtl.customDescription", "Enter a custom cache duration (30 - 86400 seconds)")
 							}),
-							v && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+							v && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
 								className: "mt-3 flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ s("input", {
+									/* @__PURE__ */ c("input", {
 										type: "number",
 										"aria-label": "Custom cache duration in seconds",
 										value: b,
@@ -175,11 +175,11 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
                       ${p || S ? "border-[var(--color-status-error-border)]" : "border-[var(--color-border-default)]"}
                     `
 									}),
-									/* @__PURE__ */ s("span", {
+									/* @__PURE__ */ c("span", {
 										className: "text-sm text-text-secondary",
 										children: h("bigconsole.dataSinks.cacheTtl.secondsUnit", "seconds")
 									}),
-									b && !isNaN(parseInt(b)) && !S && /* @__PURE__ */ c("span", {
+									b && !isNaN(parseInt(b)) && !S && /* @__PURE__ */ l("span", {
 										className: "text-xs text-text-muted",
 										children: [
 											"(",
@@ -188,20 +188,20 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 										]
 									})
 								]
-							}), S && /* @__PURE__ */ c("div", {
+							}), S && /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-1 mt-1",
-								children: [/* @__PURE__ */ s("svg", {
+								children: [/* @__PURE__ */ c("svg", {
 									className: "w-3.5 h-3.5 text-status-error-text flex-shrink-0",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ s("path", {
+									children: /* @__PURE__ */ c("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
 										d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 									})
-								}), /* @__PURE__ */ s("span", {
+								}), /* @__PURE__ */ c("span", {
 									className: "text-xs text-status-error-text",
 									children: S
 								})]
@@ -210,38 +210,38 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 					})]
 				})]
 			}),
-			p && /* @__PURE__ */ c("div", {
+			p && /* @__PURE__ */ l("div", {
 				className: "flex items-start gap-2",
-				children: [/* @__PURE__ */ s("svg", {
+				children: [/* @__PURE__ */ c("svg", {
 					className: "w-4 h-4 text-status-error-text flex-shrink-0 mt-0.5",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ s("path", {
+					children: /* @__PURE__ */ c("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 					})
-				}), /* @__PURE__ */ s("p", {
+				}), /* @__PURE__ */ c("p", {
 					className: "text-xs text-status-error-text",
 					children: p
 				})]
 			}),
-			e !== null && !p && /* @__PURE__ */ c("div", {
+			e !== null && !p && /* @__PURE__ */ l("div", {
 				className: "flex items-center gap-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ s("svg", {
+				children: [/* @__PURE__ */ c("svg", {
 					className: "w-4 h-4",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ s("path", {
+					children: /* @__PURE__ */ c("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 					})
-				}), /* @__PURE__ */ s("span", { children: e === 0 ? h("bigconsole.dataSinks.cacheTtl.presetNoCacheDescription", "Read current stored data without caching results") : h("bigconsole.dataSinks.cacheTtl.infoCachedFor", "Data will be cached for {{duration}} before being refreshed", { duration: _(e) }) })]
+				}), /* @__PURE__ */ c("span", { children: e === 0 ? h("bigconsole.dataSinks.cacheTtl.presetNoCacheDescription", "Read current stored data without caching results") : h("bigconsole.dataSinks.cacheTtl.infoCachedFor", "Data will be cached for {{duration}} before being refreshed", { duration: _(e) }) })]
 			})
 		]
 	});

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,