@burdenoff/microfe-bigconsole 2026.1103.3 → 2026.1103.4

package/dist/bigconsole/components/DrilldownModal.js

@@ -1,55 +1,67 @@
 import e from "../store/drilldownStore.js";
-import { SECTION_FOCUS_RING as t } from "./common/sectionStyles.js";
+import { GlobalFilterFieldsFragmentDoc as t } from "../../generated/wspace-operations.js";
+import { SECTION_FOCUS_RING as n } from "./common/sectionStyles.js";
 import "./common/index.js";
-import { getVisibleDrilldownParams as n } from "../utils/drilldownParams.js";
-import { memo as r, useCallback as i, useRef as a } from "react";
-import { ResponsiveDialog as o, ResponsiveDialogContent as s, ResponsiveDialogDescription as c, ResponsiveDialogTitle as l } from "@burdenoff/fe-libs/ui";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { getDrilldownParamSummary as r } from "../utils/drilldownParams.js";
+import { memo as i, useCallback as a, useContext as o, useRef as s } from "react";
+import { ResponsiveDialog as c, ResponsiveDialogContent as l, ResponsiveDialogDescription as u, ResponsiveDialogTitle as d } from "@burdenoff/fe-libs/ui";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getApolloContext as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/bigconsole/components/DrilldownModal.tsx
-var f = r(function({ renderDashboard: r, onClose: f }) {
-	let m = a(null), h = e((e) => e.isOpen), g = e((e) => e.dashboardId), _ = e((e) => e.params), v = e((e) => e.history), y = e((e) => e.closeModal), b = e((e) => e.popDrilldown), x = i(() => {
-		y(), f?.();
-	}, [y, f]), S = i(() => {
-		b();
-	}, [b]);
-	return !h || !g ? null : /* @__PURE__ */ u(o, {
-		open: h,
+var g = i(function({ renderDashboard: i, onClose: g }) {
+	let { t: v } = f(), { client: y } = o(p()), b = s(null), x = e((e) => e.isOpen), S = e((e) => e.dashboardId), C = e((e) => e.params), w = e((e) => e.history), T = e((e) => e.closeModal), E = e((e) => e.popDrilldown), D = a(() => {
+		T(), g?.();
+	}, [T, g]), O = a(() => {
+		E();
+	}, [E]);
+	if (!x || !S) return null;
+	let k = r(C, (e) => y?.cache.readFragment({
+		id: y.cache.identify({
+			__typename: "BigConsoleGlobalFilter",
+			id: e
+		}),
+		fragment: t,
+		returnPartialData: !0
+	}));
+	return /* @__PURE__ */ m(c, {
+		open: x,
 		onOpenChange: (e) => {
-			e || x();
+			e || D();
 		},
-		children: /* @__PURE__ */ d(s, {
+		children: /* @__PURE__ */ h(l, {
 			showCloseButton: !1,
 			onOpenAutoFocus: () => {
 				let e = document.activeElement;
-				e instanceof HTMLElement && e !== document.body && !e.closest("[role=\"dialog\"]") && (m.current = e);
+				e instanceof HTMLElement && e !== document.body && !e.closest("[role=\"dialog\"]") && (b.current = e);
 			},
 			onCloseAutoFocus: (e) => {
-				e.preventDefault(), m.current?.isConnected && m.current.focus();
+				e.preventDefault(), b.current?.isConnected && b.current.focus();
 			},
 			className: "flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl",
 			style: { maxHeight: "calc(100dvh - 2rem)" },
 			children: [
-				/* @__PURE__ */ u(c, {
+				/* @__PURE__ */ m(u, {
 					className: "sr-only",
 					children: "Explore the linked dashboard and return to the previous drilldown level."
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex min-w-0 items-center gap-3",
 						children: [
-							v.length > 0 && /* @__PURE__ */ u("button", {
+							w.length > 0 && /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: S,
+								onClick: O,
 								className: "flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors 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",
 								title: "Go back",
 								"aria-label": "Go back",
-								children: /* @__PURE__ */ u("svg", {
+								children: /* @__PURE__ */ m("svg", {
 									className: "w-5 h-5 text-text-secondary",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ u("path", {
+									children: /* @__PURE__ */ m("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -57,33 +69,33 @@ var f = r(function({ renderDashboard: r, onClose: f }) {
 									})
 								})
 							}),
-							/* @__PURE__ */ u(l, {
+							/* @__PURE__ */ m(d, {
 								className: "truncate text-sm font-semibold text-text-primary",
 								children: "Drilldown View"
 							}),
-							v.length > 0 && /* @__PURE__ */ d("span", {
+							w.length > 0 && /* @__PURE__ */ h("span", {
 								className: "text-xs text-text-muted",
 								children: [
 									"(",
-									v.length + 1,
+									w.length + 1,
 									" level",
-									v.length > 0 ? "s" : "",
+									w.length > 0 ? "s" : "",
 									" deep)"
 								]
 							})
 						]
-					}), /* @__PURE__ */ u("button", {
+					}), /* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: x,
-						className: `flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${t}`,
+						onClick: D,
+						className: `flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${n}`,
 						title: "Close (Esc)",
 						"aria-label": "Close drilldown",
-						children: /* @__PURE__ */ u("svg", {
+						children: /* @__PURE__ */ m("svg", {
 							className: "w-5 h-5 text-text-secondary",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ u("path", {
+							children: /* @__PURE__ */ m("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -92,30 +104,29 @@ var f = r(function({ renderDashboard: r, onClose: f }) {
 						})
 					})]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ m("div", {
 					className: "min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4",
-					children: r ? r(g, _) : /* @__PURE__ */ u(p, {})
+					children: i ? i(S, C) : /* @__PURE__ */ m(_, {})
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2",
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ h("div", {
 						className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted",
-						children: [/* @__PURE__ */ d("span", { children: [
-							"Parameters:",
-							" ",
-							n(_).map(([e]) => e).join(", ") || "None"
-						] }), /* @__PURE__ */ u("span", { children: "Press Esc to close" })]
+						children: [/* @__PURE__ */ m("span", {
+							className: "min-w-0 break-words",
+							children: v("bigconsole.drilldown.parameters", "Parameters: {{parameters}}", { parameters: k || v("bigconsole.drilldown.noParameters", "None") })
+						}), /* @__PURE__ */ m("span", { children: "Press Esc to close" })]
 					})
 				})
 			]
 		})
 	});
 });
-function p() {
-	return /* @__PURE__ */ u("div", {
+function _() {
+	return /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center h-full text-sm text-text-secondary",
 		children: "Unable to load drilldown content. Please try again."
 	});
 }
 //#endregion
-export { f as DrilldownModal, f as default };
+export { g as DrilldownModal, g as default };

package/dist/bigconsole/utils/drilldownParams.d.ts

@@ -1,2 +1,8 @@
 /** Display only meaningful context; the original drilldown parameters remain unchanged. */
 export declare function getVisibleDrilldownParams(params: Record<string, unknown>): Array<[string, unknown]>;
+export interface DrilldownFilterLabel {
+    name?: string;
+    config?: Record<string, unknown>;
+}
+/** Resolve display metadata only; never rewrite filter IDs or values used by widgets. */
+export declare function getDrilldownParamSummary(params: Record<string, unknown>, readFilter?: (id: string) => DrilldownFilterLabel | null | undefined): string;

package/dist/bigconsole/utils/drilldownParams.js

@@ -2,5 +2,23 @@
 function e(e) {
 	return Object.entries(e).filter(([e, t]) => e.startsWith("__") || t == null ? !1 : typeof t == "string" ? t.trim().length > 0 : !Array.isArray(t) || t.length > 0);
 }
+function t(e, n) {
+	if (Array.isArray(e)) return e.map((e) => t(e, n)).join(", ");
+	if (typeof e == "object" && e) {
+		let r = e;
+		return typeof r.label == "string" ? r.label : "value" in r ? t(r.value, n) : JSON.stringify(e);
+	}
+	if (Array.isArray(n)) {
+		let t = n.find((t) => t && typeof t == "object" && t.value === e && typeof t.label == "string");
+		if (t) return t.label;
+	}
+	return String(e);
+}
+function n(n, r = () => void 0) {
+	return e(n).map(([e, n]) => {
+		let i = r(e);
+		return `${i?.name || e}: ${t(n, i?.config?.options)}`;
+	}).join("; ");
+}
 //#endregion
-export { e as getVisibleDrilldownParams };
+export { n as getDrilldownParamSummary, e as getVisibleDrilldownParams };