@burdenoff/microfe-bigconsole 2026.924.2 → 2026.924.3

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 { 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";
+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";
 //#region src/bigconsole/components/datasink/CacheTTLSelector.tsx
 var u = [
 	300,
@@ -12,7 +12,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 } = o(), g = r(() => [
+	let { t: h } = l(), g = r(() => [
 		{
 			value: 300,
 			label: h("bigconsole.dataSinks.cacheTtl.preset5MinutesLabel", "5 minutes"),
@@ -72,21 +72,21 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 		}
 		C(null), u(n);
 	}, [u, h]);
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-form-gap",
 		children: [
-			!m && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+			!m && /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: h("bigconsole.dataSinks.cacheTtl.heading", "Cache Duration")
-			}), /* @__PURE__ */ c("p", {
+			}), /* @__PURE__ */ s("p", {
 				className: "text-xs text-text-secondary",
 				children: h("bigconsole.dataSinks.cacheTtl.headingDescription", "How long should data be cached before refreshing?")
 			})] }),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ c("div", {
 				role: "group",
 				"aria-label": h("bigconsole.dataSinks.cacheTtl.heading", "Cache Duration"),
 				className: "space-y-list-gap",
-				children: [g.map((t) => /* @__PURE__ */ l("label", {
+				children: [g.map((t) => /* @__PURE__ */ c("label", {
 					className: `
               flex cursor-pointer items-start gap-3
               rounded-input
@@ -95,30 +95,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__ */ c("input", {
+					children: [/* @__PURE__ */ s("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__ */ l("div", {
+					}), /* @__PURE__ */ c("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ c("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ s("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: t.label
-							}), t.recommended && /* @__PURE__ */ c("span", {
+							}), t.recommended && /* @__PURE__ */ s("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__ */ c("p", {
+						}), /* @__PURE__ */ s("p", {
 							className: "text-xs text-text-secondary mt-0.5",
 							children: t.description
 						})]
 					})]
-				}, t.value)), /* @__PURE__ */ l("label", {
+				}, t.value)), /* @__PURE__ */ c("label", {
 					className: `
             flex cursor-pointer items-start gap-3
             rounded-input
@@ -127,28 +127,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__ */ c("input", {
+					children: [/* @__PURE__ */ s("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__ */ l("div", {
+					}), /* @__PURE__ */ c("div", {
 						className: "flex-1",
 						children: [
-							/* @__PURE__ */ c("span", {
+							/* @__PURE__ */ s("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: h("bigconsole.dataSinks.cacheTtl.customLabel", "Custom")
 							}),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ s("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__ */ l(s, { children: [/* @__PURE__ */ l("div", {
+							v && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
 								className: "mt-3 flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ c("input", {
+									/* @__PURE__ */ s("input", {
 										type: "number",
 										"aria-label": "Custom cache duration in seconds",
 										value: b,
@@ -169,11 +169,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__ */ c("span", {
+									/* @__PURE__ */ s("span", {
 										className: "text-sm text-text-secondary",
 										children: h("bigconsole.dataSinks.cacheTtl.secondsUnit", "seconds")
 									}),
-									b && !isNaN(parseInt(b)) && !S && /* @__PURE__ */ l("span", {
+									b && !isNaN(parseInt(b)) && !S && /* @__PURE__ */ c("span", {
 										className: "text-xs text-text-muted",
 										children: [
 											"(",
@@ -182,20 +182,20 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 										]
 									})
 								]
-							}), S && /* @__PURE__ */ l("div", {
+							}), S && /* @__PURE__ */ c("div", {
 								className: "flex items-center gap-1 mt-1",
-								children: [/* @__PURE__ */ c("svg", {
+								children: [/* @__PURE__ */ s("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__ */ c("path", {
+									children: /* @__PURE__ */ s("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
 										d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 									})
-								}), /* @__PURE__ */ c("span", {
+								}), /* @__PURE__ */ s("span", {
 									className: "text-xs text-status-error-text",
 									children: S
 								})]
@@ -204,38 +204,38 @@ var f = e(function({ value: e, onChange: u, disabled: f = !1, error: p, hideLabe
 					})]
 				})]
 			}),
-			p && /* @__PURE__ */ l("div", {
+			p && /* @__PURE__ */ c("div", {
 				className: "flex items-start gap-2",
-				children: [/* @__PURE__ */ c("svg", {
+				children: [/* @__PURE__ */ s("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__ */ c("path", {
+					children: /* @__PURE__ */ s("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 					})
-				}), /* @__PURE__ */ c("p", {
+				}), /* @__PURE__ */ s("p", {
 					className: "text-xs text-status-error-text",
 					children: p
 				})]
 			}),
-			e !== null && !p && /* @__PURE__ */ l("div", {
+			e !== null && !p && /* @__PURE__ */ c("div", {
 				className: "flex items-center gap-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ c("svg", {
+				children: [/* @__PURE__ */ s("svg", {
 					className: "w-4 h-4",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ c("path", {
+					children: /* @__PURE__ */ s("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__ */ c("span", { children: h("bigconsole.dataSinks.cacheTtl.infoCachedFor", "Data will be cached for {{duration}} before being refreshed", { duration: _(e) }) })]
+				}), /* @__PURE__ */ s("span", { children: h("bigconsole.dataSinks.cacheTtl.infoCachedFor", "Data will be cached for {{duration}} before being refreshed", { duration: _(e) }) })]
 			})
 		]
 	});

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 { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#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 } = s(), h = a(), g = a(), _ = o(null), v = o(null);
+	let { t: m } = l(), 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__ */ c("div", {
+	return r ? /* @__PURE__ */ s("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-[var(--color-bg-overlay)] p-4",
 		onClick: y,
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ c("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__ */ c("div", {
+				/* @__PURE__ */ s("div", {
 					className: "border-b border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding",
-					children: /* @__PURE__ */ c("h2", {
+					children: /* @__PURE__ */ s("h2", {
 						id: h,
 						className: "text-lg font-semibold text-text-primary",
 						children: m("bigconsole.dataSinks.deleteDialog.title", "Delete DataSink")
 					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ c("div", {
 					className: "min-w-0 flex-1 space-y-form-gap overflow-y-auto p-form-gap sm:p-card-padding",
 					children: [
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ s("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__ */ l(t, {
+						/* @__PURE__ */ c(t, {
 							emphasis: "muted",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Data sink",
 							headerClassName: "mb-control-gap",
-							children: [/* @__PURE__ */ c("p", {
+							children: [/* @__PURE__ */ s("p", {
 								className: "text-sm font-medium text-text-primary",
 								children: e.name || m("bigconsole.dataSinks.deleteDialog.untitledName", "Untitled DataSink")
-							}), /* @__PURE__ */ c("p", {
+							}), /* @__PURE__ */ s("p", {
 								className: "mt-1 break-all font-mono text-xs text-text-secondary",
 								children: e.key
 							})]
 						}),
-						e.linkedWorkflowCount && e.linkedWorkflowCount > 0 ? /* @__PURE__ */ c(t, {
+						e.linkedWorkflowCount && e.linkedWorkflowCount > 0 ? /* @__PURE__ */ s(t, {
 							tone: "warning",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Workflow links will be removed",
 							headerClassName: "mb-control-gap",
-							children: /* @__PURE__ */ c("p", {
+							children: /* @__PURE__ */ s("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__ */ c("p", {
+						/* @__PURE__ */ s("p", {
 							className: "text-sm text-status-error-text",
 							children: m("bigconsole.dataSinks.deleteDialog.cannotBeUndone", "This action cannot be undone.")
 						})
 					]
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ c("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__ */ c("button", {
+					children: [/* @__PURE__ */ s("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__ */ c("button", {
+					}), /* @__PURE__ */ s("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 { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#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 } = a(), [m, h] = i(!1), g = r((e) => {
+	let { t: p } = s(), [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__ */ o("div", {
+	return l ? /* @__PURE__ */ a("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__ */ s("div", {
+		children: /* @__PURE__ */ o("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__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					className: "border-b border-[var(--color-border-subtle)] p-form-gap sm:p-card-padding",
-					children: /* @__PURE__ */ o("h2", {
+					children: /* @__PURE__ */ a("h2", {
 						id: "refresh-dialog-title",
 						className: "text-lg font-semibold text-text-primary",
 						children: p("bigconsole.dataSinks.refreshDialog.title", "Refresh DataSink")
 					})
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ o("div", {
 					className: "min-w-0 flex-1 space-y-form-gap overflow-y-auto p-form-gap sm:p-card-padding",
-					children: [/* @__PURE__ */ s(t, {
+					children: [/* @__PURE__ */ o(t, {
 						emphasis: "muted",
 						padding: "compact",
 						headingLevel: 3,
 						title: "Data sink",
 						headerClassName: "mb-control-gap",
 						children: [
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ a("p", {
 								className: "text-sm font-medium text-text-primary",
 								children: n.name || p("bigconsole.dataSinks.refreshDialog.untitledName", "Untitled DataSink")
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ a("p", {
 								className: "mt-1 break-all font-mono text-xs text-text-secondary",
 								children: n.key
 							}),
-							n.lastRefreshedAt && /* @__PURE__ */ o("p", {
+							n.lastRefreshedAt && /* @__PURE__ */ a("p", {
 								className: "mt-2 text-xs text-text-secondary",
 								children: p("bigconsole.dataSinks.refreshDialog.lastRefreshed", "Last refreshed: {{date}}", { date: _(n.lastRefreshedAt) })
 							})
 						]
-					}), /* @__PURE__ */ s(t, {
+					}), /* @__PURE__ */ o(t, {
 						emphasis: "bare",
 						padding: "none",
 						headingLevel: 3,
 						title: "Options",
 						headerClassName: "mb-control-gap",
-						children: [/* @__PURE__ */ s("label", {
+						children: [/* @__PURE__ */ o("label", {
 							className: "flex min-h-[var(--size-controlHeight-md)] cursor-pointer items-center gap-2",
-							children: [/* @__PURE__ */ o("input", {
+							children: [/* @__PURE__ */ a("input", {
 								type: "checkbox",
 								checked: m,
 								onChange: (e) => h(e.target.checked),
 								className: `h-4 w-4 rounded ${e}`
-							}), /* @__PURE__ */ o("span", {
+							}), /* @__PURE__ */ a("span", {
 								className: "text-sm text-text-primary",
 								children: p("bigconsole.dataSinks.refreshDialog.forceRefreshLabel", "Force refresh (bypass cache)")
 							})]
-						}), /* @__PURE__ */ o("p", {
+						}), /* @__PURE__ */ a("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__ */ s("div", {
+				/* @__PURE__ */ o("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__ */ o("button", {
+					children: [/* @__PURE__ */ a("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__ */ o("button", {
+					}), /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: v,
 						disabled: f,

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

@@ -1,98 +1,99 @@
-import { memo as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { memo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/DataSinkStatusBadge.tsx
-var r = e(function({ status: e, size: r = "md", showIcon: i = !0 }) {
-	let a = {
+var i = t(function({ status: t, size: i = "md", showIcon: a = !0 }) {
+	let o = e(), s = {
 		sm: "px-2 py-0.5 text-xs",
 		md: "px-2.5 py-1 text-sm",
 		lg: "px-3 py-1.5 text-base"
-	}, o = {
+	}, c = {
 		sm: "w-3 h-3",
 		md: "w-4 h-4",
 		lg: "w-5 h-5"
-	}, s = {
+	}, l = {
 		ready: {
 			bg: "bg-status-success-bg/10",
 			text: "text-status-success-text",
-			icon: /* @__PURE__ */ t("svg", {
-				className: o[r],
+			icon: /* @__PURE__ */ n("svg", {
+				className: c[i],
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ t("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
 					d: "M5 13l4 4L19 7"
 				})
 			}),
-			label: "Ready"
+			label: o("bigconsole.dataSinks.status.ready", "Ready")
 		},
 		error: {
 			bg: "bg-status-error-bg/10",
 			text: "text-status-error-text",
-			icon: /* @__PURE__ */ t("svg", {
-				className: o[r],
+			icon: /* @__PURE__ */ n("svg", {
+				className: c[i],
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ t("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
 					d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 				})
 			}),
-			label: "Error"
+			label: o("bigconsole.dataSinks.status.error", "Error")
 		},
 		stale: {
 			bg: "bg-status-warning-bg/10",
 			text: "text-[var(--color-status-warning-text)]",
-			icon: /* @__PURE__ */ t("svg", {
-				className: o[r],
+			icon: /* @__PURE__ */ n("svg", {
+				className: c[i],
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ t("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
 					d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 				})
 			}),
-			label: "Stale"
+			label: o("bigconsole.dataSinks.status.stale", "Stale")
 		},
 		refreshing: {
 			bg: "bg-action-primary-bg/10",
 			text: "text-action-primary-bg",
-			icon: /* @__PURE__ */ t("svg", {
-				className: `${o[r]} animate-spin`,
+			icon: /* @__PURE__ */ n("svg", {
+				className: `${c[i]} animate-spin`,
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ t("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
 					d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
 				})
 			}),
-			label: "Refreshing"
+			label: o("bigconsole.dataSinks.status.refreshing", "Refreshing")
 		}
-	}[e];
-	return s ? /* @__PURE__ */ n("span", {
+	}[t];
+	return l ? /* @__PURE__ */ r("span", {
 		className: `
         inline-flex items-center gap-1.5
-        ${a[r]}
-        ${s.bg}
-        ${s.text}
+        ${s[i]}
+        ${l.bg}
+        ${l.text}
         rounded-full
         font-medium
       `,
-		children: [i && s.icon, /* @__PURE__ */ t("span", { children: s.label })]
+		children: [a && l.icon, /* @__PURE__ */ n("span", { children: l.label })]
 	}) : null;
 });
 //#endregion
-export { r as default };
+export { i as default };
 
 //# sourceMappingURL=DataSinkStatusBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataSinkStatusBadge.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkStatusBadge.tsx"],"sourcesContent":["/**\n * DataSink Status Badge\n *\n * Display badge showing DataSink status with icon and color coding.\n */\n\nimport { memo, type ReactNode } from 'react';\nimport type { DataSinkStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkStatusBadgeProps {\n  /** DataSink status */\n  status: DataSinkStatus;\n  /** Badge size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to show icon */\n  showIcon?: boolean;\n}\n\ninterface StatusConfig {\n  bg: string;\n  text: string;\n  icon: ReactNode;\n  label: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkStatusBadge = memo(function DataSinkStatusBadge({\n  status,\n  size = 'md',\n  showIcon = true,\n}: DataSinkStatusBadgeProps) {\n  const sizeClasses: Record<string, string> = {\n    sm: 'px-2 py-0.5 text-xs',\n    md: 'px-2.5 py-1 text-sm',\n    lg: 'px-3 py-1.5 text-base',\n  };\n\n  const iconSizes: Record<string, string> = {\n    sm: 'w-3 h-3',\n    md: 'w-4 h-4',\n    lg: 'w-5 h-5',\n  };\n\n  const statusConfigs: Record<DataSinkStatus, StatusConfig> = {\n    ready: {\n      bg: 'bg-status-success-bg/10',\n      text: 'text-status-success-text',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n        </svg>\n      ),\n      label: 'Ready',\n    },\n    error: {\n      bg: 'bg-status-error-bg/10',\n      text: 'text-status-error-text',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: 'Error',\n    },\n    stale: {\n      bg: 'bg-status-warning-bg/10',\n      text: 'text-[var(--color-status-warning-text)]',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: 'Stale',\n    },\n    refreshing: {\n      bg: 'bg-action-primary-bg/10',\n      text: 'text-action-primary-bg',\n      icon: (\n        <svg className={`${iconSizes[size]} animate-spin`} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n          />\n        </svg>\n      ),\n      label: 'Refreshing',\n    },\n  };\n\n  const config = statusConfigs[status];\n\n  if (!config) {\n    return null;\n  }\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1.5\n        ${sizeClasses[size]}\n        ${config.bg}\n        ${config.text}\n        rounded-full\n        font-medium\n      `}\n    >\n      {showIcon && config.icon}\n      <span>{config.label}</span>\n    </span>\n  );\n});\n\nexport default DataSinkStatusBadge;\n"],"mappings":";;;AAiCA,IAAa,IAAsB,EAAK,SAA6B,EACnE,WACA,UAAO,MACP,cAAW,MACgB;CAC3B,IAAM,IAAsC;EAC1C,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAoC;EACxC,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EA4DK,IA1DsD;EAC1D,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;KAAmB,CAAA;IACpF,CAAA;GAER,OAAO;GACR;EACD,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,YAAY;GACV,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,GAAG,EAAU,GAAM;IAAgB,MAAK;IAAO,QAAO;IAAe,SAAQ;cAC3F,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACF,CAE4B;AAM7B,QAJK,IAKH,kBAAC,QAAD;EACE,WAAW;;UAEP,EAAY,GAAM;UAClB,EAAO,GAAG;UACV,EAAO,KAAK;;;;YALlB,CAUG,KAAY,EAAO,MACpB,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACtB;MAhBA;EAkBT"}
+{"version":3,"file":"DataSinkStatusBadge.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/DataSinkStatusBadge.tsx"],"sourcesContent":["/**\n * DataSink Status Badge\n *\n * Display badge showing DataSink status with icon and color coding.\n */\n\nimport { memo, type ReactNode } from 'react';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { DataSinkStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface DataSinkStatusBadgeProps {\n  /** DataSink status */\n  status: DataSinkStatus;\n  /** Badge size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to show icon */\n  showIcon?: boolean;\n}\n\ninterface StatusConfig {\n  bg: string;\n  text: string;\n  icon: ReactNode;\n  label: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const DataSinkStatusBadge = memo(function DataSinkStatusBadge({\n  status,\n  size = 'md',\n  showIcon = true,\n}: DataSinkStatusBadgeProps) {\n  const tr = useTr();\n  const sizeClasses: Record<string, string> = {\n    sm: 'px-2 py-0.5 text-xs',\n    md: 'px-2.5 py-1 text-sm',\n    lg: 'px-3 py-1.5 text-base',\n  };\n\n  const iconSizes: Record<string, string> = {\n    sm: 'w-3 h-3',\n    md: 'w-4 h-4',\n    lg: 'w-5 h-5',\n  };\n\n  const statusConfigs: Record<DataSinkStatus, StatusConfig> = {\n    ready: {\n      bg: 'bg-status-success-bg/10',\n      text: 'text-status-success-text',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n        </svg>\n      ),\n      label: tr('bigconsole.dataSinks.status.ready', 'Ready'),\n    },\n    error: {\n      bg: 'bg-status-error-bg/10',\n      text: 'text-status-error-text',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: tr('bigconsole.dataSinks.status.error', 'Error'),\n    },\n    stale: {\n      bg: 'bg-status-warning-bg/10',\n      text: 'text-[var(--color-status-warning-text)]',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: tr('bigconsole.dataSinks.status.stale', 'Stale'),\n    },\n    refreshing: {\n      bg: 'bg-action-primary-bg/10',\n      text: 'text-action-primary-bg',\n      icon: (\n        <svg className={`${iconSizes[size]} animate-spin`} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n          />\n        </svg>\n      ),\n      label: tr('bigconsole.dataSinks.status.refreshing', 'Refreshing'),\n    },\n  };\n\n  const config = statusConfigs[status];\n\n  if (!config) {\n    return null;\n  }\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1.5\n        ${sizeClasses[size]}\n        ${config.bg}\n        ${config.text}\n        rounded-full\n        font-medium\n      `}\n    >\n      {showIcon && config.icon}\n      <span>{config.label}</span>\n    </span>\n  );\n});\n\nexport default DataSinkStatusBadge;\n"],"mappings":";;;;AAkCA,IAAa,IAAsB,EAAK,SAA6B,EACnE,WACA,UAAO,MACP,cAAW,MACgB;CAC3B,IAAM,IAAK,GAAO,EACZ,IAAsC;EAC1C,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAoC;EACxC,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EA4DK,IA1DsD;EAC1D,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;KAAmB,CAAA;IACpF,CAAA;GAER,OAAO,EAAG,qCAAqC,QAAQ;GACxD;EACD,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO,EAAG,qCAAqC,QAAQ;GACxD;EACD,OAAO;GACL,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO,EAAG,qCAAqC,QAAQ;GACxD;EACD,YAAY;GACV,IAAI;GACJ,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,GAAG,EAAU,GAAM;IAAgB,MAAK;IAAO,QAAO;IAAe,SAAQ;cAC3F,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO,EAAG,0CAA0C,aAAa;GAClE;EACF,CAE4B;AAM7B,QAJK,IAKH,kBAAC,QAAD;EACE,WAAW;;UAEP,EAAY,GAAM;UAClB,EAAO,GAAG;UACV,EAAO,KAAK;;;;YALlB,CAUG,KAAY,EAAO,MACpB,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACtB;MAhBA;EAkBT"}