@burdenoff/microfe-bigconsole 2026.930.1 → 2026.1001.1

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

@@ -1,27 +1,27 @@
-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 { GetDrilldownTargetDashboardDocument as e, GetWidgetDrilldownTargetDocument as t, ListDashboardsDocument as n } from "../../../generated/wspace-operations.js";
+import { SECTION_FOCUS_RING as r } from "../common/sectionStyles.js";
+import { Section as i } from "../common/Section.js";
 import "../common/index.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 { 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";
+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";
 //#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 = "") {
+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 = "") {
 	if (!e || typeof e != "object") return [];
 	let n = [];
-	if (Array.isArray(e)) return e.length > 0 && typeof e[0] == "object" ? v(e[0], t) : [];
+	if (Array.isArray(e)) return e.length > 0 && typeof e[0] == "object" ? x(e[0], t) : [];
 	for (let [r, i] of Object.entries(e)) {
 		let e = t ? `${t}.${r}` : r;
-		n.push(e), i && typeof i == "object" && !Array.isArray(i) && t.split(".").length < 2 && n.push(...v(i, e));
+		n.push(e), i && typeof i == "object" && !Array.isArray(i) && t.split(".").length < 2 && n.push(...x(i, e));
 	}
 	return n;
 }
-var y = r(function({ widget: r, onChange: y, widgetData: b }) {
-	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;
+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 e = a.drilldown?.parameterMapping;
 		return e ? Object.entries(e).map(([e, t]) => ({
 			key: e,
 			value: t
@@ -29,128 +29,236 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 			key: "",
 			value: ""
 		}];
-	}), [L, R] = s([]), [z, B] = s(!1), [V, H] = s(null), U = o(() => {
-		if (!b) return [];
+	}), [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, {
+		variables: { widgetId: a.id },
+		skip: !U,
+		fetchPolicy: "cache-and-network"
+	}), G = W?.getWidget?.drilldown, de = !!U && !!W && !G?.targetDashboard && D === (a.drilldown?.targetDashboardId ?? ""), { data: K, loading: q } = d(e, {
+		variables: { id: D },
+		skip: !D,
+		fetchPolicy: "cache-first"
+	}), J = c(() => (K?.getDashboard?.pages?.edges ?? []).map((e) => e?.node).filter((e) => !!e).map((e) => ({
+		id: e.id,
+		name: e.name ?? "",
+		order: e.order ?? 0
+	})).sort((e, t) => e.order - t.order), [K]), Y = c(() => H ? J.filter((e) => e.id !== a.pageId) : J, [
+		H,
+		J,
+		a.pageId
+	]), X = E && H && !O, Z = c(() => {
+		if (!C) return [];
 		let e = [
 			"row",
 			"item",
 			"point",
 			"selectedData"
-		], t = v(b), n = [];
+		], t = x(C), n = [];
 		for (let r of t) for (let t of e) n.push(`{{${t}.${r}}}`);
 		return n.push("{{widget.value}}", "{{widget.title}}", "{{widget.id}}"), n.push("{{globals.vars.dateFrom}}", "{{globals.vars.dateTo}}"), [...new Set(n)];
-	}, [b]), W = i(() => {
+	}, [C]), Q = o(() => {
 		let e = {};
-		for (let { key: t, value: n } of F) t.trim() && n.trim() && (e[t.trim()] = n.trim());
-		y?.({
-			enabled: C,
-			targetDashboardId: T,
-			navigationMode: D,
+		for (let { key: t, value: n } of P) t.trim() && n.trim() && (e[t.trim()] = n.trim());
+		S?.({
+			enabled: E,
+			targetDashboardId: D,
+			targetPageId: O,
+			navigationMode: A,
 			parameterMapping: e,
-			passGlobalFilters: k,
-			maxDepth: j,
-			openIn: N
+			passGlobalFilters: j,
+			maxDepth: N
 		});
 	}, [
-		C,
-		T,
+		E,
 		D,
-		F,
-		k,
+		O,
+		A,
+		P,
 		j,
 		N,
-		y
+		S
 	]);
-	a(() => {
-		W();
+	s(() => {
+		Q();
 	}, [
-		C,
-		T,
+		E,
 		D,
-		F,
-		k,
+		O,
+		A,
+		P,
 		j,
 		N,
-		W
-	]), a(() => {
-		async function t() {
-			B(!0);
+		Q
+	]), s(() => {
+		let e = !1, t = setTimeout(async () => {
+			L(!0), R(!1);
 			try {
-				R(((await S.query({
-					query: e,
-					variables: { first: 100 },
+				let t = z.trim(), r = await T.query({
+					query: n,
+					variables: {
+						first: b,
+						...t ? { search: t } : {}
+					},
 					fetchPolicy: "cache-first"
-				})).data?.listDashboards?.edges || []).map((e) => {
-					let t = e.node;
-					return {
-						id: t.id,
-						name: t.name
-					};
-				}));
-			} catch {} finally {
-				B(!1);
+				});
+				if (e) return;
+				oe((r.data?.listDashboards?.edges ?? []).map((e) => e?.node).filter((e) => !!e).map((e) => ({
+					id: e.id,
+					name: e.name
+				})));
+			} catch {
+				e || R(!0);
+			} finally {
+				e || L(!1);
 			}
+		}, te);
+		return () => {
+			e = !0, clearTimeout(t);
+		};
+	}, [T, z]);
+	let fe = c(() => {
+		let e = I.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({
+				id: D,
+				name: t ?? w("bigconsole.widget.drilldown.unavailableDashboard", "Unavailable dashboard")
+			});
 		}
-		t();
-	}, [S]);
-	let G = i(() => {
-		I((e) => [...e, {
+		return e;
+	}, [
+		I,
+		V,
+		D,
+		G,
+		w
+	]), pe = o((e) => {
+		re(e), k(null);
+	}, []), me = o(() => {
+		F((e) => [...e, {
 			key: "",
 			value: ""
 		}]);
-	}, []), K = i((e) => {
-		I((t) => t.filter((t, n) => n !== e));
-	}, []), q = i((e, t, n) => {
-		I((r) => r.map((r, i) => i === e ? {
+	}, []), he = o((e) => {
+		F((t) => t.filter((t, n) => n !== e));
+	}, []), $ = o((e, t, n) => {
+		F((r) => r.map((r, i) => i === e ? {
 			...r,
 			[t]: n
 		} : r));
 	}, []);
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("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__ */ u("label", {
+				children: [/* @__PURE__ */ f("label", {
 					htmlFor: "drilldown-enable",
 					className: "text-sm font-medium text-text-primary",
-					children: x("bigconsole.widget.drilldown.enableLabel", "Enable Drilldown")
-				}), /* @__PURE__ */ u("button", {
+					children: w("bigconsole.widget.drilldown.enableLabel", "Enable Drilldown")
+				}), /* @__PURE__ */ f("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 ${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"}` })
+					"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"}` })
 				})]
 			}),
-			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__ */ d("select", {
-					id: "drilldown-target",
-					value: T,
-					onChange: (e) => E(e.target.value),
-					disabled: z,
-					className: m,
-					children: [/* @__PURE__ */ u("option", {
-						value: "",
-						children: x("bigconsole.widget.drilldown.selectDashboard", "Select a dashboard...")
-					}), L.filter((e) => e.id !== r.dashboardId).map((e) => /* @__PURE__ */ u("option", {
-						value: e.id,
-						children: e.name
-					}, e.id))]
-				})] }),
-				/* @__PURE__ */ d("div", { children: [
-					/* @__PURE__ */ u("p", {
+			E && /* @__PURE__ */ p(ee, { children: [
+				/* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ f("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", {
+						type: "search",
+						value: z,
+						onChange: (e) => le(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", {
+						id: "drilldown-target",
+						value: D,
+						onChange: (e) => pe(e.target.value),
+						className: g,
+						"data-testid": "drilldown-target-dashboard",
+						children: [
+							/* @__PURE__ */ f("option", {
+								value: "",
+								children: w("bigconsole.widget.drilldown.selectDashboard", "Select a dashboard...")
+							}),
+							V && /* @__PURE__ */ f("option", {
+								value: V,
+								children: w("bigconsole.widget.drilldown.thisDashboard", "This dashboard (another page)")
+							}),
+							fe.map((e) => /* @__PURE__ */ f("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))
+						]
+					}),
+					se && /* @__PURE__ */ f("p", {
+						className: "mt-1 text-xs text-text-muted",
+						role: "status",
+						children: w("bigconsole.widget.drilldown.loadingDashboards", "Loading dashboards...")
+					}),
+					ce && /* @__PURE__ */ f("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", {
+						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", {
+						id: "drilldown-target-page",
+						value: O ?? "",
+						onChange: (e) => k(e.target.value || null),
+						disabled: q,
+						"aria-invalid": X,
+						className: g,
+						"data-testid": "drilldown-target-page",
+						children: [/* @__PURE__ */ f("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", {
+							value: e.id,
+							children: e.name || w("bigconsole.dashboards.view.pageName", "Page {{count}}", { count: t + 1 })
+						}, e.id))]
+					}),
+					X && /* @__PURE__ */ f("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, {
+					tone: "warning",
+					padding: "compact",
+					headingLevel: 4,
+					title: w("bigconsole.widget.drilldown.unavailableTitle", "Target unavailable"),
+					"data-testid": "drilldown-target-unavailable",
+					children: /* @__PURE__ */ f("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", {
 						className: "mb-1 text-sm font-medium text-text-primary",
 						id: "drilldown-nav-mode-label",
-						children: x("bigconsole.widget.drilldown.navigationModeLabel", "Navigation Mode")
+						children: w("bigconsole.widget.drilldown.navigationModeLabel", "Navigation Mode")
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex flex-wrap gap-2",
 						role: "group",
 						"aria-labelledby": "drilldown-nav-mode-label",
@@ -158,94 +266,94 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 							"MODAL",
 							"NEW_TAB",
 							"SAME_WINDOW"
-						].map((e) => /* @__PURE__ */ d("button", {
+						].map((e) => /* @__PURE__ */ p("button", {
 							type: "button",
-							"aria-pressed": D === e,
-							onClick: () => O(e),
-							className: `min-h-control-md min-w-[7rem] flex-1 rounded-button px-3 text-sm 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 ${D === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"}`,
+							"aria-pressed": A === e,
+							onClick: () => ie(e),
+							className: `min-h-control-md min-w-[7rem] flex-1 rounded-button px-3 text-sm 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 ${A === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"}`,
 							children: [
-								e === "MODAL" && x("bigconsole.widget.drilldown.mode.modal", "Modal"),
-								e === "NEW_TAB" && x("bigconsole.widget.drilldown.mode.newTab", "New Tab"),
-								e === "SAME_WINDOW" && x("bigconsole.widget.drilldown.mode.sameWindow", "Same Window")
+								e === "MODAL" && w("bigconsole.widget.drilldown.mode.modal", "Modal"),
+								e === "NEW_TAB" && w("bigconsole.widget.drilldown.mode.newTab", "New Tab"),
+								e === "SAME_WINDOW" && w("bigconsole.widget.drilldown.mode.sameWindow", "Same Window")
 							]
 						}, e))
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ p("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"),
-							D === "NEW_TAB" && x("bigconsole.widget.drilldown.modeHelp.newTab", "Opens target dashboard in a new browser tab"),
-							D === "SAME_WINDOW" && x("bigconsole.widget.drilldown.modeHelp.sameWindow", "Navigates to target dashboard in current window")
+							A === "MODAL" && w("bigconsole.widget.drilldown.modeHelp.modal", "Opens the target in a modal overlay"),
+							A === "NEW_TAB" && w("bigconsole.widget.drilldown.modeHelp.newTab", "Opens the target in a new browser tab"),
+							A === "SAME_WINDOW" && w("bigconsole.widget.drilldown.modeHelp.sameWindow", "Navigates to the target in the current window; Back returns here")
 						]
 					})
 				] }),
-				/* @__PURE__ */ d("div", { children: [
-					/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ p("div", { children: [
+					/* @__PURE__ */ p("div", {
 						className: "mb-2 flex flex-wrap items-center justify-between gap-2",
-						children: [/* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ f("p", {
 							className: "text-sm font-medium text-text-primary",
-							children: x("bigconsole.widget.drilldown.parameterMappingsLabel", "Parameter Mappings")
-						}), /* @__PURE__ */ u("button", {
+							children: w("bigconsole.widget.drilldown.parameterMappingsLabel", "Parameter Mappings")
+						}), /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: G,
+							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: x("bigconsole.widget.drilldown.addParameter", "+ Add Parameter")
+							children: w("bigconsole.widget.drilldown.addParameter", "+ Add Parameter")
 						})]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ f("div", {
 						className: "space-y-2",
-						children: F.map((e, t) => /* @__PURE__ */ u("div", {
+						children: P.map((e, t) => /* @__PURE__ */ f("div", {
 							className: "relative",
-							children: /* @__PURE__ */ d("div", {
+							children: /* @__PURE__ */ p("div", {
 								className: "flex min-w-0 flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ u("input", {
+									/* @__PURE__ */ f("input", {
 										type: "text",
 										value: e.key,
-										onChange: (e) => q(t, "key", e.target.value),
-										placeholder: x("bigconsole.widget.drilldown.parameterNamePlaceholder", "Parameter name"),
+										onChange: (e) => $(t, "key", e.target.value),
+										placeholder: w("bigconsole.widget.drilldown.parameterNamePlaceholder", "Parameter name"),
 										"aria-label": `Parameter ${t + 1} name`,
-										className: `${m} min-w-[7rem] flex-1`
+										className: `${g} min-w-[7rem] flex-1`
 									}),
-									/* @__PURE__ */ u("span", {
+									/* @__PURE__ */ f("span", {
 										"aria-hidden": "true",
 										className: "text-text-muted",
 										children: "="
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ p("div", {
 										className: "relative min-w-[7rem] flex-1",
-										children: [/* @__PURE__ */ u("input", {
+										children: [/* @__PURE__ */ f("input", {
 											type: "text",
 											value: e.value,
-											onChange: (e) => q(t, "value", e.target.value),
-											onFocus: () => H(t),
-											onBlur: () => setTimeout(() => H(null), 200),
-											placeholder: x("bigconsole.widget.drilldown.parameterValuePlaceholder", "{{row.field}} or static"),
+											onChange: (e) => $(t, "value", e.target.value),
+											onFocus: () => B(t),
+											onBlur: () => setTimeout(() => B(null), 200),
+											placeholder: w("bigconsole.widget.drilldown.parameterValuePlaceholder", "{{row.field}} or static"),
 											"aria-label": `Parameter ${t + 1} value`,
-											className: m
-										}), V === t && U.length > 0 && /* @__PURE__ */ u("div", {
+											className: g
+										}), ue === t && Z.length > 0 && /* @__PURE__ */ f("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__ */ u("button", {
+											children: Z.slice(0, 10).map((e) => /* @__PURE__ */ f("button", {
 												type: "button",
 												onClick: () => {
-													q(t, "value", e), H(null);
+													$(t, "value", e), B(null);
 												},
 												className: "w-full px-3 py-1.5 text-left font-mono text-xs text-text-primary hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 												children: e
 											}, e))
 										})]
 									}),
-									F.length > 1 && /* @__PURE__ */ u("button", {
+									P.length > 1 && /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: () => K(t),
+										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__ */ u("svg", {
+										children: /* @__PURE__ */ f("svg", {
 											className: "h-icon-sm w-icon-sm",
 											fill: "none",
 											stroke: "currentColor",
 											viewBox: "0 0 24 24",
-											children: /* @__PURE__ */ u("path", {
+											children: /* @__PURE__ */ f("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -257,150 +365,116 @@ var y = r(function({ widget: r, onChange: y, widgetData: b }) {
 							})
 						}, t))
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ p("p", {
 						className: "mt-2 text-xs text-text-muted",
 						children: [
-							x("bigconsole.widget.drilldown.paramHelp.usePrefix", "Use"),
+							w("bigconsole.widget.drilldown.paramHelp.usePrefix", "Use"),
 							" ",
-							/* @__PURE__ */ u("code", {
+							/* @__PURE__ */ f("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__ */ u("br", {}),
-							x("bigconsole.widget.drilldown.paramHelp.examples", "Examples:"),
+							w("bigconsole.widget.drilldown.paramHelp.useSuffix", "for dynamic values or enter static text."),
+							/* @__PURE__ */ f("br", {}),
+							w("bigconsole.widget.drilldown.paramHelp.examples", "Examples:"),
 							" ",
-							/* @__PURE__ */ u("code", {
+							/* @__PURE__ */ f("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{row.category}}"
 							}),
 							",",
 							" ",
-							/* @__PURE__ */ u("code", {
+							/* @__PURE__ */ f("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{item.id}}"
 							}),
 							",",
 							" ",
-							/* @__PURE__ */ u("code", {
+							/* @__PURE__ */ f("code", {
 								className: "px-1 bg-bg-sunken rounded",
 								children: "{{globals.vars.dateFrom}}"
 							})
 						]
 					})
 				] }),
-				/* @__PURE__ */ u(n, {
+				/* @__PURE__ */ f(i, {
 					emphasis: "muted",
 					padding: "compact",
 					headingLevel: 4,
-					title: x("bigconsole.widget.drilldown.advancedOptions", "Advanced Options"),
-					description: "Rarely changed. Defaults suit most drilldowns.",
+					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__ */ d("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex flex-col gap-2",
-						children: [
-							/* @__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__ */ d("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ u("label", {
-										htmlFor: "drilldown-pass-filters",
-										className: "text-sm text-text-primary",
-										children: x("bigconsole.widget.drilldown.passGlobalFiltersLabel", "Pass Global Filters")
-									}), /* @__PURE__ */ u("p", {
-										className: "text-xs text-text-muted",
-										children: x("bigconsole.widget.drilldown.passGlobalFiltersHelp", "Include current dashboard filters in drilldown")
-									})]
-								}), /* @__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__ */ u("span", { className: `inline-block h-3 w-3 transform rounded-full motion-safe:transition-transform ${_} ${k ? "translate-x-5" : "translate-x-1"}` })
+						children: [/* @__PURE__ */ p("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", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ f("label", {
+									htmlFor: "drilldown-pass-filters",
+									className: "text-sm text-text-primary",
+									children: w("bigconsole.widget.drilldown.passGlobalFiltersLabel", "Pass Global Filters")
+								}), /* @__PURE__ */ f("p", {
+									className: "text-xs text-text-muted",
+									children: w("bigconsole.widget.drilldown.passGlobalFiltersHelp", "Include current dashboard filters in drilldown")
 								})]
-							}),
-							/* @__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__ */ d("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ u("label", {
-										htmlFor: "drilldown-max-depth",
-										className: "text-sm text-text-primary",
-										children: x("bigconsole.widget.drilldown.maxDepthLabel", "Max Drilldown Depth")
-									}), /* @__PURE__ */ u("p", {
-										className: "text-xs text-text-muted",
-										children: x("bigconsole.widget.drilldown.maxDepthHelp", "Limit nested drilldown levels")
-									})]
-								}), /* @__PURE__ */ u("select", {
-									id: "drilldown-max-depth",
-									value: j,
-									onChange: (e) => M(Number(e.target.value)),
-									className: `${p} w-auto min-w-[4rem] shrink-0 px-2`,
-									children: [
-										1,
-										2,
-										3,
-										4,
-										5
-									].map((e) => /* @__PURE__ */ u("option", {
-										value: e,
-										children: e
-									}, e))
+							}), /* @__PURE__ */ f("button", {
+								id: "drilldown-pass-filters",
+								type: "button",
+								role: "switch",
+								"aria-checked": j,
+								onClick: () => M(!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"}` })
+							})]
+						}), /* @__PURE__ */ p("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", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ f("label", {
+									htmlFor: "drilldown-max-depth",
+									className: "text-sm text-text-primary",
+									children: w("bigconsole.widget.drilldown.maxDepthLabel", "Max Drilldown Depth")
+								}), /* @__PURE__ */ f("p", {
+									className: "text-xs text-text-muted",
+									children: w("bigconsole.widget.drilldown.maxDepthHelp", "Limit nested drilldown levels")
 								})]
-							}),
-							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__ */ d("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ u("p", {
-										className: "text-sm text-text-primary",
-										id: "drilldown-open-in-label",
-										children: x("bigconsole.widget.drilldown.openInLabel", "Open In")
-									}), /* @__PURE__ */ u("p", {
-										className: "text-xs text-text-muted",
-										children: x("bigconsole.widget.drilldown.openInHelp", "Tab behavior for navigation")
-									})]
-								}), /* @__PURE__ */ d("div", {
-									className: "flex shrink-0 flex-wrap gap-1",
-									role: "group",
-									"aria-labelledby": "drilldown-open-in-label",
-									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__ */ u("button", {
-										type: "button",
-										"aria-pressed": N === "new",
-										onClick: () => P("new"),
-										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 === "new" ? "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.newTab", "New Tab")
-									})]
-								})]
-							})
-						]
+							}), /* @__PURE__ */ f("select", {
+								id: "drilldown-max-depth",
+								value: N,
+								onChange: (e) => ae(Number(e.target.value)),
+								className: `${h} w-auto min-w-[4rem] shrink-0 px-2`,
+								children: [
+									1,
+									2,
+									3,
+									4,
+									5
+								].map((e) => /* @__PURE__ */ f("option", {
+									value: e,
+									children: e
+								}, e))
+							})]
+						})]
 					})
 				})
 			] }),
-			!C && r.drilldown?.id && /* @__PURE__ */ u(n, {
+			!E && a.drilldown?.id && /* @__PURE__ */ f(i, {
 				tone: "warning",
 				padding: "compact",
 				headingLevel: 4,
-				title: "Drilldown will be removed",
+				title: w("bigconsole.widget.drilldown.removalTitle", "Drilldown will be removed"),
 				"data-testid": "drilldown-removal-notice",
-				children: /* @__PURE__ */ u("p", {
+				children: /* @__PURE__ */ f("p", {
 					className: "text-xs text-text-secondary",
-					children: x("bigconsole.widget.drilldown.removalWarning", "Drilldown will be removed when you save changes.")
+					children: w("bigconsole.widget.drilldown.removalWarning", "Drilldown will be removed when you save changes.")
 				})
 			})
 		]
 	});
 });
 //#endregion
-export { y as default };
+export { S as default };
 
 //# sourceMappingURL=DrilldownConfigPanel.js.map