@burdenoff/microfe-bigconsole 2026.924.2 → 2026.925.1

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

@@ -1,12 +1,12 @@
-import { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
-import { Section as t } from "../common/Section.js";
+import { ListDashboardsDocument as e } from "../../../generated/wspace-operations.js";
+import { SECTION_FOCUS_RING as t } from "../common/sectionStyles.js";
+import { Section as n } from "../common/Section.js";
 import "../common/index.js";
-import { ListDashboardsDocument as n } from "../../../generated/wspace-operations.js";
 import "../../hooks/useDrilldown.js";
 import { memo as r, useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
 import { useApolloClient as c } from "@apollo/client/react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/DrilldownConfigPanel.tsx
 var p = "min-h-control-md rounded-input border border-[var(--color-border-subtle)] bg-bg-surface py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface", m = `${p} w-full px-3`, h = "bg-action-primary-bg border-action-primary-bg", g = "bg-bg-sunken border-[var(--color-border-strong)]", _ = "bg-bg-surface shadow-[var(--shadow-elevation-1)]";
 function v(e, t = "") {
@@ -20,7 +20,7 @@ function v(e, t = "") {
 	return n;
 }
 var y = r(function({ widget: r, onChange: y, widgetData: b }) {
-	let { t: x } = l(), S = c(), [C, w] = s(r.drilldown?.enabled ?? !1), [T, E] = s(r.drilldown?.targetDashboardId ?? ""), [D, O] = s(r.drilldown?.navigationMode ?? "MODAL"), [k, A] = s(r.drilldown?.passGlobalFilters ?? !0), [j, M] = s(r.drilldown?.maxDepth ?? 3), [N, P] = s(r.drilldown?.openIn ?? "same"), [F, I] = s(() => {
+	let { t: x } = f(), S = c(), [C, w] = s(r.drilldown?.enabled ?? !1), [T, E] = s(r.drilldown?.targetDashboardId ?? ""), [D, O] = s(r.drilldown?.navigationMode ?? "MODAL"), [k, A] = s(r.drilldown?.passGlobalFilters ?? !0), [j, M] = s(r.drilldown?.maxDepth ?? 3), [N, P] = s(r.drilldown?.openIn ?? "same"), [F, I] = s(() => {
 		let e = r.drilldown?.parameterMapping;
 		return e ? Object.entries(e).map(([e, t]) => ({
 			key: e,
@@ -73,11 +73,11 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 		N,
 		W
 	]), a(() => {
-		async function e() {
+		async function t() {
 			B(!0);
 			try {
 				R(((await S.query({
-					query: n,
+					query: e,
 					variables: { first: 100 },
 					fetchPolicy: "cache-first"
 				})).data?.listDashboards?.edges || []).map((e) => {
@@ -91,7 +91,7 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 				B(!1);
 			}
 		}
-		e();
+		t();
 	}, [S]);
 	let G = i(() => {
 		I((e) => [...e, {
@@ -106,51 +106,51 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 			[t]: n
 		} : r));
 	}, []);
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ d("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-card border border-[var(--color-border-subtle)] bg-bg-surface p-3",
-				children: [/* @__PURE__ */ d("label", {
+				children: [/* @__PURE__ */ u("label", {
 					htmlFor: "drilldown-enable",
 					className: "text-sm font-medium text-text-primary",
 					children: x("bigconsole.widget.drilldown.enableLabel", "Enable Drilldown")
-				}), /* @__PURE__ */ d("button", {
+				}), /* @__PURE__ */ u("button", {
 					id: "drilldown-enable",
 					type: "button",
 					role: "switch",
 					"aria-checked": C,
 					onClick: () => w(!C),
-					className: `relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border motion-safe:transition-colors ${e} ${C ? h : g}`,
-					children: /* @__PURE__ */ d("span", { className: `inline-block h-4 w-4 transform rounded-full motion-safe:transition-transform ${_} ${C ? "translate-x-6" : "translate-x-1"}` })
+					className: `relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border motion-safe:transition-colors ${t} ${C ? h : g}`,
+					children: /* @__PURE__ */ u("span", { className: `inline-block h-4 w-4 transform rounded-full motion-safe:transition-transform ${_} ${C ? "translate-x-6" : "translate-x-1"}` })
 				})]
 			}),
-			C && /* @__PURE__ */ f(u, { children: [
-				/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+			C && /* @__PURE__ */ d(l, { children: [
+				/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 					htmlFor: "drilldown-target",
 					className: "mb-1 block text-sm font-medium text-text-primary",
 					children: x("bigconsole.widget.drilldown.targetDashboardLabel", "Target Dashboard")
-				}), /* @__PURE__ */ f("select", {
+				}), /* @__PURE__ */ d("select", {
 					id: "drilldown-target",
 					value: T,
 					onChange: (e) => E(e.target.value),
 					disabled: z,
 					className: m,
-					children: [/* @__PURE__ */ d("option", {
+					children: [/* @__PURE__ */ u("option", {
 						value: "",
 						children: x("bigconsole.widget.drilldown.selectDashboard", "Select a dashboard...")
-					}), L.filter((e) => e.id !== r.dashboardId).map((e) => /* @__PURE__ */ d("option", {
+					}), L.filter((e) => e.id !== r.dashboardId).map((e) => /* @__PURE__ */ u("option", {
 						value: e.id,
 						children: e.name
 					}, e.id))]
 				})] }),
-				/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ d("p", {
+				/* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ u("p", {
 						className: "mb-1 text-sm font-medium text-text-primary",
 						id: "drilldown-nav-mode-label",
 						children: x("bigconsole.widget.drilldown.navigationModeLabel", "Navigation Mode")
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						className: "flex flex-wrap gap-2",
 						role: "group",
 						"aria-labelledby": "drilldown-nav-mode-label",
@@ -158,7 +158,7 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 							"MODAL",
 							"NEW_TAB",
 							"SAME_WINDOW"
-						].map((e) => /* @__PURE__ */ f("button", {
+						].map((e) => /* @__PURE__ */ d("button", {
 							type: "button",
 							"aria-pressed": D === e,
 							onClick: () => O(e),
@@ -170,7 +170,7 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 							]
 						}, e))
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ d("p", {
 						className: "mt-1 text-xs text-text-muted",
 						children: [
 							D === "MODAL" && x("bigconsole.widget.drilldown.modeHelp.modal", "Opens target dashboard in a modal overlay"),
@@ -179,27 +179,27 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 						]
 					})
 				] }),
-				/* @__PURE__ */ f("div", { children: [
-					/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", { children: [
+					/* @__PURE__ */ d("div", {
 						className: "mb-2 flex flex-wrap items-center justify-between gap-2",
-						children: [/* @__PURE__ */ d("p", {
+						children: [/* @__PURE__ */ u("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: x("bigconsole.widget.drilldown.parameterMappingsLabel", "Parameter Mappings")
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: G,
 							className: "rounded-button px-1 text-xs 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: x("bigconsole.widget.drilldown.addParameter", "+ Add Parameter")
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						className: "space-y-2",
-						children: F.map((e, t) => /* @__PURE__ */ d("div", {
+						children: F.map((e, t) => /* @__PURE__ */ u("div", {
 							className: "relative",
-							children: /* @__PURE__ */ f("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: "flex min-w-0 flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ d("input", {
+									/* @__PURE__ */ u("input", {
 										type: "text",
 										value: e.key,
 										onChange: (e) => q(t, "key", e.target.value),
@@ -207,14 +207,14 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 										"aria-label": `Parameter ${t + 1} name`,
 										className: `${m} min-w-[7rem] flex-1`
 									}),
-									/* @__PURE__ */ d("span", {
+									/* @__PURE__ */ u("span", {
 										"aria-hidden": "true",
 										className: "text-text-muted",
 										children: "="
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ d("div", {
 										className: "relative min-w-[7rem] flex-1",
-										children: [/* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ u("input", {
 											type: "text",
 											value: e.value,
 											onChange: (e) => q(t, "value", e.target.value),
@@ -223,9 +223,9 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 											placeholder: x("bigconsole.widget.drilldown.parameterValuePlaceholder", "{{row.field}} or static"),
 											"aria-label": `Parameter ${t + 1} value`,
 											className: m
-										}), V === t && U.length > 0 && /* @__PURE__ */ d("div", {
+										}), V === t && U.length > 0 && /* @__PURE__ */ u("div", {
 											className: "absolute left-0 right-0 top-full z-10 mt-1 max-h-40 overflow-y-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface shadow-[var(--shadow-elevation-2)]",
-											children: U.slice(0, 10).map((e) => /* @__PURE__ */ d("button", {
+											children: U.slice(0, 10).map((e) => /* @__PURE__ */ u("button", {
 												type: "button",
 												onClick: () => {
 													q(t, "value", e), H(null);
@@ -235,17 +235,17 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 											}, e))
 										})]
 									}),
-									F.length > 1 && /* @__PURE__ */ d("button", {
+									F.length > 1 && /* @__PURE__ */ u("button", {
 										type: "button",
 										onClick: () => K(t),
 										"aria-label": `Remove parameter ${t + 1}`,
 										className: "rounded-button p-1 text-text-muted hover:text-[var(--color-status-error-text)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-										children: /* @__PURE__ */ d("svg", {
+										children: /* @__PURE__ */ u("svg", {
 											className: "h-icon-sm w-icon-sm",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ d("path", {
+											children: /* @__PURE__ */ u("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -257,84 +257,84 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 							})
 						}, t))
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ d("p", {
 						className: "mt-2 text-xs text-text-muted",
 						children: [
 							x("bigconsole.widget.drilldown.paramHelp.usePrefix", "Use"),
 							" ",
-							/* @__PURE__ */ d("code", {
+							/* @__PURE__ */ u("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{row.field}}"
 							}),
 							" ",
 							x("bigconsole.widget.drilldown.paramHelp.useSuffix", "for dynamic values or enter static text."),
-							/* @__PURE__ */ d("br", {}),
+							/* @__PURE__ */ u("br", {}),
 							x("bigconsole.widget.drilldown.paramHelp.examples", "Examples:"),
 							" ",
-							/* @__PURE__ */ d("code", {
+							/* @__PURE__ */ u("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{row.category}}"
 							}),
 							",",
 							" ",
-							/* @__PURE__ */ d("code", {
+							/* @__PURE__ */ u("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{item.id}}"
 							}),
 							",",
 							" ",
-							/* @__PURE__ */ d("code", {
+							/* @__PURE__ */ u("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{globals.vars.dateFrom}}"
 							})
 						]
 					})
 				] }),
-				/* @__PURE__ */ d(t, {
+				/* @__PURE__ */ u(n, {
 					emphasis: "muted",
 					padding: "compact",
 					headingLevel: 4,
 					title: x("bigconsole.widget.drilldown.advancedOptions", "Advanced Options"),
 					description: "Rarely changed. Defaults suit most drilldowns.",
 					"data-testid": "drilldown-advanced",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-col gap-2",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2",
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("label", {
+									children: [/* @__PURE__ */ u("label", {
 										htmlFor: "drilldown-pass-filters",
 										className: "text-sm text-text-primary",
 										children: x("bigconsole.widget.drilldown.passGlobalFiltersLabel", "Pass Global Filters")
-									}), /* @__PURE__ */ d("p", {
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-text-muted",
 										children: x("bigconsole.widget.drilldown.passGlobalFiltersHelp", "Include current dashboard filters in drilldown")
 									})]
-								}), /* @__PURE__ */ d("button", {
+								}), /* @__PURE__ */ u("button", {
 									id: "drilldown-pass-filters",
 									type: "button",
 									role: "switch",
 									"aria-checked": k,
 									onClick: () => A(!k),
 									className: `relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border motion-safe:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${k ? h : g}`,
-									children: /* @__PURE__ */ d("span", { className: `inline-block h-3 w-3 transform rounded-full motion-safe:transition-transform ${_} ${k ? "translate-x-5" : "translate-x-1"}` })
+									children: /* @__PURE__ */ u("span", { className: `inline-block h-3 w-3 transform rounded-full motion-safe:transition-transform ${_} ${k ? "translate-x-5" : "translate-x-1"}` })
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2",
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("label", {
+									children: [/* @__PURE__ */ u("label", {
 										htmlFor: "drilldown-max-depth",
 										className: "text-sm text-text-primary",
 										children: x("bigconsole.widget.drilldown.maxDepthLabel", "Max Drilldown Depth")
-									}), /* @__PURE__ */ d("p", {
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-text-muted",
 										children: x("bigconsole.widget.drilldown.maxDepthHelp", "Limit nested drilldown levels")
 									})]
-								}), /* @__PURE__ */ d("select", {
+								}), /* @__PURE__ */ u("select", {
 									id: "drilldown-max-depth",
 									value: j,
 									onChange: (e) => M(Number(e.target.value)),
@@ -345,35 +345,35 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 										3,
 										4,
 										5
-									].map((e) => /* @__PURE__ */ d("option", {
+									].map((e) => /* @__PURE__ */ u("option", {
 										value: e,
 										children: e
 									}, e))
 								})]
 							}),
-							D === "SAME_WINDOW" && /* @__PURE__ */ f("div", {
+							D === "SAME_WINDOW" && /* @__PURE__ */ d("div", {
 								className: "flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2",
-								children: [/* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ d("p", {
+									children: [/* @__PURE__ */ u("p", {
 										className: "text-sm text-text-primary",
 										id: "drilldown-open-in-label",
 										children: x("bigconsole.widget.drilldown.openInLabel", "Open In")
-									}), /* @__PURE__ */ d("p", {
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-text-muted",
 										children: x("bigconsole.widget.drilldown.openInHelp", "Tab behavior for navigation")
 									})]
-								}), /* @__PURE__ */ f("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "flex shrink-0 flex-wrap gap-1",
 									role: "group",
 									"aria-labelledby": "drilldown-open-in-label",
-									children: [/* @__PURE__ */ d("button", {
+									children: [/* @__PURE__ */ u("button", {
 										type: "button",
 										"aria-pressed": N === "same",
 										onClick: () => P("same"),
 										className: `min-h-control-md rounded-button px-2 text-xs font-medium motion-safe:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${N === "same" ? "bg-action-primary-bg text-action-primary-text" : "border border-[var(--color-border-subtle)] bg-bg-surface text-text-secondary hover:text-text-primary"}`,
 										children: x("bigconsole.widget.drilldown.openIn.sameTab", "Same Tab")
-									}), /* @__PURE__ */ d("button", {
+									}), /* @__PURE__ */ u("button", {
 										type: "button",
 										"aria-pressed": N === "new",
 										onClick: () => P("new"),
@@ -386,13 +386,13 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 					})
 				})
 			] }),
-			!C && r.drilldown?.id && /* @__PURE__ */ d(t, {
+			!C && r.drilldown?.id && /* @__PURE__ */ u(n, {
 				tone: "warning",
 				padding: "compact",
 				headingLevel: 4,
 				title: "Drilldown will be removed",
 				"data-testid": "drilldown-removal-notice",
-				children: /* @__PURE__ */ d("p", {
+				children: /* @__PURE__ */ u("p", {
 					className: "text-xs text-text-secondary",
 					children: x("bigconsole.widget.drilldown.removalWarning", "Drilldown will be removed when you save changes.")
 				})

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...")]