@burdenoff/microfe-bigconsole 2026.1008.10 → 2026.1008.12

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

@@ -4,9 +4,9 @@ import { Section as i } from "../common/Section.js";
 import "../common/index.js";
 import "../../hooks/useDrilldown.js";
 import { memo as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { useApolloClient as u, useQuery as d } from "@apollo/client/react";
-import { Fragment as ee, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useApolloClient as ee, useQuery as d } from "@apollo/client/react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/DrilldownConfigPanel.tsx
 var h = "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", g = `${h} w-full px-3`, _ = "bg-action-primary-bg border-action-primary-bg", v = "bg-bg-sunken border-[var(--color-border-strong)]", y = "bg-bg-surface shadow-[var(--shadow-elevation-1)]", b = 50, te = 250;
 function x(e, t = "") {
@@ -20,7 +20,7 @@ function x(e, t = "") {
 	return n;
 }
 var S = a(function({ widget: a, onChange: S, widgetData: C }) {
-	let { t: w } = m(), T = u(), [E, ne] = l(a.drilldown?.enabled ?? !1), [D, re] = l(a.drilldown?.targetDashboardId ?? ""), [O, k] = l(a.drilldown?.targetPageId ?? null), [A, ie] = l(a.drilldown?.navigationMode ?? "MODAL"), [j, M] = l(a.drilldown?.passGlobalFilters ?? !0), [N, ae] = l(a.drilldown?.maxDepth ?? 3), [P, F] = l(() => {
+	let { t: w } = u(), T = ee(), [E, ne] = l(a.drilldown?.enabled ?? !1), [D, re] = l(a.drilldown?.targetDashboardId ?? ""), [O, k] = l(a.drilldown?.targetPageId ?? null), [A, ie] = l(a.drilldown?.navigationMode ?? "MODAL"), [j, ae] = l(a.drilldown?.passGlobalFilters ?? !0), [M, oe] = l(a.drilldown?.maxDepth ?? 3), [N, P] = l(() => {
 		let e = a.drilldown?.parameterMapping;
 		return e ? Object.entries(e).map(([e, t]) => ({
 			key: e,
@@ -29,7 +29,7 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 			key: "",
 			value: ""
 		}];
-	}), [I, oe] = l([]), [se, L] = l(!1), [ce, R] = l(!1), [z, le] = l(""), [ue, B] = l(null), V = a.dashboardId ?? "", H = !!D && D === V, U = a.drilldown?.id, { data: W } = d(t, {
+	}), [F, se] = l([]), [ce, I] = l(!1), [le, L] = l(!1), [R, ue] = l(""), [z, B] = l(null), V = a.dashboardId ?? "", H = !!D && D === V, U = a.drilldown?.id, { data: W } = d(t, {
 		variables: { widgetId: a.id },
 		skip: !U,
 		fetchPolicy: "cache-and-network"
@@ -57,7 +57,7 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 		return n.push("{{widget.value}}", "{{widget.title}}", "{{widget.id}}"), n.push("{{globals.vars.dateFrom}}", "{{globals.vars.dateTo}}"), [...new Set(n)];
 	}, [C]), Q = o(() => {
 		let e = {};
-		for (let { key: t, value: n } of P) t.trim() && n.trim() && (e[t.trim()] = n.trim());
+		for (let { key: t, value: n } of N) t.trim() && n.trim() && (e[t.trim()] = n.trim());
 		S?.({
 			enabled: E,
 			targetDashboardId: D,
@@ -65,16 +65,16 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 			navigationMode: A,
 			parameterMapping: e,
 			passGlobalFilters: j,
-			maxDepth: N
+			maxDepth: M
 		});
 	}, [
 		E,
 		D,
 		O,
 		A,
-		P,
-		j,
 		N,
+		j,
+		M,
 		S
 	]);
 	s(() => {
@@ -84,15 +84,15 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 		D,
 		O,
 		A,
-		P,
-		j,
 		N,
+		j,
+		M,
 		Q
 	]), s(() => {
 		let e = !1, t = setTimeout(async () => {
-			L(!0), R(!1);
+			I(!0), L(!1);
 			try {
-				let t = z.trim(), r = await T.query({
+				let t = R.trim(), r = await T.query({
 					query: n,
 					variables: {
 						first: b,
@@ -101,22 +101,22 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 					fetchPolicy: "cache-first"
 				});
 				if (e) return;
-				oe((r.data?.listDashboards?.edges ?? []).map((e) => e?.node).filter((e) => !!e).map((e) => ({
+				se((r.data?.listDashboards?.edges ?? []).map((e) => e?.node).filter((e) => !!e).map((e) => ({
 					id: e.id,
 					name: e.name
 				})));
 			} catch {
-				e || R(!0);
+				e || L(!0);
 			} finally {
-				e || L(!1);
+				e || I(!1);
 			}
 		}, te);
 		return () => {
 			e = !0, clearTimeout(t);
 		};
-	}, [T, z]);
+	}, [T, R]);
 	let fe = c(() => {
-		let e = I.filter((e) => e.id !== V);
+		let e = F.filter((e) => e.id !== V);
 		if (D && D !== V && !e.some((e) => e.id === D)) {
 			let t = G?.targetDashboard?.id === D ? G.targetDashboard.name : void 0;
 			e.unshift({
@@ -126,7 +126,7 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 		}
 		return e;
 	}, [
-		I,
+		F,
 		V,
 		D,
 		G,
@@ -134,92 +134,92 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 	]), pe = o((e) => {
 		re(e), k(null);
 	}, []), me = o(() => {
-		F((e) => [...e, {
+		P((e) => [...e, {
 			key: "",
 			value: ""
 		}]);
 	}, []), he = o((e) => {
-		F((t) => t.filter((t, n) => n !== e));
+		P((t) => t.filter((t, n) => n !== e));
 	}, []), $ = o((e, t, n) => {
-		F((r) => r.map((r, i) => i === e ? {
+		P((r) => r.map((r, i) => i === e ? {
 			...r,
 			[t]: n
 		} : r));
 	}, []);
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("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__ */ f("label", {
+				children: [/* @__PURE__ */ p("label", {
 					htmlFor: "drilldown-enable",
 					className: "text-sm font-medium text-text-primary",
 					children: w("bigconsole.widget.drilldown.enableLabel", "Enable Drilldown")
-				}), /* @__PURE__ */ f("button", {
+				}), /* @__PURE__ */ p("button", {
 					id: "drilldown-enable",
 					type: "button",
 					role: "switch",
 					"aria-checked": E,
 					onClick: () => ne(!E),
 					className: `relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border motion-safe:transition-colors ${r} ${E ? _ : v}`,
-					children: /* @__PURE__ */ f("span", { className: `inline-block h-4 w-4 transform rounded-full motion-safe:transition-transform ${y} ${E ? "translate-x-6" : "translate-x-1"}` })
+					children: /* @__PURE__ */ p("span", { className: `inline-block h-4 w-4 transform rounded-full motion-safe:transition-transform ${y} ${E ? "translate-x-6" : "translate-x-1"}` })
 				})]
 			}),
-			E && /* @__PURE__ */ p(ee, { children: [
-				/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("label", {
+			E && /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("label", {
 						htmlFor: "drilldown-target",
 						className: "mb-1 block text-sm font-medium text-text-primary",
 						children: w("bigconsole.widget.drilldown.targetDashboardLabel", "Target Dashboard")
 					}),
-					/* @__PURE__ */ f("input", {
+					/* @__PURE__ */ p("input", {
 						type: "search",
-						value: z,
-						onChange: (e) => le(e.target.value),
+						value: R,
+						onChange: (e) => ue(e.target.value),
 						placeholder: w("bigconsole.widget.drilldown.searchDashboards", "Search dashboards..."),
 						"aria-label": w("bigconsole.widget.drilldown.searchDashboards", "Search dashboards..."),
 						className: `${g} mb-2`,
 						"data-testid": "drilldown-dashboard-search"
 					}),
-					/* @__PURE__ */ p("select", {
+					/* @__PURE__ */ m("select", {
 						id: "drilldown-target",
 						value: D,
 						onChange: (e) => pe(e.target.value),
 						className: g,
 						"data-testid": "drilldown-target-dashboard",
 						children: [
-							/* @__PURE__ */ f("option", {
+							/* @__PURE__ */ p("option", {
 								value: "",
 								children: w("bigconsole.widget.drilldown.selectDashboard", "Select a dashboard...")
 							}),
-							V && /* @__PURE__ */ f("option", {
+							V && /* @__PURE__ */ p("option", {
 								value: V,
 								children: w("bigconsole.widget.drilldown.thisDashboard", "This dashboard (another page)")
 							}),
-							fe.map((e) => /* @__PURE__ */ f("option", {
+							fe.map((e) => /* @__PURE__ */ p("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))
 						]
 					}),
-					se && /* @__PURE__ */ f("p", {
+					ce && /* @__PURE__ */ p("p", {
 						className: "mt-1 text-xs text-text-muted",
 						role: "status",
 						children: w("bigconsole.widget.drilldown.loadingDashboards", "Loading dashboards...")
 					}),
-					ce && /* @__PURE__ */ f("p", {
+					le && /* @__PURE__ */ p("p", {
 						className: "mt-1 text-xs text-[var(--color-status-error-text)]",
 						role: "alert",
 						children: w("bigconsole.widget.drilldown.dashboardsLoadError", "Could not load dashboards. Try again.")
 					})
 				] }),
-				D && /* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("label", {
+				D && /* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("label", {
 						htmlFor: "drilldown-target-page",
 						className: "mb-1 block text-sm font-medium text-text-primary",
 						children: w("bigconsole.widget.drilldown.targetPageLabel", "Target Page")
 					}),
-					/* @__PURE__ */ p("select", {
+					/* @__PURE__ */ m("select", {
 						id: "drilldown-target-page",
 						value: O ?? "",
 						onChange: (e) => k(e.target.value || null),
@@ -227,38 +227,38 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 						"aria-invalid": X,
 						className: g,
 						"data-testid": "drilldown-target-page",
-						children: [/* @__PURE__ */ f("option", {
+						children: [/* @__PURE__ */ p("option", {
 							value: "",
 							children: H ? w("bigconsole.widget.drilldown.selectPage", "Select a page...") : w("bigconsole.widget.drilldown.firstPage", "First page (default)")
-						}), Y.map((e, t) => /* @__PURE__ */ f("option", {
+						}), Y.map((e, t) => /* @__PURE__ */ p("option", {
 							value: e.id,
 							children: e.name || w("bigconsole.dashboards.view.pageName", "Page {{count}}", { count: t + 1 })
 						}, e.id))]
 					}),
-					X && /* @__PURE__ */ f("p", {
+					X && /* @__PURE__ */ p("p", {
 						className: "mt-1 text-xs text-[var(--color-status-error-text)]",
 						role: "alert",
 						children: Y.length === 0 && !q ? w("bigconsole.widget.drilldown.noOtherPages", "This dashboard has no other page. Add a page, or pick another dashboard.") : w("bigconsole.widget.drilldown.samePageRequired", "Pick the page of this dashboard to open.")
 					})
 				] }),
-				de && /* @__PURE__ */ f(i, {
+				de && /* @__PURE__ */ p(i, {
 					tone: "warning",
 					padding: "compact",
 					headingLevel: 4,
 					title: w("bigconsole.widget.drilldown.unavailableTitle", "Target unavailable"),
 					"data-testid": "drilldown-target-unavailable",
-					children: /* @__PURE__ */ f("p", {
+					children: /* @__PURE__ */ p("p", {
 						className: "text-xs text-text-secondary",
 						children: w("bigconsole.widget.drilldown.unavailableHelp", "The target dashboard was deleted, archived, or is no longer shared with you. Viewers see a notice instead of navigating. Pick another target.")
 					})
 				}),
-				/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("p", {
+				/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("p", {
 						className: "mb-1 text-sm font-medium text-text-primary",
 						id: "drilldown-nav-mode-label",
 						children: w("bigconsole.widget.drilldown.navigationModeLabel", "Navigation Mode")
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex flex-wrap gap-2",
 						role: "group",
 						"aria-labelledby": "drilldown-nav-mode-label",
@@ -266,7 +266,7 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 							"MODAL",
 							"NEW_TAB",
 							"SAME_WINDOW"
-						].map((e) => /* @__PURE__ */ p("button", {
+						].map((e) => /* @__PURE__ */ m("button", {
 							type: "button",
 							"aria-pressed": A === e,
 							onClick: () => ie(e),
@@ -278,7 +278,7 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 							]
 						}, e))
 					}),
-					/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ m("p", {
 						className: "mt-1 text-xs text-text-muted",
 						children: [
 							A === "MODAL" && w("bigconsole.widget.drilldown.modeHelp.modal", "Opens the target in a modal overlay"),
@@ -287,27 +287,27 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 						]
 					})
 				] }),
-				/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ m("div", {
 						className: "mb-2 flex flex-wrap items-center justify-between gap-2",
-						children: [/* @__PURE__ */ f("p", {
+						children: [/* @__PURE__ */ p("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: w("bigconsole.widget.drilldown.parameterMappingsLabel", "Parameter Mappings")
-						}), /* @__PURE__ */ f("button", {
+						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: me,
 							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: w("bigconsole.widget.drilldown.addParameter", "+ Add Parameter")
 						})]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "space-y-2",
-						children: P.map((e, t) => /* @__PURE__ */ f("div", {
+						children: N.map((e, t) => /* @__PURE__ */ p("div", {
 							className: "relative",
-							children: /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "flex min-w-0 flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ f("input", {
+									/* @__PURE__ */ p("input", {
 										type: "text",
 										value: e.key,
 										onChange: (e) => $(t, "key", e.target.value),
@@ -315,14 +315,14 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 										"aria-label": `Parameter ${t + 1} name`,
 										className: `${g} min-w-[7rem] flex-1`
 									}),
-									/* @__PURE__ */ f("span", {
+									/* @__PURE__ */ p("span", {
 										"aria-hidden": "true",
 										className: "text-text-muted",
 										children: "="
 									}),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ m("div", {
 										className: "relative min-w-[7rem] flex-1",
-										children: [/* @__PURE__ */ f("input", {
+										children: [/* @__PURE__ */ p("input", {
 											type: "text",
 											value: e.value,
 											onChange: (e) => $(t, "value", e.target.value),
@@ -331,9 +331,9 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 											placeholder: w("bigconsole.widget.drilldown.parameterValuePlaceholder", "{{row.field}} or static"),
 											"aria-label": `Parameter ${t + 1} value`,
 											className: g
-										}), ue === t && Z.length > 0 && /* @__PURE__ */ f("div", {
+										}), z === t && Z.length > 0 && /* @__PURE__ */ p("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: Z.slice(0, 10).map((e) => /* @__PURE__ */ f("button", {
+											children: Z.slice(0, 10).map((e) => /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: () => {
 													$(t, "value", e), B(null);
@@ -343,17 +343,17 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 											}, e))
 										})]
 									}),
-									P.length > 1 && /* @__PURE__ */ f("button", {
+									N.length > 1 && /* @__PURE__ */ p("button", {
 										type: "button",
 										onClick: () => he(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__ */ f("svg", {
+										children: /* @__PURE__ */ p("svg", {
 											className: "h-icon-sm w-icon-sm",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ f("path", {
+											children: /* @__PURE__ */ p("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -365,85 +365,85 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 							})
 						}, t))
 					}),
-					/* @__PURE__ */ p("p", {
+					/* @__PURE__ */ m("p", {
 						className: "mt-2 text-xs text-text-muted",
 						children: [
 							w("bigconsole.widget.drilldown.paramHelp.usePrefix", "Use"),
 							" ",
-							/* @__PURE__ */ f("code", {
+							/* @__PURE__ */ p("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{row.field}}"
 							}),
 							" ",
 							w("bigconsole.widget.drilldown.paramHelp.useSuffix", "for dynamic values or enter static text."),
-							/* @__PURE__ */ f("br", {}),
+							/* @__PURE__ */ p("br", {}),
 							w("bigconsole.widget.drilldown.paramHelp.examples", "Examples:"),
 							" ",
-							/* @__PURE__ */ f("code", {
+							/* @__PURE__ */ p("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{row.category}}"
 							}),
 							",",
 							" ",
-							/* @__PURE__ */ f("code", {
+							/* @__PURE__ */ p("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{item.id}}"
 							}),
 							",",
 							" ",
-							/* @__PURE__ */ f("code", {
+							/* @__PURE__ */ p("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{globals.vars.dateFrom}}"
 							})
 						]
 					})
 				] }),
-				/* @__PURE__ */ f(i, {
+				/* @__PURE__ */ p(i, {
 					emphasis: "muted",
 					padding: "compact",
 					headingLevel: 4,
 					title: w("bigconsole.widget.drilldown.advancedOptions", "Advanced Options"),
 					description: w("bigconsole.widget.drilldown.advancedOptionsHelp", "Rarely changed. Defaults suit most drilldowns."),
 					"data-testid": "drilldown-advanced",
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									htmlFor: "drilldown-pass-filters",
 									className: "text-sm text-text-primary",
 									children: w("bigconsole.widget.drilldown.passGlobalFiltersLabel", "Pass Global Filters")
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ p("p", {
 									className: "text-xs text-text-muted",
 									children: w("bigconsole.widget.drilldown.passGlobalFiltersHelp", "Include current dashboard filters in drilldown")
 								})]
-							}), /* @__PURE__ */ f("button", {
+							}), /* @__PURE__ */ p("button", {
 								id: "drilldown-pass-filters",
 								type: "button",
 								role: "switch",
 								"aria-checked": j,
-								onClick: () => M(!j),
+								onClick: () => ae(!j),
 								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 ${j ? _ : v}`,
-								children: /* @__PURE__ */ f("span", { className: `inline-block h-3 w-3 transform rounded-full motion-safe:transition-transform ${y} ${j ? "translate-x-5" : "translate-x-1"}` })
+								children: /* @__PURE__ */ p("span", { className: `inline-block h-3 w-3 transform rounded-full motion-safe:transition-transform ${y} ${j ? "translate-x-5" : "translate-x-1"}` })
 							})]
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									htmlFor: "drilldown-max-depth",
 									className: "text-sm text-text-primary",
 									children: w("bigconsole.widget.drilldown.maxDepthLabel", "Max Drilldown Depth")
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ p("p", {
 									className: "text-xs text-text-muted",
 									children: w("bigconsole.widget.drilldown.maxDepthHelp", "Limit nested drilldown levels")
 								})]
-							}), /* @__PURE__ */ f("select", {
+							}), /* @__PURE__ */ p("select", {
 								id: "drilldown-max-depth",
-								value: N,
-								onChange: (e) => ae(Number(e.target.value)),
+								value: M,
+								onChange: (e) => oe(Number(e.target.value)),
 								className: `${h} w-auto min-w-[4rem] shrink-0 px-2`,
 								children: [
 									1,
@@ -451,7 +451,7 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 									3,
 									4,
 									5
-								].map((e) => /* @__PURE__ */ f("option", {
+								].map((e) => /* @__PURE__ */ p("option", {
 									value: e,
 									children: e
 								}, e))
@@ -460,13 +460,13 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 					})
 				})
 			] }),
-			!E && a.drilldown?.id && /* @__PURE__ */ f(i, {
+			!E && a.drilldown?.id && /* @__PURE__ */ p(i, {
 				tone: "warning",
 				padding: "compact",
 				headingLevel: 4,
 				title: w("bigconsole.widget.drilldown.removalTitle", "Drilldown will be removed"),
 				"data-testid": "drilldown-removal-notice",
-				children: /* @__PURE__ */ f("p", {
+				children: /* @__PURE__ */ p("p", {
 					className: "text-xs text-text-secondary",
 					children: w("bigconsole.widget.drilldown.removalWarning", "Drilldown will be removed when you save changes.")
 				})