@burdenoff/microfe-bigconsole 2026.804.2 → 2026.805.2

package/dist/bigconsole/AdminRoot.js

@@ -4,45 +4,50 @@ import { AdminRoutes as t } from "./AdminRoutes.js";
 import { useEffect as n } from "react";
 import { ErrorBoundary as r } from "@burdenoff/fe-libs/shared/components";
 import { FeatureFlagProvider as i } from "@burdenoff/fe-libs/shared/feature-flags";
-import { BarChart3 as a } from "lucide-react";
-import { jsx as o } from "react/jsx-runtime";
+import { PermissionProvider as a } from "@burdenoff/fe-libs/shared/providers/shell";
+import { BarChart3 as o } from "lucide-react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/bigconsole/AdminRoot.tsx
-var s = (s) => {
-	let { registerNavItems: c, registerFooterItems: l, basePath: u = "/admin/bigconsole" } = s;
+var c = (c) => {
+	let { registerNavItems: l, registerFooterItems: u, basePath: d = "/admin/bigconsole" } = c;
 	return n(() => {
-		if (c) return c([{
+		if (l) return l([{
 			id: "bigconsole-admin",
 			label: "BigConsole",
-			path: u,
-			icon: /* @__PURE__ */ o(a, { size: 20 }),
+			path: d,
+			icon: /* @__PURE__ */ s(o, { size: 20 }),
 			order: 55,
 			group: "admin"
 		}]);
-	}, [c, u]), n(() => {
-		if (l) return l([{
+	}, [l, d]), n(() => {
+		if (u) return u([{
 			id: "bigconsole-admin-status",
 			label: "BigConsole Admin",
 			type: "status",
 			order: 55,
 			section: "left"
 		}]);
-	}, [l]), /* @__PURE__ */ o(r, {
-		fallback: /* @__PURE__ */ o("div", {
+	}, [u]), /* @__PURE__ */ s(r, {
+		fallback: /* @__PURE__ */ s("div", {
 			className: "p-6 text-center text-text-secondary",
 			children: "Something went wrong loading BigConsole Admin. Please refresh the page."
 		}),
-		children: /* @__PURE__ */ o(i, {
+		children: /* @__PURE__ */ s(i, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ o(e, {
-				props: s,
-				children: /* @__PURE__ */ o(t, {})
+			children: /* @__PURE__ */ s(a, {
+				scopeId: c.workspaceId ?? null,
+				gateway: "workspace",
+				children: /* @__PURE__ */ s(e, {
+					props: c,
+					children: /* @__PURE__ */ s(t, {})
+				})
 			})
 		})
 	});
 };
 //#endregion
-export { s as AdminRoot };
+export { c as AdminRoot };
 
 //# sourceMappingURL=AdminRoot.js.map

package/dist/bigconsole/AdminRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminRoot.js","names":[],"sources":["../../src/bigconsole/AdminRoot.tsx"],"sourcesContent":["/**\n * BigConsole Admin Root\n *\n * Entry point for the BigConsole admin surface mounted inside the platform\n * admin-app. Reuses the same provider stack as the main BigConsoleRoot where\n * appropriate, but keeps the admin UI lightweight and independent of dashboard\n * rendering concerns.\n */\n\nimport type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { BarChart3 } from 'lucide-react';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport type { AdminRootProps } from './types';\nimport { AdminRoutes } from './AdminRoutes';\nimport { BigConsoleProvider } from './context';\n\n/**\n * Root component for the BigConsole admin microfrontend.\n *\n * This is the admin entry point that host applications import and render.\n */\nexport const AdminRoot: FC<AdminRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/admin/bigconsole' } = props;\n\n  // Register a single admin nav item with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const cleanup = registerNavItems([\n      {\n        id: 'bigconsole-admin',\n        label: 'BigConsole',\n        path: basePath,\n        icon: <BarChart3 size={20} />,\n        order: 55,\n        group: 'admin',\n      },\n    ]);\n\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer status item\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const cleanup = registerFooterItems([\n      {\n        id: 'bigconsole-admin-status',\n        label: 'BigConsole Admin',\n        type: 'status' as const,\n        order: 55,\n        section: 'left' as const,\n      },\n    ]);\n\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading BigConsole Admin. Please refresh the page.\n        </div>\n      }\n    >\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <BigConsoleProvider props={props}>\n          <AdminRoutes />\n        </BigConsoleProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;AAuBA,IAAa,KAAiC,MAAU;CACtD,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,wBAAwB;AAqClF,QAlCA,QAAgB;AACT,QAaL,QAXgB,EAAiB,CAC/B;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;GAC7B,OAAO;GACP,OAAO;GACR,CACF,CAAC;IAGD,CAAC,GAAkB,EAAS,CAAC,EAGhC,QAAgB;AACT,QAYL,QAVgB,EAAoB,CAClC;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAAC;IAGD,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aAAsC;GAE/C,CAAA;YAGR,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAA2B;cACzB,kBAAC,GAAD,EAAe,CAAA;IACI,CAAA;GACD,CAAA;EACR,CAAA"}
+{"version":3,"file":"AdminRoot.js","names":[],"sources":["../../src/bigconsole/AdminRoot.tsx"],"sourcesContent":["/**\n * BigConsole Admin Root\n *\n * Entry point for the BigConsole admin surface mounted inside the platform\n * admin-app. Reuses the same provider stack as the main BigConsoleRoot where\n * appropriate, but keeps the admin UI lightweight and independent of dashboard\n * rendering concerns.\n */\n\nimport type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { BarChart3 } from 'lucide-react';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { AdminRootProps } from './types';\nimport { AdminRoutes } from './AdminRoutes';\nimport { BigConsoleProvider } from './context';\n\n/**\n * Root component for the BigConsole admin microfrontend.\n *\n * This is the admin entry point that host applications import and render.\n */\nexport const AdminRoot: FC<AdminRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/admin/bigconsole' } = props;\n\n  // Register a single admin nav item with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const cleanup = registerNavItems([\n      {\n        id: 'bigconsole-admin',\n        label: 'BigConsole',\n        path: basePath,\n        icon: <BarChart3 size={20} />,\n        order: 55,\n        group: 'admin',\n      },\n    ]);\n\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer status item\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const cleanup = registerFooterItems([\n      {\n        id: 'bigconsole-admin-status',\n        label: 'BigConsole Admin',\n        type: 'status' as const,\n        order: 55,\n        section: 'left' as const,\n      },\n    ]);\n\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading BigConsole Admin. Please refresh the page.\n        </div>\n      }\n    >\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        {/* PermissionProvider fetches myPermissions from wspace-rbac-svc via the\n            workspace gateway (requires the shell's AuthProvider), scoped to the\n            active workspace so admin UI gating matches gateway enforcement. */}\n        <PermissionProvider scopeId={props.workspaceId ?? null} gateway=\"workspace\">\n          <BigConsoleProvider props={props}>\n            <AdminRoutes />\n          </BigConsoleProvider>\n        </PermissionProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,KAAiC,MAAU;CACtD,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,wBAAwB;AAqClF,QAlCA,QAAgB;AACT,QAaL,QAXgB,EAAiB,CAC/B;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;GAC7B,OAAO;GACP,OAAO;GACR,CACF,CAAC;IAGD,CAAC,GAAkB,EAAS,CAAC,EAGhC,QAAgB;AACT,QAYL,QAVgB,EAAoB,CAClC;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAAC;IAGD,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aAAsC;GAE/C,CAAA;YAGR,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aAIvE,kBAAC,GAAD;IAAoB,SAAS,EAAM,eAAe;IAAM,SAAQ;cAC9D,kBAAC,GAAD;KAA2B;eACzB,kBAAC,GAAD,EAAe,CAAA;KACI,CAAA;IACF,CAAA;GACD,CAAA;EACR,CAAA"}

package/dist/bigconsole/BigConsoleRoot.js

@@ -8,21 +8,22 @@ import { BigConsoleProvider as s } from "./context/BigConsoleContext.js";
 import "./context/index.js";
 import { BigConsoleQuotaProvider as c } from "./providers/BigConsoleQuotaProvider.js";
 import l from "./hooks/useFilterUrlSync.js";
-import u from "./components/DrilldownDashboardRenderer.js";
-import d from "./components/preview/AiPreviewPanel.js";
-import f from "./components/DrilldownModal.js";
-import { useCallback as p, useEffect as m, useLayoutEffect as h, useRef as g, useState as _ } from "react";
-import { useSearchParams as v } from "react-router";
-import { ErrorBoundary as y } from "@burdenoff/fe-libs/shared/components";
-import { FeatureFlagProvider as b } from "@burdenoff/fe-libs/shared/feature-flags";
-import { BarChart3 as x, Boxes as S, Database as C, LayoutDashboard as w, Lightbulb as T, Settings as ee } from "lucide-react";
+import ee from "./components/DrilldownDashboardRenderer.js";
+import u from "./components/preview/AiPreviewPanel.js";
+import d from "./components/DrilldownModal.js";
+import { useCallback as f, useEffect as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
+import { useSearchParams as _ } from "react-router";
+import { ErrorBoundary as v } from "@burdenoff/fe-libs/shared/components";
+import { FeatureFlagProvider as y } from "@burdenoff/fe-libs/shared/feature-flags";
+import { PermissionProvider as b } from "@burdenoff/fe-libs/shared/providers/shell";
+import { BarChart3 as x, Boxes as S, Database as C, LayoutDashboard as w, Lightbulb as te, Settings as T } from "lucide-react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { resetFluidGridsClient as O, resetFluidGridsConfig as k, resetGlobalStoreClient as A, setFluidGridsClient as j, setFluidGridsConfig as M, setGlobalStoreClient as N } from "@burdenoff/fluidgrids-fe-sdk";
 import { useGatewayClient as P } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/bigconsole/BigConsoleRoot.tsx
 var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
-	let { registerNavItems: i, registerFooterItems: a, basePath: z = "/bigconsole", navigate: B } = r, V = P("workspace"), H = P("global"), [U, W] = _(!1), [G, K] = _(null), q = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-	m(() => {
+	let { registerNavItems: i, registerFooterItems: a, basePath: z = "/bigconsole", navigate: B } = r, V = P("workspace"), H = P("global"), [U, W] = g(!1), [G, K] = g(null), q = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	p(() => {
 		if (i) return i({
 			id: "bigconsole",
 			label: "Analytics",
@@ -56,7 +57,7 @@ var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
 					id: "bigconsole-insights",
 					label: "AI Insights",
 					path: q(z, "insights"),
-					icon: /* @__PURE__ */ E(T, { size: 16 }),
+					icon: /* @__PURE__ */ E(te, { size: 16 }),
 					order: 40
 				},
 				{
@@ -70,12 +71,12 @@ var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
 					id: "bigconsole-settings",
 					label: "Settings",
 					path: q(z, "settings"),
-					icon: /* @__PURE__ */ E(ee, { size: 16 }),
+					icon: /* @__PURE__ */ E(T, { size: 16 }),
 					order: 60
 				}
 			]
 		});
-	}, [i, z]), m(() => {
+	}, [i, z]), p(() => {
 		if (a) return a([{
 			id: "bigconsole-status",
 			label: "Analytics Ready",
@@ -83,16 +84,16 @@ var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
 			order: 15,
 			section: "left"
 		}]);
-	}, [a]), m(() => (V && H && (j(V), N(H), W(!0)), () => {
+	}, [a]), p(() => (V && H && (j(V), N(H), W(!0)), () => {
 		O(), A();
-	}), [V, H]), m(() => {
+	}), [V, H]), p(() => {
 		if (U) return;
 		let e = setTimeout(() => {
 			U || K("BigConsole could not connect to the gateway. Please refresh the page or check your configuration.");
 		}, 1e4);
 		return () => clearTimeout(e);
 	}, [U]);
-	let J = p(async (e) => {
+	let J = f(async (e) => {
 		if (e.operation === "created") {
 			if (!V) {
 				console.warn("[BigConsole] onWorkflowSaved: workspace client not ready");
@@ -123,10 +124,10 @@ var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
 				}
 			}
 		}
-	}, [V]), Y = g(J);
-	h(() => {
+	}, [V]), Y = h(J);
+	m(() => {
 		Y.current = J;
-	}, [J]), m(() => {
+	}, [J]), p(() => {
 		if (r.apiGatewayUrl) {
 			let e = r.apiGatewayUrl.endsWith("/") ? r.apiGatewayUrl.slice(0, -1) : r.apiGatewayUrl;
 			console.log("[BigConsole] Setting FluidGrids config", {
@@ -156,9 +157,9 @@ var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
 		r.productId,
 		r.productName
 	]);
-	let [X, Z] = v(), Q = e((e) => e.isOpen), $ = e((e) => e.closeModal);
+	let [X, Z] = _(), Q = e((e) => e.isOpen), $ = e((e) => e.closeModal);
 	l();
-	let te = p(() => {
+	let ne = f(() => {
 		$();
 		let e = new URLSearchParams(X);
 		Array.from(e.keys()).forEach((t) => {
@@ -168,39 +169,43 @@ var F = i, I = r, L = a, R = /* @__PURE__ */ new Set(), z = (r) => {
 		$,
 		X,
 		Z
-	]), ne = p(() => {
+	]), re = f(() => {
 		if (B) {
 			B("/billing");
 			return;
 		}
 		window.location.assign("/billing");
-	}, [B]), re = p((e, t) => /* @__PURE__ */ E(u, {
+	}, [B]), ie = f((e, t) => /* @__PURE__ */ E(ee, {
 		dashboardId: e,
 		params: t
 	}), []);
-	return U ? /* @__PURE__ */ E(y, {
+	return U ? /* @__PURE__ */ E(v, {
 		fallback: /* @__PURE__ */ E("div", {
 			className: "p-6 text-center text-text-secondary",
 			children: "Something went wrong loading BigConsole. Please refresh the page."
 		}),
-		children: /* @__PURE__ */ E(b, {
+		children: /* @__PURE__ */ E(y, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ E(s, {
-				props: r,
-				children: /* @__PURE__ */ E(c, {
-					onViewBilling: ne,
-					children: /* @__PURE__ */ E(n, {
-						basePath: z,
-						children: /* @__PURE__ */ D(t, { children: [
-							/* @__PURE__ */ E(d, {}),
-							/* @__PURE__ */ E(o, { ...r }),
-							Q && /* @__PURE__ */ E(f, {
-								onClose: te,
-								renderDashboard: re
-							})
-						] })
+			children: /* @__PURE__ */ E(b, {
+				scopeId: r.workspaceId ?? null,
+				gateway: "workspace",
+				children: /* @__PURE__ */ E(s, {
+					props: r,
+					children: /* @__PURE__ */ E(c, {
+						onViewBilling: re,
+						children: /* @__PURE__ */ E(n, {
+							basePath: z,
+							children: /* @__PURE__ */ D(t, { children: [
+								/* @__PURE__ */ E(u, {}),
+								/* @__PURE__ */ E(o, { ...r }),
+								Q && /* @__PURE__ */ E(d, {
+									onClose: ne,
+									renderDashboard: ie
+								})
+							] })
+						})
 					})
 				})
 			})

package/dist/bigconsole/BigConsoleRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"BigConsoleRoot.js","names":[],"sources":["../../src/bigconsole/BigConsoleRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { BarChart3, Database, LayoutDashboard, Lightbulb, Settings, Boxes } from 'lucide-react';\nimport type { BigConsoleRootProps } from './types';\nimport { BigConsoleRoutes } from './BigConsoleRoutes';\nimport { BigConsoleProvider } from './context';\nimport { NavigationProvider, CrossFilterProvider } from './contexts';\nimport { BigConsoleQuotaProvider } from './providers/BigConsoleQuotaProvider';\nimport { AiPreviewPanel } from './components/preview/AiPreviewPanel';\nimport { DrilldownModal } from './components/DrilldownModal';\nimport { DrilldownDashboardRenderer } from './components/DrilldownDashboardRenderer';\nimport { useFilterUrlSync } from './hooks/useFilterUrlSync';\nimport { useDrilldownStore } from './store/drilldownStore';\n\n// FluidGrids SDK client injection (needed for workflow components)\nimport {\n  setFluidGridsClient,\n  resetFluidGridsClient,\n  setFluidGridsConfig,\n  resetFluidGridsConfig,\n  setGlobalStoreClient,\n  resetGlobalStoreClient,\n} from '@burdenoff/fluidgrids-fe-sdk';\n// Use the shared gateway Apollo clients from the shell\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport {\n  CreateWorkflowDocument,\n  GetWorkflowByKeyDocument,\n  ListWorkflowsDocument,\n  type GetWorkflowByKeyQuery,\n  type GetWorkflowByKeyQueryVariables,\n  type CreateWorkflowMutation,\n  type CreateWorkflowMutationVariables,\n  type ListWorkflowsQuery,\n  type ListWorkflowsQueryVariables,\n} from '../generated/wspace-operations';\n\nconst getWorkflowByKeyDocument = GetWorkflowByKeyDocument as unknown as TypedDocumentNode<\n  GetWorkflowByKeyQuery,\n  GetWorkflowByKeyQueryVariables\n>;\nconst createWorkflowDocument = CreateWorkflowDocument as unknown as TypedDocumentNode<\n  CreateWorkflowMutation,\n  CreateWorkflowMutationVariables\n>;\nconst listWorkflowsDocument = ListWorkflowsDocument as unknown as TypedDocumentNode<\n  ListWorkflowsQuery,\n  ListWorkflowsQueryVariables\n>;\n\n/**\n * Local contract for the workflow-save payload emitted by the embedded FluidGrids builder.\n * Kept explicit here to maintain strict typing at the BigConsole boundary.\n */\ninterface WorkflowSavedResult {\n  dbId: string;\n  workflowKey: string;\n  version: string;\n  name: string;\n  description?: string;\n  operation: 'created' | 'updated' | 'versioned';\n}\n\n// In-flight guard: prevents duplicate BigConsole records when the callback\n// fires twice in rapid succession (React StrictMode, retry, double-click).\n// Server unique constraint on `key` is the ultimate backstop.\nconst inFlightKeys = new Set<string>();\n\n/**\n * Root component for the BigConsole microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { BigConsoleRoot, type BigConsoleRootProps } from '@burdenoff/microfe-bigconsole';\n *\n * function App() {\n *   const props: BigConsoleRootProps = {\n *     basePath: '/analytics',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com' },\n *     apiGatewayUrl: 'https://api.example.com',\n *     authToken: 'token',\n *   };\n *\n *   return <BigConsoleRoot {...props} />;\n * }\n * ```\n */\nexport const BigConsoleRoot: FC<BigConsoleRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/bigconsole', navigate: hostNavigate } = props;\n\n  // Use the shared Apollo clients from the shell (both workspace and global)\n  const workspaceClient = useGatewayClient('workspace');\n  const globalClient = useGatewayClient('global');\n  const [clientReady, setClientReady] = useState(false);\n  const [clientError, setClientError] = useState<string | null>(null);\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const bigConsoleNavItem = {\n      id: 'bigconsole',\n      label: 'Analytics',\n      path: basePath,\n      icon: <BarChart3 size={20} />,\n      order: 15,\n      group: 'bigconsole',\n      children: [\n        {\n          id: 'bigconsole-home',\n          label: 'Overview',\n          path: basePath,\n          icon: <BarChart3 size={16} />,\n          order: 10,\n        },\n        {\n          id: 'bigconsole-dashboards',\n          label: 'Dashboards',\n          path: joinPath(basePath, 'dashboards'),\n          icon: <LayoutDashboard size={16} />,\n          order: 20,\n        },\n        {\n          id: 'bigconsole-datasources',\n          label: 'Data Sources',\n          path: joinPath(basePath, 'datasources'),\n          icon: <Database size={16} />,\n          order: 30,\n        },\n        {\n          id: 'bigconsole-insights',\n          label: 'AI Insights',\n          path: joinPath(basePath, 'insights'),\n          icon: <Lightbulb size={16} />,\n          order: 40,\n        },\n        {\n          id: 'bigconsole-widgets',\n          label: 'Widget Demo',\n          path: joinPath(basePath, 'widgets/demo'),\n          icon: <Boxes size={16} />,\n          order: 50,\n        },\n        {\n          id: 'bigconsole-settings',\n          label: 'Settings',\n          path: joinPath(basePath, 'settings'),\n          icon: <Settings size={16} />,\n          order: 60,\n        },\n      ],\n    };\n\n    const cleanup = registerNavItems(bigConsoleNavItem);\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'bigconsole-status',\n        label: 'Analytics Ready',\n        type: 'status' as const,\n        order: 15,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  // Inject Apollo clients into FluidGrids SDK (for workflow components)\n  // This synchronizes external stores (module-level client singletons in the SDK)\n  // with React's lifecycle. The setState call is intentional — it gates rendering\n  // so children don't mount before the SDK clients are available.\n  //\n  // KNOWN TRADE-OFF: clientReady is NOT reset in cleanup. When workspaceClient/globalClient\n  // change references (e.g. token refresh), children continue rendering against a briefly\n  // uninitialized SDK client until the next effect run re-injects the new client. This avoids\n  // a visible spinner flash mid-session. Failed SDK requests during this short window will\n  // be retried by React Query / Apollo's retry policies. If this becomes a real issue,\n  // consider using startTransition to reset clientReady without the visual disruption.\n  useEffect(() => {\n    if (workspaceClient && globalClient) {\n      setFluidGridsClient(workspaceClient);\n      setGlobalStoreClient(globalClient);\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional: gate children until external SDK clients are injected\n      setClientReady(true);\n    }\n    return () => {\n      resetFluidGridsClient();\n      resetGlobalStoreClient();\n    };\n  }, [workspaceClient, globalClient]);\n\n  // Timeout fallback: if gateway clients are never provided (test env, shell\n  // misconfiguration, auth failure before hydration), show an error rather\n  // than spinning indefinitely.\n  useEffect(() => {\n    if (clientReady) return;\n    const timer = setTimeout(() => {\n      if (!clientReady) {\n        setClientError(\n          'BigConsole could not connect to the gateway. Please refresh the page or check your configuration.'\n        );\n      }\n    }, 10_000);\n    return () => clearTimeout(timer);\n  }, [clientReady]);\n\n  // Callback: sync workflow metadata to BigConsole after FluidGrids SDK saves\n  const handleWorkflowSaved = useCallback(\n    async (result: WorkflowSavedResult) => {\n      // Only create a BigConsole record for brand-new workflows.\n      // 'updated' = edit of existing, 'versioned' = new snapshot of same key — both already have records.\n      if (result.operation !== 'created') return;\n\n      if (!workspaceClient) {\n        console.warn('[BigConsole] onWorkflowSaved: workspace client not ready');\n        return;\n      }\n\n      // In-flight guard: prevent duplicate records from rapid double-fire\n      // (React StrictMode, retry, fast double-click).\n      if (inFlightKeys.has(result.workflowKey)) return;\n      inFlightKeys.add(result.workflowKey);\n\n      try {\n        // Idempotency check — avoid creating duplicates if callback fires twice\n        const existing = await workspaceClient.query<GetWorkflowByKeyQuery>({\n          query: getWorkflowByKeyDocument,\n          variables: { key: result.workflowKey },\n          fetchPolicy: 'network-only',\n        });\n\n        if (existing.data?.workflowByKey) {\n          return;\n        }\n\n        // Create BigConsole metadata record linked to the SDK workflow\n        await workspaceClient.mutate<CreateWorkflowMutation>({\n          mutation: createWorkflowDocument,\n          variables: {\n            input: {\n              name: result.name,\n              key: result.workflowKey,\n              description: result.description,\n              externalWorkflowId: result.dbId,\n            },\n          },\n          refetchQueries: [{ query: listWorkflowsDocument }],\n        });\n      } catch (err) {\n        // Possible: network error, or duplicate-key constraint (race condition).\n        // SDK save already succeeded — never block the user.\n        console.warn('[BigConsole] onWorkflowSaved: failed to create record:', err);\n      } finally {\n        inFlightKeys.delete(result.workflowKey);\n      }\n    },\n    [workspaceClient]\n  );\n\n  // BOFF-1870 follow-up: keep this ref bridge explicit as the breadcrumb for\n  // why this callback is decoupled from SDK config updates.\n  // Ref-forwarding: decouple the callback from the SDK config effect so that\n  // workspaceClient reference changes don't trigger resetFluidGridsConfig() + re-init.\n  const handleWorkflowSavedRef = useRef(handleWorkflowSaved);\n  // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional: keep ref in sync with latest callback\n  useLayoutEffect(() => {\n    handleWorkflowSavedRef.current = handleWorkflowSaved;\n  }, [handleWorkflowSaved]);\n\n  // Configure FluidGrids SDK settings\n  useEffect(() => {\n    if (props.apiGatewayUrl) {\n      const normalizedBase = props.apiGatewayUrl.endsWith('/') ? props.apiGatewayUrl.slice(0, -1) : props.apiGatewayUrl;\n\n      console.log('[BigConsole] Setting FluidGrids config', {\n        apiGatewayUrl: normalizedBase,\n        workspaceId: props.workspaceId,\n        tenantId: props.tenantId,\n        productId: props.productId,\n        productName: props.productName,\n      });\n\n      setFluidGridsConfig({\n        apiGatewayUrl: normalizedBase,\n        authToken: props.authToken,\n        workspaceId: props.workspaceId ?? '',\n        tenantId: props.tenantId,\n        // Default to 'bigconsole' when unset — the SDK uses productId for workflow isolation\n        // (filtering workflows by product). undefined would show all products' workflows.\n        productId: props.productId ?? 'bigconsole',\n        productName: props.productName ?? 'BigConsole',\n        // Stable wrapper via ref — avoids SDK re-init when workspaceClient changes reference\n        onWorkflowSaved: (result: WorkflowSavedResult) => handleWorkflowSavedRef.current(result),\n      });\n    }\n    return () => {\n      resetFluidGridsConfig();\n    };\n    // handleWorkflowSavedRef is stable (useRef) — intentionally excluded to prevent SDK re-init on client change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.apiGatewayUrl, props.authToken, props.workspaceId, props.tenantId, props.productId, props.productName]);\n\n  // Drilldown modal state from store\n  const [searchParams, setSearchParams] = useSearchParams();\n  const isModalOpen = useDrilldownStore((state) => state.isOpen);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  useFilterUrlSync();\n\n  const handleDrilldownClose = useCallback(() => {\n    closeModal();\n    // Clear any cross-filter URL params when closing drilldown modal\n    const newParams = new URLSearchParams(searchParams);\n    Array.from(newParams.keys()).forEach((key) => {\n      if (key.startsWith('filter_') || key.startsWith('ctx_')) {\n        newParams.delete(key);\n      }\n    });\n    setSearchParams(newParams, { replace: true });\n    // Remove focus from any element to prevent blue border\n    if (document.activeElement instanceof HTMLElement) {\n      document.activeElement.blur();\n    }\n  }, [closeModal, searchParams, setSearchParams]);\n\n  const handleViewBilling = useCallback(() => {\n    if (hostNavigate) {\n      hostNavigate('/billing');\n      return;\n    }\n    window.location.assign('/billing');\n  }, [hostNavigate]);\n\n  // Render a DrilldownDashboardRenderer inside the modal when a drilldown is active.\n  // This callback is only invoked by DrilldownModal when isOpen && dashboardId are set,\n  // so the renderer always receives a valid dashboardId.\n  // NOTE: Must be declared before the early return below to satisfy React's rules of hooks.\n  const renderDrilldownDashboard = useCallback(\n    (dashboardId: string, params: Record<string, unknown>) => (\n      <DrilldownDashboardRenderer dashboardId={dashboardId} params={params} />\n    ),\n    []\n  );\n\n  // Don't render until client is ready (same pattern as microfe-workflows)\n  if (!clientReady) {\n    if (clientError) {\n      return (\n        <div className=\"flex h-full min-h-[200px] w-full items-center justify-center p-6\">\n          <div className=\"text-center\">\n            <p className=\"text-sm text-text-secondary mb-4\">{clientError}</p>\n            <button\n              type=\"button\"\n              onClick={() => window.location.reload()}\n              className=\"px-4 py-2 text-sm font-medium text-white bg-action-primary-bg hover:bg-action-primary-bg/90 rounded-md transition-colors\"\n            >\n              Reload Page\n            </button>\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-blue-600\" />\n      </div>\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading BigConsole. Please refresh the page.\n        </div>\n      }\n    >\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <BigConsoleProvider props={props}>\n          <BigConsoleQuotaProvider onViewBilling={handleViewBilling}>\n            <NavigationProvider basePath={basePath}>\n              <CrossFilterProvider>\n                {/* Sits ABOVE the routed page, so when the assistant starts building\n                    you watch it happen on whatever screen you were already on —\n                    rather than having to guess which list to go and refresh. */}\n                <AiPreviewPanel />\n                <BigConsoleRoutes {...props} />\n                {isModalOpen && (\n                  <DrilldownModal onClose={handleDrilldownClose} renderDashboard={renderDrilldownDashboard} />\n                )}\n              </CrossFilterProvider>\n            </NavigationProvider>\n          </BigConsoleQuotaProvider>\n        </BigConsoleProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BigConsoleRoot.js","names":[],"sources":["../../src/bigconsole/BigConsoleRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { BarChart3, Database, LayoutDashboard, Lightbulb, Settings, Boxes } from 'lucide-react';\nimport type { BigConsoleRootProps } from './types';\nimport { BigConsoleRoutes } from './BigConsoleRoutes';\nimport { BigConsoleProvider } from './context';\nimport { NavigationProvider, CrossFilterProvider } from './contexts';\nimport { BigConsoleQuotaProvider } from './providers/BigConsoleQuotaProvider';\nimport { AiPreviewPanel } from './components/preview/AiPreviewPanel';\nimport { DrilldownModal } from './components/DrilldownModal';\nimport { DrilldownDashboardRenderer } from './components/DrilldownDashboardRenderer';\nimport { useFilterUrlSync } from './hooks/useFilterUrlSync';\nimport { useDrilldownStore } from './store/drilldownStore';\n\n// FluidGrids SDK client injection (needed for workflow components)\nimport {\n  setFluidGridsClient,\n  resetFluidGridsClient,\n  setFluidGridsConfig,\n  resetFluidGridsConfig,\n  setGlobalStoreClient,\n  resetGlobalStoreClient,\n} from '@burdenoff/fluidgrids-fe-sdk';\n// Use the shared gateway Apollo clients from the shell\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport {\n  CreateWorkflowDocument,\n  GetWorkflowByKeyDocument,\n  ListWorkflowsDocument,\n  type GetWorkflowByKeyQuery,\n  type GetWorkflowByKeyQueryVariables,\n  type CreateWorkflowMutation,\n  type CreateWorkflowMutationVariables,\n  type ListWorkflowsQuery,\n  type ListWorkflowsQueryVariables,\n} from '../generated/wspace-operations';\n\nconst getWorkflowByKeyDocument = GetWorkflowByKeyDocument as unknown as TypedDocumentNode<\n  GetWorkflowByKeyQuery,\n  GetWorkflowByKeyQueryVariables\n>;\nconst createWorkflowDocument = CreateWorkflowDocument as unknown as TypedDocumentNode<\n  CreateWorkflowMutation,\n  CreateWorkflowMutationVariables\n>;\nconst listWorkflowsDocument = ListWorkflowsDocument as unknown as TypedDocumentNode<\n  ListWorkflowsQuery,\n  ListWorkflowsQueryVariables\n>;\n\n/**\n * Local contract for the workflow-save payload emitted by the embedded FluidGrids builder.\n * Kept explicit here to maintain strict typing at the BigConsole boundary.\n */\ninterface WorkflowSavedResult {\n  dbId: string;\n  workflowKey: string;\n  version: string;\n  name: string;\n  description?: string;\n  operation: 'created' | 'updated' | 'versioned';\n}\n\n// In-flight guard: prevents duplicate BigConsole records when the callback\n// fires twice in rapid succession (React StrictMode, retry, double-click).\n// Server unique constraint on `key` is the ultimate backstop.\nconst inFlightKeys = new Set<string>();\n\n/**\n * Root component for the BigConsole microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { BigConsoleRoot, type BigConsoleRootProps } from '@burdenoff/microfe-bigconsole';\n *\n * function App() {\n *   const props: BigConsoleRootProps = {\n *     basePath: '/analytics',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com' },\n *     apiGatewayUrl: 'https://api.example.com',\n *     authToken: 'token',\n *   };\n *\n *   return <BigConsoleRoot {...props} />;\n * }\n * ```\n */\nexport const BigConsoleRoot: FC<BigConsoleRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/bigconsole', navigate: hostNavigate } = props;\n\n  // Use the shared Apollo clients from the shell (both workspace and global)\n  const workspaceClient = useGatewayClient('workspace');\n  const globalClient = useGatewayClient('global');\n  const [clientReady, setClientReady] = useState(false);\n  const [clientError, setClientError] = useState<string | null>(null);\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const bigConsoleNavItem = {\n      id: 'bigconsole',\n      label: 'Analytics',\n      path: basePath,\n      icon: <BarChart3 size={20} />,\n      order: 15,\n      group: 'bigconsole',\n      children: [\n        {\n          id: 'bigconsole-home',\n          label: 'Overview',\n          path: basePath,\n          icon: <BarChart3 size={16} />,\n          order: 10,\n        },\n        {\n          id: 'bigconsole-dashboards',\n          label: 'Dashboards',\n          path: joinPath(basePath, 'dashboards'),\n          icon: <LayoutDashboard size={16} />,\n          order: 20,\n        },\n        {\n          id: 'bigconsole-datasources',\n          label: 'Data Sources',\n          path: joinPath(basePath, 'datasources'),\n          icon: <Database size={16} />,\n          order: 30,\n        },\n        {\n          id: 'bigconsole-insights',\n          label: 'AI Insights',\n          path: joinPath(basePath, 'insights'),\n          icon: <Lightbulb size={16} />,\n          order: 40,\n        },\n        {\n          id: 'bigconsole-widgets',\n          label: 'Widget Demo',\n          path: joinPath(basePath, 'widgets/demo'),\n          icon: <Boxes size={16} />,\n          order: 50,\n        },\n        {\n          id: 'bigconsole-settings',\n          label: 'Settings',\n          path: joinPath(basePath, 'settings'),\n          icon: <Settings size={16} />,\n          order: 60,\n        },\n      ],\n    };\n\n    const cleanup = registerNavItems(bigConsoleNavItem);\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'bigconsole-status',\n        label: 'Analytics Ready',\n        type: 'status' as const,\n        order: 15,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  // Inject Apollo clients into FluidGrids SDK (for workflow components)\n  // This synchronizes external stores (module-level client singletons in the SDK)\n  // with React's lifecycle. The setState call is intentional — it gates rendering\n  // so children don't mount before the SDK clients are available.\n  //\n  // KNOWN TRADE-OFF: clientReady is NOT reset in cleanup. When workspaceClient/globalClient\n  // change references (e.g. token refresh), children continue rendering against a briefly\n  // uninitialized SDK client until the next effect run re-injects the new client. This avoids\n  // a visible spinner flash mid-session. Failed SDK requests during this short window will\n  // be retried by React Query / Apollo's retry policies. If this becomes a real issue,\n  // consider using startTransition to reset clientReady without the visual disruption.\n  useEffect(() => {\n    if (workspaceClient && globalClient) {\n      setFluidGridsClient(workspaceClient);\n      setGlobalStoreClient(globalClient);\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional: gate children until external SDK clients are injected\n      setClientReady(true);\n    }\n    return () => {\n      resetFluidGridsClient();\n      resetGlobalStoreClient();\n    };\n  }, [workspaceClient, globalClient]);\n\n  // Timeout fallback: if gateway clients are never provided (test env, shell\n  // misconfiguration, auth failure before hydration), show an error rather\n  // than spinning indefinitely.\n  useEffect(() => {\n    if (clientReady) return;\n    const timer = setTimeout(() => {\n      if (!clientReady) {\n        setClientError(\n          'BigConsole could not connect to the gateway. Please refresh the page or check your configuration.'\n        );\n      }\n    }, 10_000);\n    return () => clearTimeout(timer);\n  }, [clientReady]);\n\n  // Callback: sync workflow metadata to BigConsole after FluidGrids SDK saves\n  const handleWorkflowSaved = useCallback(\n    async (result: WorkflowSavedResult) => {\n      // Only create a BigConsole record for brand-new workflows.\n      // 'updated' = edit of existing, 'versioned' = new snapshot of same key — both already have records.\n      if (result.operation !== 'created') return;\n\n      if (!workspaceClient) {\n        console.warn('[BigConsole] onWorkflowSaved: workspace client not ready');\n        return;\n      }\n\n      // In-flight guard: prevent duplicate records from rapid double-fire\n      // (React StrictMode, retry, fast double-click).\n      if (inFlightKeys.has(result.workflowKey)) return;\n      inFlightKeys.add(result.workflowKey);\n\n      try {\n        // Idempotency check — avoid creating duplicates if callback fires twice\n        const existing = await workspaceClient.query<GetWorkflowByKeyQuery>({\n          query: getWorkflowByKeyDocument,\n          variables: { key: result.workflowKey },\n          fetchPolicy: 'network-only',\n        });\n\n        if (existing.data?.workflowByKey) {\n          return;\n        }\n\n        // Create BigConsole metadata record linked to the SDK workflow\n        await workspaceClient.mutate<CreateWorkflowMutation>({\n          mutation: createWorkflowDocument,\n          variables: {\n            input: {\n              name: result.name,\n              key: result.workflowKey,\n              description: result.description,\n              externalWorkflowId: result.dbId,\n            },\n          },\n          refetchQueries: [{ query: listWorkflowsDocument }],\n        });\n      } catch (err) {\n        // Possible: network error, or duplicate-key constraint (race condition).\n        // SDK save already succeeded — never block the user.\n        console.warn('[BigConsole] onWorkflowSaved: failed to create record:', err);\n      } finally {\n        inFlightKeys.delete(result.workflowKey);\n      }\n    },\n    [workspaceClient]\n  );\n\n  // BOFF-1870 follow-up: keep this ref bridge explicit as the breadcrumb for\n  // why this callback is decoupled from SDK config updates.\n  // Ref-forwarding: decouple the callback from the SDK config effect so that\n  // workspaceClient reference changes don't trigger resetFluidGridsConfig() + re-init.\n  const handleWorkflowSavedRef = useRef(handleWorkflowSaved);\n  // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional: keep ref in sync with latest callback\n  useLayoutEffect(() => {\n    handleWorkflowSavedRef.current = handleWorkflowSaved;\n  }, [handleWorkflowSaved]);\n\n  // Configure FluidGrids SDK settings\n  useEffect(() => {\n    if (props.apiGatewayUrl) {\n      const normalizedBase = props.apiGatewayUrl.endsWith('/') ? props.apiGatewayUrl.slice(0, -1) : props.apiGatewayUrl;\n\n      console.log('[BigConsole] Setting FluidGrids config', {\n        apiGatewayUrl: normalizedBase,\n        workspaceId: props.workspaceId,\n        tenantId: props.tenantId,\n        productId: props.productId,\n        productName: props.productName,\n      });\n\n      setFluidGridsConfig({\n        apiGatewayUrl: normalizedBase,\n        authToken: props.authToken,\n        workspaceId: props.workspaceId ?? '',\n        tenantId: props.tenantId,\n        // Default to 'bigconsole' when unset — the SDK uses productId for workflow isolation\n        // (filtering workflows by product). undefined would show all products' workflows.\n        productId: props.productId ?? 'bigconsole',\n        productName: props.productName ?? 'BigConsole',\n        // Stable wrapper via ref — avoids SDK re-init when workspaceClient changes reference\n        onWorkflowSaved: (result: WorkflowSavedResult) => handleWorkflowSavedRef.current(result),\n      });\n    }\n    return () => {\n      resetFluidGridsConfig();\n    };\n    // handleWorkflowSavedRef is stable (useRef) — intentionally excluded to prevent SDK re-init on client change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.apiGatewayUrl, props.authToken, props.workspaceId, props.tenantId, props.productId, props.productName]);\n\n  // Drilldown modal state from store\n  const [searchParams, setSearchParams] = useSearchParams();\n  const isModalOpen = useDrilldownStore((state) => state.isOpen);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  useFilterUrlSync();\n\n  const handleDrilldownClose = useCallback(() => {\n    closeModal();\n    // Clear any cross-filter URL params when closing drilldown modal\n    const newParams = new URLSearchParams(searchParams);\n    Array.from(newParams.keys()).forEach((key) => {\n      if (key.startsWith('filter_') || key.startsWith('ctx_')) {\n        newParams.delete(key);\n      }\n    });\n    setSearchParams(newParams, { replace: true });\n    // Remove focus from any element to prevent blue border\n    if (document.activeElement instanceof HTMLElement) {\n      document.activeElement.blur();\n    }\n  }, [closeModal, searchParams, setSearchParams]);\n\n  const handleViewBilling = useCallback(() => {\n    if (hostNavigate) {\n      hostNavigate('/billing');\n      return;\n    }\n    window.location.assign('/billing');\n  }, [hostNavigate]);\n\n  // Render a DrilldownDashboardRenderer inside the modal when a drilldown is active.\n  // This callback is only invoked by DrilldownModal when isOpen && dashboardId are set,\n  // so the renderer always receives a valid dashboardId.\n  // NOTE: Must be declared before the early return below to satisfy React's rules of hooks.\n  const renderDrilldownDashboard = useCallback(\n    (dashboardId: string, params: Record<string, unknown>) => (\n      <DrilldownDashboardRenderer dashboardId={dashboardId} params={params} />\n    ),\n    []\n  );\n\n  // Don't render until client is ready (same pattern as microfe-workflows)\n  if (!clientReady) {\n    if (clientError) {\n      return (\n        <div className=\"flex h-full min-h-[200px] w-full items-center justify-center p-6\">\n          <div className=\"text-center\">\n            <p className=\"text-sm text-text-secondary mb-4\">{clientError}</p>\n            <button\n              type=\"button\"\n              onClick={() => window.location.reload()}\n              className=\"px-4 py-2 text-sm font-medium text-white bg-action-primary-bg hover:bg-action-primary-bg/90 rounded-md transition-colors\"\n            >\n              Reload Page\n            </button>\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-blue-600\" />\n      </div>\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading BigConsole. Please refresh the page.\n        </div>\n      }\n    >\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        {/* PermissionProvider fetches myPermissions from wspace-rbac-svc via the\n            workspace gateway (requires the shell's AuthProvider). Scoped to the\n            active workspace so UI gating matches what the gateway enforces. */}\n        <PermissionProvider scopeId={props.workspaceId ?? null} gateway=\"workspace\">\n          <BigConsoleProvider props={props}>\n            <BigConsoleQuotaProvider onViewBilling={handleViewBilling}>\n              <NavigationProvider basePath={basePath}>\n                <CrossFilterProvider>\n                  {/* Sits ABOVE the routed page, so when the assistant starts building\n                      you watch it happen on whatever screen you were already on —\n                      rather than having to guess which list to go and refresh. */}\n                  <AiPreviewPanel />\n                  <BigConsoleRoutes {...props} />\n                  {isModalOpen && (\n                    <DrilldownModal onClose={handleDrilldownClose} renderDashboard={renderDrilldownDashboard} />\n                  )}\n                </CrossFilterProvider>\n              </NavigationProvider>\n            </BigConsoleQuotaProvider>\n          </BigConsoleProvider>\n        </PermissionProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":"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"}