@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/components/widgets/PropertiesPanel.js

@@ -27,9 +27,9 @@ import "../builder/inspector/index.js";
 import { DEFAULT_GRID_CONFIG as me } from "../../utils/widgetPositioning.js";
 import { memo as he, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { Check as h, ChevronDown as ge, ChevronUp as _e, ExternalLink as g, Info as ve, Pencil as ye, Plus as be, Trash2 as xe, X as Se } from "lucide-react";
-import { useI18n as Ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as _, Card as we, CardContent as Te, Input as v, Label as y, Select as Ee, SelectContent as De, SelectItem as b, SelectTrigger as Oe, SelectValue as ke, Sheet as Ae, SheetContent as je, SheetDescription as Me, SheetHeader as Ne, SheetTitle as Pe, Spinner as Fe, Tabs as Ie, TabsContent as x, TabsList as Le, TabsTrigger as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { Button as _, Card as Ce, CardContent as we, Input as v, Label as y, Select as Te, SelectContent as Ee, SelectItem as b, SelectTrigger as De, SelectValue as Oe, Sheet as ke, SheetContent as Ae, SheetDescription as je, SheetHeader as Me, SheetTitle as Ne, Spinner as Pe, Tabs as Fe, TabsContent as x, TabsList as Ie, TabsTrigger as S, Textarea as C } from "@burdenoff/fe-libs/ui";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useI18n as Le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/PropertiesPanel.tsx
 var Re = [
 	{
@@ -165,7 +165,7 @@ function Ue(e) {
 	};
 }
 var We = he(function({ widget: e, onSave: t }) {
-	let { t: r } = Ce(), [i, a] = m(""), [o, s] = m(null), c = p(!1);
+	let { t: r } = Le(), [i, a] = m(""), [o, s] = m(null), c = p(!1);
 	d(() => {
 		try {
 			a(e.template && typeof e.template == "object" ? JSON.stringify(e.template, null, 2) : ""), s(null), c.current = !0;
@@ -331,7 +331,7 @@ function Ge(e) {
 	};
 }
 var D = he(function({ isOpen: he, onClose: g }) {
-	let { t: D } = Ce(), [Ke, qe] = m("general"), [O, k] = m("idle"), [A, j] = m(null), [M, N] = m(!1), P = e((e) => e.selectedWidgetId), Je = e((e) => e.widgets), F = e((e) => e.updateWidget), Ye = e((e) => e.updateWidgetPosition), Xe = t(), I = P ? Je.get(P) : void 0, Ze = I ? {
+	let { t: D } = Le(), [Ke, qe] = m("general"), [O, k] = m("idle"), [A, j] = m(null), [M, N] = m(!1), P = e((e) => e.selectedWidgetId), Je = e((e) => e.widgets), F = e((e) => e.updateWidget), Ye = e((e) => e.updateWidgetPosition), Xe = t(), I = P ? Je.get(P) : void 0, Ze = I ? {
 		x: I.position?.x ?? I.positionX ?? 0,
 		y: I.position?.y ?? I.positionY ?? 0,
 		width: I.position?.width ?? I.positionWidth ?? 4,
@@ -661,11 +661,11 @@ var D = he(function({ isOpen: he, onClose: g }) {
 		value: e.value,
 		label: D(e.labelKey, e.label)
 	})), [D]);
-	return /* @__PURE__ */ w(Ae, {
+	return /* @__PURE__ */ w(ke, {
 		open: he,
 		onOpenChange: (e) => !e && g(),
 		modal: !1,
-		children: /* @__PURE__ */ T(je, {
+		children: /* @__PURE__ */ T(Ae, {
 			style: {
 				width: "min(420px, 100vw)",
 				maxWidth: "100vw",
@@ -676,7 +676,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ w(Ne, {
+				/* @__PURE__ */ w(Me, {
 					style: {
 						padding: "var(--space-cardPadding)",
 						borderBottom: "1px solid var(--color-border-subtle)",
@@ -718,7 +718,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 									gap: "var(--space-iconGap)"
 								},
 								children: [
-									/* @__PURE__ */ w(Pe, {
+									/* @__PURE__ */ w(Ne, {
 										style: {
 											fontSize: "var(--font-size-body-md)",
 											fontWeight: "var(--font-weight-bold)",
@@ -727,7 +727,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 										},
 										children: I ? D("bigconsole.widget.properties.header.widgetProperties", "Widget Properties") : D("bigconsole.widget.properties.header.properties", "Properties")
 									}),
-									O === "saving" && /* @__PURE__ */ w(Fe, { style: {
+									O === "saving" && /* @__PURE__ */ w(Pe, { style: {
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }),
@@ -742,7 +742,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 										color: "var(--color-status-error-bg)"
 									} })
 								]
-							}), Wt && /* @__PURE__ */ w(Me, {
+							}), Wt && /* @__PURE__ */ w(je, {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
@@ -754,7 +754,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 						})]
 					})
 				}),
-				I ? /* @__PURE__ */ T(Ie, {
+				I ? /* @__PURE__ */ T(Fe, {
 					value: Ke,
 					onValueChange: (e) => qe(e),
 					style: {
@@ -764,7 +764,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: [/* @__PURE__ */ T(Le, {
+					children: [/* @__PURE__ */ T(Ie, {
 						style: {
 							width: "100%",
 							display: "flex",
@@ -870,19 +870,19 @@ var D = he(function({ isOpen: he, onClose: g }) {
 										children: [
 											/* @__PURE__ */ T("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.data.sourceTypeLabel", "Data Source Type") }), /* @__PURE__ */ T(Ee, {
+												children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.data.sourceTypeLabel", "Data Source Type") }), /* @__PURE__ */ T(Te, {
 													value: A.config?.dataSourceType || "",
 													onValueChange: (e) => $({
 														...A.config,
 														dataSourceType: e || void 0
 													}),
-													children: [/* @__PURE__ */ w(Oe, {
+													children: [/* @__PURE__ */ w(De, {
 														style: {
 															height: "var(--size-controlHeight-md)",
 															fontSize: "var(--font-size-body-sm)"
 														},
-														children: /* @__PURE__ */ w(ke, { placeholder: D("bigconsole.widget.properties.data.selectTypePlaceholder", "Select type...") })
-													}), /* @__PURE__ */ w(De, {
+														children: /* @__PURE__ */ w(Oe, { placeholder: D("bigconsole.widget.properties.data.selectTypePlaceholder", "Select type...") })
+													}), /* @__PURE__ */ w(Ee, {
 														position: "popper",
 														side: "bottom",
 														sideOffset: 4,
@@ -918,16 +918,16 @@ var D = he(function({ isOpen: he, onClose: g }) {
 													}),
 													/* @__PURE__ */ T("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.httpMethodLabel", "HTTP Method") }), /* @__PURE__ */ T(Ee, {
+														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.httpMethodLabel", "HTTP Method") }), /* @__PURE__ */ T(Te, {
 															value: A.config?.httpMethod || "GET",
 															onValueChange: (e) => $({
 																...A.config,
 																httpMethod: e
 															}),
-															children: [/* @__PURE__ */ w(Oe, {
+															children: [/* @__PURE__ */ w(De, {
 																style: { height: "var(--size-controlHeight-md)" },
-																children: /* @__PURE__ */ w(ke, {})
-															}), /* @__PURE__ */ T(De, {
+																children: /* @__PURE__ */ w(Oe, {})
+															}), /* @__PURE__ */ T(Ee, {
 																position: "popper",
 																side: "bottom",
 																sideOffset: 4,
@@ -967,16 +967,16 @@ var D = he(function({ isOpen: he, onClose: g }) {
 													}),
 													/* @__PURE__ */ T("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.authenticationLabel", "Authentication") }), /* @__PURE__ */ T(Ee, {
+														children: [/* @__PURE__ */ w(y, { children: D("bigconsole.widget.properties.rest.authenticationLabel", "Authentication") }), /* @__PURE__ */ T(Te, {
 															value: A.config?.authType || "none",
 															onValueChange: (e) => $({
 																...A.config,
 																authType: e
 															}),
-															children: [/* @__PURE__ */ w(Oe, {
+															children: [/* @__PURE__ */ w(De, {
 																style: { height: "var(--size-controlHeight-md)" },
-																children: /* @__PURE__ */ w(ke, {})
-															}), /* @__PURE__ */ T(De, {
+																children: /* @__PURE__ */ w(Oe, {})
+															}), /* @__PURE__ */ T(Ee, {
 																position: "popper",
 																side: "bottom",
 																sideOffset: 4,
@@ -1171,15 +1171,15 @@ var D = he(function({ isOpen: he, onClose: g }) {
 										"data-testid": "widget-inspector-actions",
 										children: mt ? /* @__PURE__ */ w("div", {
 											className: "flex justify-center py-8",
-											children: /* @__PURE__ */ w(Fe, { className: "size-6" })
+											children: /* @__PURE__ */ w(Pe, { className: "size-6" })
 										}) : H.length === 0 ? /* @__PURE__ */ w("p", {
 											className: "text-sm text-text-secondary",
 											children: D("bigconsole.widget.properties.actions.empty", "No actions configured")
 										}) : /* @__PURE__ */ w("div", {
 											className: "space-y-2",
-											children: [...H].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ w(we, {
+											children: [...H].sort((e, t) => e.order - t.order).map((e, t) => /* @__PURE__ */ w(Ce, {
 												className: e.disabled ? "opacity-60" : "",
-												children: /* @__PURE__ */ T(Te, {
+												children: /* @__PURE__ */ T(we, {
 													className: "p-3 flex items-center gap-2",
 													children: [
 														/* @__PURE__ */ T("div", {
@@ -1351,7 +1351,7 @@ var D = he(function({ isOpen: he, onClose: g }) {
 										alignItems: "center",
 										gap: "var(--space-iconGap)"
 									},
-									children: [/* @__PURE__ */ w(Fe, { style: {
+									children: [/* @__PURE__ */ w(Pe, { style: {
 										width: "var(--size-icon-sm)",
 										height: "var(--size-icon-sm)"
 									} }), D("bigconsole.widget.properties.footer.saving", "Saving...")]

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js

@@ -1,6 +1,6 @@
 import { memo as e, useMemo as t } from "react";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/calendar/CalendarWidget.tsx
 function a(e, t) {
 	for (let n of t) if (e[n] !== void 0 && e[n] !== null) return e[n];
@@ -46,53 +46,53 @@ function o(e) {
 	}).filter((e) => e !== null) : [];
 }
 var s = e(function({ widget: e, data: a, onClick: s }) {
-	let { t: c } = n(), l = t(() => o(a), [a]), u = t(() => {
+	let { t: c } = i(), l = t(() => o(a), [a]), u = t(() => {
 		let e = /* @__PURE__ */ new Date(), t = new Date(e.getTime() + 10080 * 60 * 1e3);
 		return l.filter((n) => {
 			let r = new Date(n.start);
 			return r >= e && r <= t;
 		}).sort((e, t) => new Date(e.start).getTime() - new Date(t.start).getTime()).slice(0, 8);
 	}, [l]);
-	return l.length ? /* @__PURE__ */ i("div", {
+	return l.length ? /* @__PURE__ */ r("div", {
 		className: "flex flex-col h-full p-4 overflow-auto",
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				className: "flex items-center justify-between mb-4",
-				children: [/* @__PURE__ */ r("h3", {
+				children: [/* @__PURE__ */ n("h3", {
 					className: "text-sm font-medium text-text-primary",
 					children: c("bigconsole.widget.calendar.upcomingEvents", "Upcoming Events")
-				}), /* @__PURE__ */ r("span", {
+				}), /* @__PURE__ */ n("span", {
 					className: "text-xs text-text-secondary",
 					children: c("bigconsole.widget.calendar.eventCount", "{{count}} events", { count: l.length })
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ n("div", {
 				className: "flex-1 space-y-2 overflow-auto",
 				children: u.map((e) => {
-					let t = new Date(e.start), n = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-					return /* @__PURE__ */ r("div", {
+					let t = new Date(e.start), i = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+					return /* @__PURE__ */ n("div", {
 						className: `
                   p-3 rounded-lg border border-border-default
                   ${s ? "cursor-pointer hover:border-action-primary-bg" : ""}
                   transition-colors
                 `,
 						onClick: () => s?.(e),
-						children: /* @__PURE__ */ i("div", {
+						children: /* @__PURE__ */ r("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ r("div", {
+							children: [/* @__PURE__ */ n("div", {
 								className: "w-1 h-full min-h-[40px] rounded-full flex-shrink-0",
 								style: { backgroundColor: e.color || "var(--color-action-primary-bg)" }
-							}), /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ r("div", {
 								className: "flex-1 min-w-0",
 								children: [
-									/* @__PURE__ */ r("p", {
+									/* @__PURE__ */ n("p", {
 										className: "text-sm font-medium text-text-primary truncate",
 										children: e.title
 									}),
-									/* @__PURE__ */ i("p", {
+									/* @__PURE__ */ r("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [
-											n ? /* @__PURE__ */ r("span", {
+											i ? /* @__PURE__ */ n("span", {
 												className: "text-status-success-text font-medium",
 												children: c("bigconsole.widget.calendar.today", "Today")
 											}) : t.toLocaleDateString("en-US", {
@@ -100,20 +100,20 @@ var s = e(function({ widget: e, data: a, onClick: s }) {
 												month: "short",
 												day: "numeric"
 											}),
-											!e.allDay && /* @__PURE__ */ r("span", {
+											!e.allDay && /* @__PURE__ */ n("span", {
 												className: "ml-2",
 												children: t.toLocaleTimeString("en-US", {
 													hour: "numeric",
 													minute: "2-digit"
 												})
 											}),
-											e.allDay && /* @__PURE__ */ r("span", {
+											e.allDay && /* @__PURE__ */ n("span", {
 												className: "ml-2",
 												children: c("bigconsole.widget.calendar.allDay", "All day")
 											})
 										]
 									}),
-									e.category && /* @__PURE__ */ r("span", {
+									e.category && /* @__PURE__ */ n("span", {
 										className: "inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary",
 										children: e.category
 									})
@@ -123,27 +123,27 @@ var s = e(function({ widget: e, data: a, onClick: s }) {
 					}, e.id);
 				})
 			}),
-			l.length > u.length && /* @__PURE__ */ r("p", {
+			l.length > u.length && /* @__PURE__ */ n("p", {
 				className: "text-xs text-text-muted text-center mt-3",
 				children: c("bigconsole.widget.calendar.moreEvents", "+{{count}} more events", { count: l.length - u.length })
 			})
 		]
-	}) : /* @__PURE__ */ r("div", {
+	}) : /* @__PURE__ */ n("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ r("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ r("svg", {
+			children: [/* @__PURE__ */ n("svg", {
 				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ r("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
 				})
-			}), /* @__PURE__ */ r("p", { children: c("bigconsole.widget.calendar.emptyState", "No events to display") })]
+			}), /* @__PURE__ */ n("p", { children: c("bigconsole.widget.calendar.emptyState", "No events to display") })]
 		})
 	});
 });

package/dist/bigconsole/components/widgets/chart/ChartConfig.js

@@ -1,9 +1,9 @@
 import { memo as e, useCallback as t, useMemo as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/chart/ChartConfig.tsx
 var s = e(function({ config: e, onChange: s }) {
-	let { t: c } = r(), l = n(() => [
+	let { t: c } = o(), l = n(() => [
 		{
 			value: "line",
 			label: c("bigconsole.widget.config.chart.type.line", "Line Chart")
@@ -64,47 +64,47 @@ var s = e(function({ config: e, onChange: s }) {
 			[t]: n
 		});
 	}, [e, s]), p = e.chartType === "pie" || e.chartType === "funnel";
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ a("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.chart.chartTypeLabel", "Chart Type")
-			}), /* @__PURE__ */ a("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.chartType || "line",
 				onChange: (e) => f("chartType", e.target.value),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
-				children: l.map((e) => /* @__PURE__ */ a("option", {
+				children: l.map((e) => /* @__PURE__ */ i("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			})] }),
-			!p && /* @__PURE__ */ o(i, { children: [
-				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			!p && /* @__PURE__ */ a(r, { children: [
+				/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.xAxisFieldLabel", "X-Axis Field")
-				}), /* @__PURE__ */ a("input", {
+				}), /* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.xAxisField || "",
 					onChange: (e) => f("xAxisField", e.target.value),
 					placeholder: c("bigconsole.widget.config.chart.xAxisFieldPlaceholder", "e.g., date, category"),
 					className: "\n                w-full px-3 py-2\n                text-sm text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n              "
 				})] }),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
 						children: c("bigconsole.widget.config.chart.xAxisLabelLabel", "X-Axis Label")
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "text",
 						value: e.xAxisLabel || "",
 						onChange: (e) => f("xAxisLabel", e.target.value),
 						placeholder: c("bigconsole.widget.config.chart.optionalPlaceholder", "Optional"),
 						className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
-					})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
 						children: c("bigconsole.widget.config.chart.yAxisLabelLabel", "Y-Axis Label")
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "text",
 						value: e.yAxisLabel || "",
 						onChange: (e) => f("yAxisLabel", e.target.value),
@@ -112,74 +112,74 @@ var s = e(function({ config: e, onChange: s }) {
 						className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
 					})] })]
 				}),
-				(e.chartType === "line" || e.chartType === "area") && /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				(e.chartType === "line" || e.chartType === "area") && /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.curveTypeLabel", "Curve Type")
-				}), /* @__PURE__ */ a("select", {
+				}), /* @__PURE__ */ i("select", {
 					value: e.curveType || "monotone",
 					onChange: (e) => f("curveType", e.target.value),
 					className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                ",
-					children: u.map((e) => /* @__PURE__ */ a("option", {
+					children: u.map((e) => /* @__PURE__ */ i("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})] })
 			] }),
-			p && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+			p && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.valueFieldLabel", "Value Field")
-				}), /* @__PURE__ */ a("input", {
+				}), /* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.valueField || "",
 					onChange: (e) => f("valueField", e.target.value),
 					placeholder: c("bigconsole.widget.config.chart.valueFieldPlaceholder", "e.g., value"),
 					className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
-				})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.labelFieldLabel", "Label Field")
-				}), /* @__PURE__ */ a("input", {
+				}), /* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.labelField || "",
 					onChange: (e) => f("labelField", e.target.value),
 					placeholder: c("bigconsole.widget.config.chart.labelFieldPlaceholder", "e.g., name"),
 					className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
 				})] })]
-			}), e.chartType === "pie" && /* @__PURE__ */ o("label", {
+			}), e.chartType === "pie" && /* @__PURE__ */ a("label", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ a("input", {
+				children: [/* @__PURE__ */ i("input", {
 					type: "checkbox",
 					checked: e.showAsDonut === !0,
 					onChange: (e) => f("showAsDonut", e.target.checked),
 					className: "\n                  w-4 h-4\n                  text-action-primary-bg\n                  bg-bg-surface\n                  border-border-default\n                  rounded\n                  focus:ring-action-primary-bg\n                "
-				}), /* @__PURE__ */ a("span", {
+				}), /* @__PURE__ */ i("span", {
 					className: "text-sm text-text-primary",
 					children: c("bigconsole.widget.config.chart.showAsDonut", "Show as Donut")
 				})]
 			})] }),
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.chart.legendPositionLabel", "Legend Position")
-			}), /* @__PURE__ */ a("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.legendPosition || "bottom",
 				onChange: (e) => f("legendPosition", e.target.value),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
-				children: d.map((e) => /* @__PURE__ */ a("option", {
+				children: d.map((e) => /* @__PURE__ */ i("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			})] }),
-			!p && /* @__PURE__ */ o("div", { children: [
-				/* @__PURE__ */ a("label", {
+			!p && /* @__PURE__ */ a("div", { children: [
+				/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.fieldsToDisplayLabel", "Fields to Display")
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ i("p", {
 					className: "text-xs text-text-secondary mb-2",
 					children: c("bigconsole.widget.config.chart.fieldsToDisplayHelp", "Select which numeric fields to show as chart series. Leave empty to show all.")
 				}),
-				/* @__PURE__ */ a("input", {
+				/* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.selectedFields?.join(", ") || "",
 					onChange: (e) => {
@@ -189,63 +189,63 @@ var s = e(function({ config: e, onChange: s }) {
 					placeholder: c("bigconsole.widget.config.chart.fieldsToDisplayPlaceholder", "e.g., revenue, orders, users (comma-separated)"),
 					className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ i("p", {
 					className: "text-xs text-text-muted mt-1",
 					children: c("bigconsole.widget.config.chart.fieldsToDisplayHint", "Enter field names separated by commas")
 				})
 			] }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ a("p", {
+					/* @__PURE__ */ i("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.showGrid !== !1,
 							onChange: (e) => f("showGrid", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.showGrid", "Show Grid")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.showLegend !== !1,
 							onChange: (e) => f("showLegend", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.showLegend", "Show Legend")
 						})]
 					}),
-					!p && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("label", {
+					!p && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.showDataPoints === !0,
 							onChange: (e) => f("showDataPoints", e.target.checked),
 							className: "\n                  w-4 h-4\n                  text-action-primary-bg\n                  bg-bg-surface\n                  border-border-default\n                  rounded\n                  focus:ring-action-primary-bg\n                "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.showDataPoints", "Show Data Points")
 						})]
-					}), (e.chartType === "bar" || e.chartType === "area") && /* @__PURE__ */ o("label", {
+					}), (e.chartType === "bar" || e.chartType === "area") && /* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.stacked === !0,
 							onChange: (e) => f("stacked", e.target.checked),
 							className: "\n                    w-4 h-4\n                    text-action-primary-bg\n                    bg-bg-surface\n                    border-border-default\n                    rounded\n                    focus:ring-action-primary-bg\n                  "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.stacked", "Stacked")
 						})]