@burdenoff/microfe-bigconsole 2026.930.2 → 2026.1001.1

package/dist/bigconsole/assistant/types.d.ts

@@ -0,0 +1,57 @@
+/**
+ * AI Assistant types for BigConsole.
+ *
+ * Mirrors microfe-vibecontrols' assistant contract. The combined default mode
+ * (`assistant`) runs the api-calls agent image and can both answer from the
+ * BigConsole docs and perform GraphQL operations on the user's behalf.
+ */
+export type AssistantMode = 'general' | 'api-calls' | 'vibe-plugins' | 'assistant';
+export interface AssistantRawMessagePart {
+    type?: string;
+    text?: string;
+    tool?: string;
+    state?: {
+        status?: string;
+        input?: unknown;
+        output?: unknown;
+        raw?: unknown;
+    };
+}
+export interface AssistantRawMessage {
+    info?: {
+        id?: string;
+        role?: string;
+        providerID?: string;
+        modelID?: string;
+        tokens?: {
+            input: number;
+            output: number;
+        };
+        time?: {
+            created?: number;
+            completed?: number;
+        };
+    };
+    parts?: AssistantRawMessagePart[];
+    id?: string;
+    role?: string;
+    content?: string;
+    createdAt?: string | number;
+    completedAt?: string | number;
+}
+/** A conversation as the sandbox reports it from `GET /sessions`. */
+export interface AssistantRawSession {
+    id: string;
+    title?: string;
+    time?: {
+        created?: number;
+        updated?: number;
+    };
+}
+export interface AssistantSandboxAuthContext {
+    accessToken?: string | null;
+    workspaceToken?: string | null;
+    userId?: string | null;
+    organizationId?: string | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/bigconsole/assistant/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/assistant/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,GAAG,WAAW,CAAC;AAEnF,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAElC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3C,IAAI,CAAC,EAAE;YACL,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;IACF,KAAK,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAElC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,qEAAqE;AACrE,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC"}

package/dist/bigconsole/assistant/useAssistantRunWorkspace.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Binds the build-preview run store to the ACTIVE workspace (BOFF-7799).
+ *
+ * ★★ Called by both page surfaces, which is what makes a reload in the same tab
+ * restore the preview under the breadcrumb and a workspace switch clear it.
+ * Binding is idempotent, so the rich panel and the app-shell mini panel may
+ * both call it on the same page.
+ *
+ * ★ From the REACTIVE context, as `BigConsoleAssistant` reads it, never from a
+ * helper that reads storage once: the shell does not remount on a workspace
+ * switch, so a one-shot read would keep the previous workspace's build on
+ * screen.
+ *
+ * ★ `|| null`: an empty string is "no workspace", not a workspace called "".
+ */
+export declare function useAssistantRunWorkspace(): void;
+//# sourceMappingURL=useAssistantRunWorkspace.d.ts.map

package/dist/bigconsole/assistant/useAssistantRunWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssistantRunWorkspace.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/assistant/useAssistantRunWorkspace.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAQ/C"}

package/dist/bigconsole/assistant/useAssistantRunWorkspace.js

@@ -1,14 +1,19 @@
 import { useAssistantRunStore as e } from "./assistantRunStore.js";
 import { useEffect as t } from "react";
-import { useActiveContext as n } from "@burdenoff/fe-libs/shared/providers/shell/ActiveContextProvider";
+import { useAuthToken as n } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useActiveContext as r } from "@burdenoff/fe-libs/shared/providers/shell/ActiveContextProvider";
 //#region src/bigconsole/assistant/useAssistantRunWorkspace.ts
-function r() {
-	let { workspaceId: r } = n(), i = e((e) => e.bindWorkspace);
+function i() {
+	let { workspaceId: i } = r(), { userId: a } = n(), o = e((e) => e.bindWorkspace);
 	t(() => {
-		i(r || null);
-	}, [i, r]);
+		o(i || null);
+	}, [
+		o,
+		i,
+		a
+	]);
 }
 //#endregion
-export { r as useAssistantRunWorkspace };
+export { i as useAssistantRunWorkspace };
 
 //# sourceMappingURL=useAssistantRunWorkspace.js.map

package/dist/bigconsole/assistant/useAssistantRunWorkspace.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssistantRunWorkspace.js","names":[],"sources":["../../../src/bigconsole/assistant/useAssistantRunWorkspace.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useActiveContext } from '@burdenoff/fe-libs/shared/providers/shell/ActiveContextProvider';\n\nimport { useAssistantRunStore } from './assistantRunStore';\n\n/**\n * Binds the build-preview run store to the ACTIVE workspace (BOFF-7799).\n *\n * ★★ Called by both page surfaces, which is what makes a reload in the same tab\n * restore the preview under the breadcrumb and a workspace switch clear it.\n * Binding is idempotent, so the rich panel and the app-shell mini panel may\n * both call it on the same page.\n *\n * ★ From the REACTIVE context, as `BigConsoleAssistant` reads it, never from a\n * helper that reads storage once: the shell does not remount on a workspace\n * switch, so a one-shot read would keep the previous workspace's build on\n * screen.\n *\n * ★ `|| null`: an empty string is \"no workspace\", not a workspace called \"\".\n */\nexport function useAssistantRunWorkspace(): void {\n  const { workspaceId } = useActiveContext();\n  const bindWorkspace = useAssistantRunStore((state) => state.bindWorkspace);\n\n  useEffect(() => {\n    bindWorkspace(workspaceId || null);\n  }, [bindWorkspace, workspaceId]);\n}\n"],"mappings":";;;;AAoBA,SAAgB,IAAiC;CAC/C,IAAM,EAAE,mBAAgB,GAAkB,EACpC,IAAgB,GAAsB,MAAU,EAAM,cAAc;AAE1E,SAAgB;AACd,IAAc,KAAe,KAAK;IACjC,CAAC,GAAe,EAAY,CAAC"}
+{"version":3,"file":"useAssistantRunWorkspace.js","names":[],"sources":["../../../src/bigconsole/assistant/useAssistantRunWorkspace.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useAuthToken } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useActiveContext } from '@burdenoff/fe-libs/shared/providers/shell/ActiveContextProvider';\n\nimport { useAssistantRunStore } from './assistantRunStore';\n\n/**\n * Binds the build-preview run store to the ACTIVE workspace (BOFF-7799).\n *\n * ★★ Called by both page surfaces, which is what makes a reload in the same tab\n * restore the preview under the breadcrumb and a workspace switch clear it.\n * Binding is idempotent, so the rich panel and the app-shell mini panel may\n * both call it on the same page.\n *\n * ★ From the REACTIVE context, as `BigConsoleAssistant` reads it, never from a\n * helper that reads storage once: the shell does not remount on a workspace\n * switch, so a one-shot read would keep the previous workspace's build on\n * screen.\n *\n * ★ `|| null`: an empty string is \"no workspace\", not a workspace called \"\".\n */\nexport function useAssistantRunWorkspace(): void {\n  const { workspaceId } = useActiveContext();\n  const { userId } = useAuthToken();\n  const bindWorkspace = useAssistantRunStore((state) => state.bindWorkspace);\n\n  useEffect(() => {\n    bindWorkspace(workspaceId || null);\n  }, [bindWorkspace, workspaceId, userId]);\n}\n"],"mappings":";;;;;AAqBA,SAAgB,IAAiC;CAC/C,IAAM,EAAE,mBAAgB,GAAkB,EACpC,EAAE,cAAW,GAAc,EAC3B,IAAgB,GAAsB,MAAU,EAAM,cAAc;AAE1E,SAAgB;AACd,IAAc,KAAe,KAAK;IACjC;EAAC;EAAe;EAAa;EAAO,CAAC"}

package/dist/bigconsole/assistant/useWorkspaceWriteAccess.d.ts

@@ -0,0 +1,36 @@
+export type { WorkspaceWriteAccess } from '@burdenoff/fe-libs/shared/assistant/useWorkspaceWriteAccess';
+/**
+ * The resources a Build turn actually writes.
+ *
+ * ★★ READ OUT OF THE BACKEND, NOT INVENTED. These are the exact `resource:`
+ * values on `@rbac` directives in `wspace-bigconsole-svc`, and they are
+ * HYPHENATED — `bigconsole-datasink`, not `bigconsole_datasink`.
+ *
+ * ★★★ Do NOT copy HealthyBowl's `healthybowl_crop` underscore convention.
+ * VibeControls did exactly that, probed `vibecontrols_vibe` and friends, matched
+ * no resource type that exists, and so silently default-denied — its composer
+ * warning said nothing about the permissions a write turn actually needs, and
+ * nothing failed loudly enough to notice.
+ *
+ * ★ Scoped to the four the assistant ISSUES, not all 17 the service defines.
+ * The agent's build path is `createDataSink` → `createBigConsoleDashboard` →
+ * `createParser` → `createBigConsoleWidget`; probing `bigconsole-webhook` or
+ * `bigconsole-rls-policy`, which the assistant never calls, would make
+ * "granted" mean less than it does. All four carry `action: "create"` @rbac
+ * entries, which is the only action the shared hook asks about.
+ *
+ * ★ Advisory, never a gate: it warns in the composer BEFORE a write turn is
+ * spent rather than after, and self-corrects once workspace RBAC rows are
+ * seeded. Gating on it would remove Build from the product entirely — at
+ * workspace scope in prod the honest answer today is "denied" for everyone, org
+ * owners included, because no roles are provisioned there yet.
+ */
+export declare const PROBE_RESOURCES: readonly ["bigconsole-datasink", "bigconsole-dashboard", "bigconsole-parser", "bigconsole-widget"];
+/**
+ * ★ `PROBE_RESOURCES` is a module-level const, never an inline array. The shared
+ * hook's effect deps are `[actorId, workspaceId]` only — `probeResources` is not
+ * among them — so an array literal created during render would silently pin the
+ * first render's list forever.
+ */
+export declare function useWorkspaceWriteAccess(actorId: string | null, workspaceId: string | null): import('@burdenoff/fe-libs/shared/assistant').WorkspaceWriteAccess;
+//# sourceMappingURL=useWorkspaceWriteAccess.d.ts.map

package/dist/bigconsole/assistant/useWorkspaceWriteAccess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkspaceWriteAccess.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/assistant/useWorkspaceWriteAccess.ts"],"names":[],"mappings":"AAUA,YAAY,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAC;AAExG;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,oGAKlB,CAAC;AAEX;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,sEAEzF"}

package/dist/bigconsole/components/DrilldownDashboardRenderer.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+
+export interface DrilldownDashboardRendererProps {
+    /** Target dashboard ID to render */
+    dashboardId: string;
+    live?: boolean;
+    refreshRevision?: number;
+    /** Parameters passed from drilldown (can be used for filtering) */
+    params: Record<string, unknown>;
+}
+export declare const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps>;
+export default DrilldownDashboardRenderer;
+//# sourceMappingURL=DrilldownDashboardRenderer.d.ts.map

package/dist/bigconsole/components/DrilldownDashboardRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownDashboardRenderer.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAa3D,MAAM,WAAW,+BAA+B;IAC9C,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AA8ED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAgQ1E,CAAC;AAmBF,eAAe,0BAA0B,CAAC"}

package/dist/bigconsole/components/DrilldownDashboardRenderer.js

@@ -64,47 +64,67 @@ function m(e, t) {
 		positionHeight: 4
 	};
 }
-var h = s(function({ dashboardId: i, params: o }) {
-	let s = u(), [h, _] = l(!0), [v, y] = l(null), [b, x] = l(null), [S, C] = l([]);
+var h = s(function({ dashboardId: i, params: o, live: s = !1, refreshRevision: h = 0 }) {
+	let _ = u(), [v, y] = l(!0), [b, x] = l(null), [S, C] = l(null), [w, T] = l([]);
 	if (c(() => {
 		if (!i) {
-			_(!1);
+			y(!1);
 			return;
 		}
-		async function n() {
-			_(!0), y(null);
-			try {
-				let n = (await s.query({
-					query: e,
-					variables: { id: i },
-					fetchPolicy: "network-only"
-				})).data?.getDashboard;
-				if (!n) {
-					y("Dashboard not found"), _(!1);
-					return;
+		let n = !1, r = !1;
+		y(!0);
+		async function a() {
+			if (!r) {
+				r = !0, x(null);
+				try {
+					let r = await _.query({
+						query: e,
+						variables: { id: i },
+						fetchPolicy: "network-only"
+					});
+					if (n) return;
+					let a = r.data?.getDashboard;
+					if (!a) {
+						x("Dashboard not found"), y(!1);
+						return;
+					}
+					let o = a.pages?.edges?.map((e) => ({
+						id: e.node.id,
+						name: e.node.name || "Page 1"
+					})) || [];
+					C({
+						id: a.id,
+						name: a.name,
+						description: a.description,
+						pages: o
+					});
+					let s = await _.query({
+						query: t,
+						variables: { dashboardId: i },
+						fetchPolicy: "network-only"
+					});
+					if (n) return;
+					T((s.data?.listWidgetsByDashboard || []).map((e, t) => p(e, t)));
+				} catch (e) {
+					n || x(e instanceof Error ? e.message : "Failed to load dashboard");
+				} finally {
+					r = !1, n || y(!1);
 				}
-				let r = n.pages?.edges?.map((e) => ({
-					id: e.node.id,
-					name: e.node.name || "Page 1"
-				})) || [];
-				x({
-					id: n.id,
-					name: n.name,
-					description: n.description,
-					pages: r
-				}), C(((await s.query({
-					query: t,
-					variables: { dashboardId: i },
-					fetchPolicy: "network-only"
-				})).data?.listWidgetsByDashboard || []).map((e, t) => p(e, t)));
-			} catch (e) {
-				y(e instanceof Error ? e.message : "Failed to load dashboard");
-			} finally {
-				_(!1);
 			}
 		}
-		n();
-	}, [i, s]), h) return /* @__PURE__ */ d("div", {
+		a();
+		let o = s ? window.setInterval(() => {
+			document.visibilityState === "visible" && a();
+		}, 4e3) : void 0;
+		return () => {
+			n = !0, o !== void 0 && window.clearInterval(o);
+		};
+	}, [
+		i,
+		_,
+		s,
+		h
+	]), v) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center h-full",
 		children: /* @__PURE__ */ f("div", {
 			className: "flex flex-col items-center gap-3",
@@ -114,7 +134,7 @@ var h = s(function({ dashboardId: i, params: o }) {
 			})]
 		})
 	});
-	if (v) return /* @__PURE__ */ d("div", {
+	if (b) return /* @__PURE__ */ d("div", {
 		className: "flex h-full items-center justify-center",
 		role: "alert",
 		children: /* @__PURE__ */ d(n, {
@@ -123,7 +143,7 @@ var h = s(function({ dashboardId: i, params: o }) {
 			className: "w-full max-w-md",
 			"data-testid": "drilldown-error",
 			title: "Could not load this dashboard",
-			description: v,
+			description: b,
 			icon: /* @__PURE__ */ d("svg", {
 				className: "h-icon-md w-icon-md",
 				fill: "none",
@@ -138,7 +158,7 @@ var h = s(function({ dashboardId: i, params: o }) {
 			})
 		})
 	});
-	if (!b || S.length === 0) return /* @__PURE__ */ d("div", {
+	if (!S || w.length === 0) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center h-full",
 		children: /* @__PURE__ */ f("div", {
 			className: "flex flex-col items-center gap-3 text-center",
@@ -155,11 +175,11 @@ var h = s(function({ dashboardId: i, params: o }) {
 				})
 			}), /* @__PURE__ */ d("p", {
 				className: "text-sm text-text-secondary",
-				children: b ? "This dashboard has no widgets" : "Dashboard not found"
+				children: S ? "This dashboard has no widgets" : "Dashboard not found"
 			})]
 		})
 	});
-	let w = Object.entries(o).filter(([e]) => !e.startsWith("__")), T = o[a], E = b.pages.find((e) => e.id === T) ?? b.pages[0] ?? null, D = (E ? S.filter((e) => !e.pageId || e.pageId === E.id) : S).map((e, t) => m(e, t));
+	let E = Object.entries(o).filter(([e]) => !e.startsWith("__")), D = o[a], O = S.pages.find((e) => e.id === D) ?? S.pages[0] ?? null, k = (O ? w.filter((e) => !e.pageId || e.pageId === O.id) : w).map((e, t) => m(e, t));
 	return /* @__PURE__ */ f(r, {
 		className: "w-full",
 		children: [
@@ -167,21 +187,21 @@ var h = s(function({ dashboardId: i, params: o }) {
 				emphasis: "bare",
 				padding: "none",
 				headingLevel: 3,
-				title: b.name,
-				description: b.pages.length > 1 && E ? /* @__PURE__ */ d("span", {
+				title: S.name,
+				description: S.pages.length > 1 && O ? /* @__PURE__ */ d("span", {
 					"data-testid": "drilldown-dashboard-page",
-					children: E.name
-				}) : b.description,
+					children: O.name
+				}) : S.description,
 				"data-testid": "drilldown-dashboard-header"
 			}),
-			w.length > 0 && /* @__PURE__ */ d(n, {
+			E.length > 0 && /* @__PURE__ */ d(n, {
 				emphasis: "muted",
 				padding: "compact",
 				headingLevel: 3,
 				title: "Filtered by",
 				"data-testid": "drilldown-params",
 				bodyClassName: "flex flex-wrap gap-control-gap",
-				children: w.map(([e, t]) => /* @__PURE__ */ f("span", {
+				children: E.map(([e, t]) => /* @__PURE__ */ f("span", {
 					className: "inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary",
 					children: [/* @__PURE__ */ f("span", {
 						className: "font-medium text-text-primary",
@@ -194,11 +214,11 @@ var h = s(function({ dashboardId: i, params: o }) {
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [D.length === 0 && /* @__PURE__ */ d("p", {
+				children: [k.length === 0 && /* @__PURE__ */ d("p", {
 					className: "text-sm text-text-secondary",
 					"data-testid": "drilldown-page-empty",
 					children: "This page has no widgets"
-				}), D.map((e) => {
+				}), k.map((e) => {
 					let t = e.config?._internalWidgetType, n = e.type;
 					return /* @__PURE__ */ d("div", {
 						className: "min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface",

package/dist/bigconsole/components/DrilldownDashboardRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownDashboardRenderer.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"sourcesContent":["/**\n * DrilldownDashboardRenderer Component\n *\n * Renders a dashboard inside the DrilldownModal.\n * Fetches dashboard data and displays the target page's widgets (the page named\n * by the drilldown, else the first page) with passed parameters (BOFF-7625).\n */\n\nimport { type FC, memo, useEffect, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget } from '../types';\nimport { WidgetWrapper } from './widgets/WidgetWrapper';\nimport { Section, SectionStack } from './common';\nimport { ListWidgetsByDashboardDocument, GetDashboardDocument } from '../../generated/wspace-operations';\nimport { mapFromFederationWidgetType } from '../utils/widgetTypeMapping';\nimport { MODAL_TARGET_PAGE_PARAM } from '../hooks/useDrilldown';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownDashboardRendererProps {\n  /** Target dashboard ID to render */\n  dashboardId: string;\n  /** Parameters passed from drilldown (can be used for filtering) */\n  params: Record<string, unknown>;\n}\n\ninterface DashboardData {\n  id: string;\n  name: string;\n  description?: string;\n  pages: Array<{\n    id: string;\n    name: string;\n  }>;\n}\n\n// ============================================================================\n// Helper: Normalize widget from GraphQL\n// ============================================================================\n\nfunction normalizeWidget(raw: Record<string, unknown>, index: number): Widget {\n  // For drilldown modal, stack widgets vertically with compact sizing\n  const posX = 0;\n  const posY = index * 4; // Stack vertically, 4 row units per widget\n  const posW = 12; // Full width\n  const posH = 4; // Better height for widget content\n\n  const position = { x: posX, y: posY, width: posW, height: posH };\n\n  // Get the config object\n  const config = (raw.config as Record<string, unknown>) || {};\n\n  // Map widget type correctly: check _internalWidgetType first, then map from federation type\n  // This is critical — federation types like 'KPI' must be mapped to internal types like 'metric_card'\n  const internalType = config._internalWidgetType as string | undefined;\n  const widgetType = internalType || mapFromFederationWidgetType((raw.type as string) || 'KPI');\n\n  return {\n    id: (raw.id as string) ?? '',\n    pageId: (raw.pageId as string) || '',\n    dashboardId: raw.dashboardId as string | undefined,\n    type: widgetType,\n    title: (raw.title as string) || 'Untitled Widget',\n    renderer: raw.renderer || 'BIGCONSOLE',\n    template: raw.template || null,\n    dataSinkId: raw.dataSinkId || null,\n    datasetId: raw.datasetId || null,\n    parserId: raw.parserId || null,\n    parserRules: raw.parserRules || null,\n    config: config,\n    position: position,\n    positionX: posX,\n    positionY: posY,\n    positionWidth: posW,\n    positionHeight: posH,\n    positionResponsive: raw.positionResponsive as Widget['positionResponsive'],\n    rowOrder: (raw.rowOrder as number | null) ?? null,\n    refreshInterval: raw.refreshInterval,\n    lastRefreshedAt: raw.lastRefreshedAt,\n    cacheTTL: (raw.cacheTTL as number | null) ?? null,\n    drilldown: raw.drilldown as Widget['drilldown'],\n    actions: (raw.actions as Widget['actions']) || [],\n    translations: (raw.translations as Widget['translations']) || [],\n    metadata: raw.metadata as Record<string, unknown> | undefined,\n    context: raw.context,\n    // Include widget data from backend (critical for showing real data in modal)\n    data: raw.data || null,\n    createdAt: (raw.createdAt as string) || new Date().toISOString(),\n    updatedAt: (raw.updatedAt as string) || new Date().toISOString(),\n  } as Widget;\n}\n\n/** Place a widget at a given slot of the modal's single-column stack. */\nfunction normalizeStacking(widget: Widget, index: number): Widget {\n  const position = { x: 0, y: index * 4, width: 12, height: 4 };\n  return { ...widget, position, positionX: 0, positionY: position.y, positionWidth: 12, positionHeight: 4 };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps> = memo(\n  function DrilldownDashboardRenderer({ dashboardId, params }) {\n    const apolloClient = useApolloClient();\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [dashboard, setDashboard] = useState<DashboardData | null>(null);\n    const [widgets, setWidgets] = useState<Widget[]>([]);\n\n    // Fetch dashboard and widgets — only when dashboardId is provided\n    useEffect(() => {\n      if (!dashboardId) {\n        setLoading(false);\n        return;\n      }\n\n      async function fetchData() {\n        setLoading(true);\n        setError(null);\n\n        try {\n          // Fetch dashboard info\n          interface DashboardQueryResult {\n            getDashboard: {\n              id: string;\n              name: string;\n              description?: string;\n              pages?: {\n                edges?: Array<{ node: { id: string; name?: string } }>;\n              };\n            } | null;\n          }\n\n          const dashboardResult = await apolloClient.query<DashboardQueryResult>({\n            query: GetDashboardDocument,\n            variables: { id: dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          const dashboardData = dashboardResult.data?.getDashboard;\n          if (!dashboardData) {\n            setError('Dashboard not found');\n            setLoading(false);\n            return;\n          }\n\n          // Normalize dashboard\n          const pages =\n            dashboardData.pages?.edges?.map((edge) => ({\n              id: edge.node.id,\n              name: edge.node.name || 'Page 1',\n            })) || [];\n\n          setDashboard({\n            id: dashboardData.id,\n            name: dashboardData.name,\n            description: dashboardData.description,\n            pages,\n          });\n\n          // Fetch widgets for the dashboard\n          const widgetsResult = await apolloClient.query<{ listWidgetsByDashboard: Record<string, unknown>[] }>({\n            query: ListWidgetsByDashboardDocument,\n            variables: { dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          const widgetsList = widgetsResult.data?.listWidgetsByDashboard || [];\n          setWidgets(widgetsList.map((w, i) => normalizeWidget(w, i)));\n        } catch (err) {\n          setError(err instanceof Error ? err.message : 'Failed to load dashboard');\n        } finally {\n          setLoading(false);\n        }\n      }\n\n      fetchData();\n    }, [dashboardId, apolloClient]);\n\n    // Loading state\n    if (loading) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin\" />\n            <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex h-full items-center justify-center\" role=\"alert\">\n          <Section\n            headingLevel={3}\n            tone=\"danger\"\n            className=\"w-full max-w-md\"\n            data-testid=\"drilldown-error\"\n            title=\"Could not load this dashboard\"\n            description={error}\n            icon={\n              <svg className=\"h-icon-md w-icon-md\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            }\n          />\n        </div>\n      );\n    }\n\n    // Empty state\n    if (!dashboard || widgets.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center\">\n            <svg className=\"w-12 h-12 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">\n              {dashboard ? 'This dashboard has no widgets' : 'Dashboard not found'}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    const visibleParams = Object.entries(params).filter(([key]) => !key.startsWith('__'));\n\n    // Show one page: the drilldown's target page when it still exists, else the\n    // first page. Widgets without a page id (older payloads) are always shown.\n    const requestedPageId = params[MODAL_TARGET_PAGE_PARAM];\n    const activePage = dashboard.pages.find((page) => page.id === requestedPageId) ?? dashboard.pages[0] ?? null;\n    const pageWidgets = activePage\n      ? widgets.filter((widget) => !widget.pageId || widget.pageId === activePage.id)\n      : widgets;\n    // Re-flow the page's widgets top to bottom (the stacking was computed over\n    // the whole dashboard).\n    const stackedWidgets = pageWidgets.map((widget, index) => normalizeStacking(widget, index));\n\n    return (\n      <SectionStack className=\"w-full\">\n        {/* Which board you drilled into — identity, not content. */}\n        <Section\n          emphasis=\"bare\"\n          padding=\"none\"\n          headingLevel={3}\n          title={dashboard.name}\n          description={\n            dashboard.pages.length > 1 && activePage ? (\n              <span data-testid=\"drilldown-dashboard-page\">{activePage.name}</span>\n            ) : (\n              dashboard.description\n            )\n          }\n          data-testid=\"drilldown-dashboard-header\"\n        />\n\n        {/* The filter context you arrived with: supporting detail, recessed. */}\n        {visibleParams.length > 0 && (\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={3}\n            title=\"Filtered by\"\n            data-testid=\"drilldown-params\"\n            bodyClassName=\"flex flex-wrap gap-control-gap\"\n          >\n            {visibleParams.map(([key, value]) => (\n              <span\n                key={key}\n                className=\"inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary\"\n              >\n                <span className=\"font-medium text-text-primary\">{key}:</span>\n                <span className=\"ml-1\">\n                  {typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value)}\n                </span>\n              </span>\n            ))}\n          </Section>\n        )}\n\n        {/* Widgets List - simple vertical layout for modal */}\n        <div className=\"flex flex-col gap-form-gap\">\n          {stackedWidgets.length === 0 && (\n            <p className=\"text-sm text-text-secondary\" data-testid=\"drilldown-page-empty\">\n              This page has no widgets\n            </p>\n          )}\n          {stackedWidgets.map((widget) => {\n            // Chart widgets (LINE_CHART / chart) need explicit pixel height because\n            // Recharts ResponsiveContainer height=\"100%\" requires a parent with\n            // a definite height — minHeight alone doesn't work.\n            const internalType = (widget.config as Record<string, unknown>)?._internalWidgetType as string | undefined;\n            const widgetType = widget.type as string;\n            const isChartWidget =\n              widgetType === 'LINE_CHART' ||\n              widgetType === 'chart' ||\n              internalType === 'chart' ||\n              internalType === 'funnel_chart';\n            const isTableWidget =\n              widgetType === 'TABLE' ||\n              widgetType === 'table' ||\n              internalType === 'table' ||\n              internalType === 'list' ||\n              internalType === 'pivot_table';\n\n            // Charts need an explicit height (Recharts' ResponsiveContainer needs a\n            // definite parent). Clamping against the viewport keeps a 350px chart\n            // plus a 500px table from filling a phone screen twice over.\n            const heightStyle = isChartWidget\n              ? { height: 'clamp(220px, 45vh, 350px)' }\n              : isTableWidget\n                ? { minHeight: 'min(250px, 40vh)', maxHeight: 'min(500px, 65vh)' }\n                : { minHeight: 'min(120px, 25vh)', maxHeight: 'min(300px, 50vh)' };\n\n            return (\n              <div\n                key={widget.id}\n                className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface\"\n                style={heightStyle}\n              >\n                <WidgetInModal widget={widget} filterValues={params} />\n              </div>\n            );\n          })}\n        </div>\n      </SectionStack>\n    );\n  }\n);\n\n// ============================================================================\n// Widget In Modal Component\n// ============================================================================\n\ninterface WidgetInModalProps {\n  widget: Widget;\n  filterValues?: Record<string, unknown>;\n}\n\nconst WidgetInModal: FC<WidgetInModalProps> = memo(function WidgetInModal({ widget, filterValues }) {\n  return (\n    <div className=\"h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent\">\n      <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={filterValues} />\n    </div>\n  );\n});\n\nexport default DrilldownDashboardRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"DrilldownDashboardRenderer.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"sourcesContent":["/**\n * DrilldownDashboardRenderer Component\n *\n * Renders a dashboard inside the DrilldownModal.\n * Fetches dashboard data and displays the target page's widgets (the page named\n * by the drilldown, else the first page) with passed parameters (BOFF-7625).\n */\n\nimport { type FC, memo, useEffect, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget } from '../types';\nimport { WidgetWrapper } from './widgets/WidgetWrapper';\nimport { Section, SectionStack } from './common';\nimport { ListWidgetsByDashboardDocument, GetDashboardDocument } from '../../generated/wspace-operations';\nimport { mapFromFederationWidgetType } from '../utils/widgetTypeMapping';\nimport { MODAL_TARGET_PAGE_PARAM } from '../hooks/useDrilldown';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownDashboardRendererProps {\n  /** Target dashboard ID to render */\n  dashboardId: string;\n  live?: boolean;\n  refreshRevision?: number;\n  /** Parameters passed from drilldown (can be used for filtering) */\n  params: Record<string, unknown>;\n}\n\ninterface DashboardData {\n  id: string;\n  name: string;\n  description?: string;\n  pages: Array<{\n    id: string;\n    name: string;\n  }>;\n}\n\n// ============================================================================\n// Helper: Normalize widget from GraphQL\n// ============================================================================\n\nfunction normalizeWidget(raw: Record<string, unknown>, index: number): Widget {\n  // For drilldown modal, stack widgets vertically with compact sizing\n  const posX = 0;\n  const posY = index * 4; // Stack vertically, 4 row units per widget\n  const posW = 12; // Full width\n  const posH = 4; // Better height for widget content\n\n  const position = { x: posX, y: posY, width: posW, height: posH };\n\n  // Get the config object\n  const config = (raw.config as Record<string, unknown>) || {};\n\n  // Map widget type correctly: check _internalWidgetType first, then map from federation type\n  // This is critical — federation types like 'KPI' must be mapped to internal types like 'metric_card'\n  const internalType = config._internalWidgetType as string | undefined;\n  const widgetType = internalType || mapFromFederationWidgetType((raw.type as string) || 'KPI');\n\n  return {\n    id: (raw.id as string) ?? '',\n    pageId: (raw.pageId as string) || '',\n    dashboardId: raw.dashboardId as string | undefined,\n    type: widgetType,\n    title: (raw.title as string) || 'Untitled Widget',\n    renderer: raw.renderer || 'BIGCONSOLE',\n    template: raw.template || null,\n    dataSinkId: raw.dataSinkId || null,\n    datasetId: raw.datasetId || null,\n    parserId: raw.parserId || null,\n    parserRules: raw.parserRules || null,\n    config: config,\n    position: position,\n    positionX: posX,\n    positionY: posY,\n    positionWidth: posW,\n    positionHeight: posH,\n    positionResponsive: raw.positionResponsive as Widget['positionResponsive'],\n    rowOrder: (raw.rowOrder as number | null) ?? null,\n    refreshInterval: raw.refreshInterval,\n    lastRefreshedAt: raw.lastRefreshedAt,\n    cacheTTL: (raw.cacheTTL as number | null) ?? null,\n    drilldown: raw.drilldown as Widget['drilldown'],\n    actions: (raw.actions as Widget['actions']) || [],\n    translations: (raw.translations as Widget['translations']) || [],\n    metadata: raw.metadata as Record<string, unknown> | undefined,\n    context: raw.context,\n    // Include widget data from backend (critical for showing real data in modal)\n    data: raw.data || null,\n    createdAt: (raw.createdAt as string) || new Date().toISOString(),\n    updatedAt: (raw.updatedAt as string) || new Date().toISOString(),\n  } as Widget;\n}\n\n/** Place a widget at a given slot of the modal's single-column stack. */\nfunction normalizeStacking(widget: Widget, index: number): Widget {\n  const position = { x: 0, y: index * 4, width: 12, height: 4 };\n  return { ...widget, position, positionX: 0, positionY: position.y, positionWidth: 12, positionHeight: 4 };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps> = memo(\n  function DrilldownDashboardRenderer({ dashboardId, params, live = false, refreshRevision = 0 }) {\n    const apolloClient = useApolloClient();\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [dashboard, setDashboard] = useState<DashboardData | null>(null);\n    const [widgets, setWidgets] = useState<Widget[]>([]);\n\n    // Fetch dashboard and widgets — only when dashboardId is provided\n    useEffect(() => {\n      if (!dashboardId) {\n        setLoading(false);\n        return;\n      }\n\n      let cancelled = false;\n      let fetching = false;\n      setLoading(true);\n      async function fetchData() {\n        if (fetching) return;\n        fetching = true;\n        setError(null);\n\n        try {\n          // Fetch dashboard info\n          interface DashboardQueryResult {\n            getDashboard: {\n              id: string;\n              name: string;\n              description?: string;\n              pages?: {\n                edges?: Array<{ node: { id: string; name?: string } }>;\n              };\n            } | null;\n          }\n\n          const dashboardResult = await apolloClient.query<DashboardQueryResult>({\n            query: GetDashboardDocument,\n            variables: { id: dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const dashboardData = dashboardResult.data?.getDashboard;\n          if (!dashboardData) {\n            setError('Dashboard not found');\n            setLoading(false);\n            return;\n          }\n\n          // Normalize dashboard\n          const pages =\n            dashboardData.pages?.edges?.map((edge) => ({\n              id: edge.node.id,\n              name: edge.node.name || 'Page 1',\n            })) || [];\n\n          setDashboard({\n            id: dashboardData.id,\n            name: dashboardData.name,\n            description: dashboardData.description,\n            pages,\n          });\n\n          // Fetch widgets for the dashboard\n          const widgetsResult = await apolloClient.query<{ listWidgetsByDashboard: Record<string, unknown>[] }>({\n            query: ListWidgetsByDashboardDocument,\n            variables: { dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const widgetsList = widgetsResult.data?.listWidgetsByDashboard || [];\n          setWidgets(widgetsList.map((w, i) => normalizeWidget(w, i)));\n        } catch (err) {\n          if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load dashboard');\n        } finally {\n          fetching = false;\n          if (!cancelled) setLoading(false);\n        }\n      }\n\n      void fetchData();\n      const interval = live\n        ? window.setInterval(() => {\n            if (document.visibilityState === 'visible') void fetchData();\n          }, 4000)\n        : undefined;\n      return () => {\n        cancelled = true;\n        if (interval !== undefined) window.clearInterval(interval);\n      };\n    }, [dashboardId, apolloClient, live, refreshRevision]);\n\n    // Loading state\n    if (loading) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin\" />\n            <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex h-full items-center justify-center\" role=\"alert\">\n          <Section\n            headingLevel={3}\n            tone=\"danger\"\n            className=\"w-full max-w-md\"\n            data-testid=\"drilldown-error\"\n            title=\"Could not load this dashboard\"\n            description={error}\n            icon={\n              <svg className=\"h-icon-md w-icon-md\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            }\n          />\n        </div>\n      );\n    }\n\n    // Empty state\n    if (!dashboard || widgets.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center\">\n            <svg className=\"w-12 h-12 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">\n              {dashboard ? 'This dashboard has no widgets' : 'Dashboard not found'}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    const visibleParams = Object.entries(params).filter(([key]) => !key.startsWith('__'));\n\n    // Show one page: the drilldown's target page when it still exists, else the\n    // first page. Widgets without a page id (older payloads) are always shown.\n    const requestedPageId = params[MODAL_TARGET_PAGE_PARAM];\n    const activePage = dashboard.pages.find((page) => page.id === requestedPageId) ?? dashboard.pages[0] ?? null;\n    const pageWidgets = activePage\n      ? widgets.filter((widget) => !widget.pageId || widget.pageId === activePage.id)\n      : widgets;\n    // Re-flow the page's widgets top to bottom (the stacking was computed over\n    // the whole dashboard).\n    const stackedWidgets = pageWidgets.map((widget, index) => normalizeStacking(widget, index));\n\n    return (\n      <SectionStack className=\"w-full\">\n        {/* Which board you drilled into — identity, not content. */}\n        <Section\n          emphasis=\"bare\"\n          padding=\"none\"\n          headingLevel={3}\n          title={dashboard.name}\n          description={\n            dashboard.pages.length > 1 && activePage ? (\n              <span data-testid=\"drilldown-dashboard-page\">{activePage.name}</span>\n            ) : (\n              dashboard.description\n            )\n          }\n          data-testid=\"drilldown-dashboard-header\"\n        />\n\n        {/* The filter context you arrived with: supporting detail, recessed. */}\n        {visibleParams.length > 0 && (\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={3}\n            title=\"Filtered by\"\n            data-testid=\"drilldown-params\"\n            bodyClassName=\"flex flex-wrap gap-control-gap\"\n          >\n            {visibleParams.map(([key, value]) => (\n              <span\n                key={key}\n                className=\"inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary\"\n              >\n                <span className=\"font-medium text-text-primary\">{key}:</span>\n                <span className=\"ml-1\">\n                  {typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value)}\n                </span>\n              </span>\n            ))}\n          </Section>\n        )}\n\n        {/* Widgets List - simple vertical layout for modal */}\n        <div className=\"flex flex-col gap-form-gap\">\n          {stackedWidgets.length === 0 && (\n            <p className=\"text-sm text-text-secondary\" data-testid=\"drilldown-page-empty\">\n              This page has no widgets\n            </p>\n          )}\n          {stackedWidgets.map((widget) => {\n            // Chart widgets (LINE_CHART / chart) need explicit pixel height because\n            // Recharts ResponsiveContainer height=\"100%\" requires a parent with\n            // a definite height — minHeight alone doesn't work.\n            const internalType = (widget.config as Record<string, unknown>)?._internalWidgetType as string | undefined;\n            const widgetType = widget.type as string;\n            const isChartWidget =\n              widgetType === 'LINE_CHART' ||\n              widgetType === 'chart' ||\n              internalType === 'chart' ||\n              internalType === 'funnel_chart';\n            const isTableWidget =\n              widgetType === 'TABLE' ||\n              widgetType === 'table' ||\n              internalType === 'table' ||\n              internalType === 'list' ||\n              internalType === 'pivot_table';\n\n            // Charts need an explicit height (Recharts' ResponsiveContainer needs a\n            // definite parent). Clamping against the viewport keeps a 350px chart\n            // plus a 500px table from filling a phone screen twice over.\n            const heightStyle = isChartWidget\n              ? { height: 'clamp(220px, 45vh, 350px)' }\n              : isTableWidget\n                ? { minHeight: 'min(250px, 40vh)', maxHeight: 'min(500px, 65vh)' }\n                : { minHeight: 'min(120px, 25vh)', maxHeight: 'min(300px, 50vh)' };\n\n            return (\n              <div\n                key={widget.id}\n                className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface\"\n                style={heightStyle}\n              >\n                <WidgetInModal widget={widget} filterValues={params} />\n              </div>\n            );\n          })}\n        </div>\n      </SectionStack>\n    );\n  }\n);\n\n// ============================================================================\n// Widget In Modal Component\n// ============================================================================\n\ninterface WidgetInModalProps {\n  widget: Widget;\n  filterValues?: Record<string, unknown>;\n}\n\nconst WidgetInModal: FC<WidgetInModalProps> = memo(function WidgetInModal({ widget, filterValues }) {\n  return (\n    <div className=\"h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent\">\n      <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={filterValues} />\n    </div>\n  );\n});\n\nexport default DrilldownDashboardRenderer;\n"],"mappings":"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"}

package/dist/bigconsole/components/DrilldownModal.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export interface DrilldownModalProps {
+    /** Custom content renderer for the dashboard */
+    renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;
+    /** Called when modal closes */
+    onClose?: () => void;
+}
+export declare const DrilldownModal: FC<DrilldownModalProps>;
+export default DrilldownModal;
+//# sourceMappingURL=DrilldownModal.d.ts.map

package/dist/bigconsole/components/DrilldownModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownModal.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAgC,MAAM,OAAO,CAAC;AAQ9D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5F,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4IjD,CAAC;AAYH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/builder/BuilderCanvas.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+
+export interface BuilderCanvasProps {
+    palette?: ReactNode;
+    canvas: ReactNode;
+    inspector?: ReactNode;
+}
+/**
+ * Stable pane composition for the builder: palette, canvas, inspector.
+ *
+ * The three panes sit side by side from `md` up. Below that they stack, because
+ * a 300px palette pinned next to a canvas leaves the canvas unusably narrow on a
+ * phone (BOFF-5636). The canvas keeps `min-w-0` so a wide widget grid scrolls
+ * inside itself instead of pushing the page into horizontal scroll.
+ */
+export declare const BuilderCanvas: FC<BuilderCanvasProps>;
+//# sourceMappingURL=BuilderCanvas.d.ts.map

package/dist/bigconsole/components/builder/BuilderCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderCanvas.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/BuilderCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAW/C,CAAC"}

package/dist/bigconsole/components/builder/BuilderTopbar.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+
+export interface BuilderTopbarProps {
+    title: string;
+    onBack: () => void;
+    actions?: ReactNode;
+}
+/**
+ * Route-level navigation and identity for the dashboard editor.
+ *
+ * This is the route's `h1`, so it is set heavier than the section titles below
+ * it; previously it was `text-sm`, i.e. lighter than the dashboard title in the
+ * toolbar directly beneath, which made two adjacent bars compete (BOFF-5636).
+ * The bar is a `bare` structural strip — spacing and a seam, no card surface.
+ */
+export declare const BuilderTopbar: FC<BuilderTopbarProps>;
+//# sourceMappingURL=BuilderTopbar.d.ts.map

package/dist/bigconsole/components/builder/BuilderTopbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderTopbar.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/BuilderTopbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAItD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAa/C,CAAC"}

package/dist/bigconsole/components/builder/DashboardEditorShell.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+
+export interface DashboardEditorShellProps {
+    topbar: ReactNode;
+    children: ReactNode;
+}
+/** Full-height route shell for the dashboard editing experience. */
+export declare const DashboardEditorShell: FC<DashboardEditorShellProps>;
+//# sourceMappingURL=DashboardEditorShell.d.ts.map

package/dist/bigconsole/components/builder/DashboardEditorShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditorShell.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/DashboardEditorShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,oEAAoE;AACpE,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAa7D,CAAC"}

package/dist/bigconsole/components/builder/WidgetInspector.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+export interface WidgetInspectorProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+/**
+ * Canonical add/edit inspector entry point.
+ *
+ * PropertiesPanel remains the compatibility implementation while its sections
+ * are extracted incrementally. Builder callers should depend on this component
+ * so that migration does not create a second editing surface.
+ */
+export declare const WidgetInspector: FC<WidgetInspectorProps>;
+//# sourceMappingURL=WidgetInspector.d.ts.map

package/dist/bigconsole/components/builder/WidgetInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetInspector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/WidgetInspector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAEnD,CAAC"}

package/dist/bigconsole/components/builder/index.d.ts

@@ -0,0 +1,5 @@
+export { BuilderCanvas, type BuilderCanvasProps } from './BuilderCanvas';
+export { BuilderTopbar, type BuilderTopbarProps } from './BuilderTopbar';
+export { DashboardEditorShell, type DashboardEditorShellProps } from './DashboardEditorShell';
+export { WidgetInspector, type WidgetInspectorProps } from './WidgetInspector';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/builder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bigconsole/components/builder/inspector/AdvancedSection.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+import { RendererType } from '../../../types';
+
+export interface AdvancedRendererOption {
+    value: RendererType;
+    label: string;
+    description: string;
+}
+export interface AdvancedSectionProps {
+    renderer: RendererType;
+    rendererOptions: AdvancedRendererOption[];
+    onRendererChange: (renderer: RendererType) => void;
+    templateEditor?: ReactNode;
+}
+/** Renderer/template controls; actions and integrations migrate here next. */
+export declare const AdvancedSection: FC<AdvancedSectionProps>;
+//# sourceMappingURL=AdvancedSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/AdvancedSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/AdvancedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,EAAE,sBAAsB,EAAE,CAAC;IAC1C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,8EAA8E;AAC9E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA+BnD,CAAC"}

package/dist/bigconsole/components/builder/inspector/AppearanceSection.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { WidgetType } from '../../../types';
+
+export interface AppearanceSectionProps {
+    widgetType: WidgetType;
+    config: Record<string, unknown>;
+    onChange: (config: Record<string, unknown>) => void;
+}
+/** Widget-specific visual configuration with a shared empty state. */
+export declare const AppearanceSection: FC<AppearanceSectionProps>;
+//# sourceMappingURL=AppearanceSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/AppearanceSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/AppearanceSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAsBjD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AA0BD,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgCvD,CAAC"}