@burdenoff/microfe-bigconsole 2026.714.2 → 2026.714.4

package/dist/bigconsole/BigConsoleRoot.js

@@ -6,105 +6,106 @@ import { CreateWorkflowDocument as r, GetWorkflowByKeyDocument as i, ListWorkflo
 import { BigConsoleRoutes as o } from "./BigConsoleRoutes.js";
 import { BigConsoleProvider as s } from "./context/BigConsoleContext.js";
 import "./context/index.js";
-import c from "./components/DrilldownModal.js";
-import l from "./hooks/useFilterUrlSync.js";
-import u from "./components/DrilldownDashboardRenderer.js";
-import { useCallback as d, useEffect as f, useLayoutEffect as p, useRef as m, useState as h } from "react";
-import { useSearchParams as g } from "react-router-dom";
-import { ErrorBoundary as _ } from "@burdenoff/fe-libs/shared/components";
-import { FeatureFlagProvider as v } from "@burdenoff/fe-libs/shared/feature-flags";
-import { BarChart3 as y, Boxes as b, Database as x, LayoutDashboard as S, Lightbulb as C, Settings as w } from "lucide-react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { resetFluidGridsClient as D, resetFluidGridsConfig as O, resetGlobalStoreClient as k, setFluidGridsClient as A, setFluidGridsConfig as j, setGlobalStoreClient as M } from "@burdenoff/fluidgrids-fe-sdk";
-import { useGatewayClient as N } from "@burdenoff/fe-libs/shared/graphql";
+import c from "./components/preview/AiPreviewPanel.js";
+import l from "./components/DrilldownModal.js";
+import u from "./hooks/useFilterUrlSync.js";
+import d from "./components/DrilldownDashboardRenderer.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-dom";
+import { ErrorBoundary as v } from "@burdenoff/fe-libs/shared/components";
+import { FeatureFlagProvider as y } from "@burdenoff/fe-libs/shared/feature-flags";
+import { BarChart3 as b, Boxes as x, Database as S, LayoutDashboard as C, Lightbulb as w, 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 P = /* @__PURE__ */ new Set(), F = (F) => {
-	let { registerNavItems: I, registerFooterItems: L, basePath: R = "/bigconsole" } = F, z = N("workspace"), B = N("global"), [V, H] = h(!1), [U, W] = h(null), G = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-	f(() => {
-		if (I) return I({
+var F = /* @__PURE__ */ new Set(), I = (I) => {
+	let { registerNavItems: L, registerFooterItems: R, basePath: z = "/bigconsole" } = I, B = P("workspace"), V = P("global"), [H, U] = g(!1), [W, G] = g(null), K = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	p(() => {
+		if (L) return L({
 			id: "bigconsole",
 			label: "Analytics",
-			path: R,
-			icon: /* @__PURE__ */ T(y, { size: 20 }),
+			path: z,
+			icon: /* @__PURE__ */ E(b, { size: 20 }),
 			order: 15,
 			group: "bigconsole",
 			children: [
 				{
 					id: "bigconsole-home",
 					label: "Overview",
-					path: R,
-					icon: /* @__PURE__ */ T(y, { size: 16 }),
+					path: z,
+					icon: /* @__PURE__ */ E(b, { size: 16 }),
 					order: 10
 				},
 				{
 					id: "bigconsole-dashboards",
 					label: "Dashboards",
-					path: G(R, "dashboards"),
-					icon: /* @__PURE__ */ T(S, { size: 16 }),
+					path: K(z, "dashboards"),
+					icon: /* @__PURE__ */ E(C, { size: 16 }),
 					order: 20
 				},
 				{
 					id: "bigconsole-datasources",
 					label: "Data Sources",
-					path: G(R, "datasources"),
-					icon: /* @__PURE__ */ T(x, { size: 16 }),
+					path: K(z, "datasources"),
+					icon: /* @__PURE__ */ E(S, { size: 16 }),
 					order: 30
 				},
 				{
 					id: "bigconsole-insights",
 					label: "AI Insights",
-					path: G(R, "insights"),
-					icon: /* @__PURE__ */ T(C, { size: 16 }),
+					path: K(z, "insights"),
+					icon: /* @__PURE__ */ E(w, { size: 16 }),
 					order: 40
 				},
 				{
 					id: "bigconsole-widgets",
 					label: "Widget Demo",
-					path: G(R, "widgets/demo"),
-					icon: /* @__PURE__ */ T(b, { size: 16 }),
+					path: K(z, "widgets/demo"),
+					icon: /* @__PURE__ */ E(x, { size: 16 }),
 					order: 50
 				},
 				{
 					id: "bigconsole-settings",
 					label: "Settings",
-					path: G(R, "settings"),
-					icon: /* @__PURE__ */ T(w, { size: 16 }),
+					path: K(z, "settings"),
+					icon: /* @__PURE__ */ E(T, { size: 16 }),
 					order: 60
 				}
 			]
 		});
-	}, [I, R]), f(() => {
-		if (L) return L([{
+	}, [L, z]), p(() => {
+		if (R) return R([{
 			id: "bigconsole-status",
 			label: "Analytics Ready",
 			type: "status",
 			order: 15,
 			section: "left"
 		}]);
-	}, [L]), f(() => (z && B && (A(z), M(B), H(!0)), () => {
-		D(), k();
-	}), [z, B]), f(() => {
-		if (V) return;
+	}, [R]), p(() => (B && V && (j(B), N(V), U(!0)), () => {
+		O(), A();
+	}), [B, V]), p(() => {
+		if (H) return;
 		let e = setTimeout(() => {
-			V || W("BigConsole could not connect to the gateway. Please refresh the page or check your configuration.");
+			H || G("BigConsole could not connect to the gateway. Please refresh the page or check your configuration.");
 		}, 1e4);
 		return () => clearTimeout(e);
-	}, [V]);
-	let K = d(async (e) => {
+	}, [H]);
+	let q = f(async (e) => {
 		if (e.operation === "created") {
-			if (!z) {
+			if (!B) {
 				console.warn("[BigConsole] onWorkflowSaved: workspace client not ready");
 				return;
 			}
-			if (!P.has(e.workflowKey)) {
-				P.add(e.workflowKey);
+			if (!F.has(e.workflowKey)) {
+				F.add(e.workflowKey);
 				try {
-					if ((await z.query({
+					if ((await B.query({
 						query: i,
 						variables: { key: e.workflowKey },
 						fetchPolicy: "network-only"
 					})).data?.workflowByKey) return;
-					await z.mutate({
+					await B.mutate({
 						mutation: r,
 						variables: { input: {
 							name: e.name,
@@ -117,99 +118,103 @@ var P = /* @__PURE__ */ new Set(), F = (F) => {
 				} catch (e) {
 					console.warn("[BigConsole] onWorkflowSaved: failed to create record:", e);
 				} finally {
-					P.delete(e.workflowKey);
+					F.delete(e.workflowKey);
 				}
 			}
 		}
-	}, [z]), q = m(K);
-	p(() => {
-		q.current = K;
-	}, [K]), f(() => {
-		if (F.apiGatewayUrl) {
-			let e = F.apiGatewayUrl.endsWith("/") ? F.apiGatewayUrl.slice(0, -1) : F.apiGatewayUrl;
+	}, [B]), J = h(q);
+	m(() => {
+		J.current = q;
+	}, [q]), p(() => {
+		if (I.apiGatewayUrl) {
+			let e = I.apiGatewayUrl.endsWith("/") ? I.apiGatewayUrl.slice(0, -1) : I.apiGatewayUrl;
 			console.log("[BigConsole] Setting FluidGrids config", {
 				apiGatewayUrl: e,
-				workspaceId: F.workspaceId,
-				tenantId: F.tenantId,
-				productId: F.productId,
-				productName: F.productName
-			}), j({
+				workspaceId: I.workspaceId,
+				tenantId: I.tenantId,
+				productId: I.productId,
+				productName: I.productName
+			}), M({
 				apiGatewayUrl: e,
-				authToken: F.authToken,
-				workspaceId: F.workspaceId ?? "",
-				tenantId: F.tenantId,
-				productId: F.productId ?? "bigconsole",
-				productName: F.productName ?? "BigConsole",
-				onWorkflowSaved: (e) => q.current(e)
+				authToken: I.authToken,
+				workspaceId: I.workspaceId ?? "",
+				tenantId: I.tenantId,
+				productId: I.productId ?? "bigconsole",
+				productName: I.productName ?? "BigConsole",
+				onWorkflowSaved: (e) => J.current(e)
 			});
 		}
 		return () => {
-			O();
+			k();
 		};
 	}, [
-		F.apiGatewayUrl,
-		F.authToken,
-		F.workspaceId,
-		F.tenantId,
-		F.productId,
-		F.productName
+		I.apiGatewayUrl,
+		I.authToken,
+		I.workspaceId,
+		I.tenantId,
+		I.productId,
+		I.productName
 	]);
-	let [J, Y] = g(), X = e((e) => e.isOpen), Z = e((e) => e.closeModal);
-	l();
-	let Q = d(() => {
-		Z();
-		let e = new URLSearchParams(J);
+	let [Y, X] = _(), Z = e((e) => e.isOpen), Q = e((e) => e.closeModal);
+	u();
+	let $ = f(() => {
+		Q();
+		let e = new URLSearchParams(Y);
 		Array.from(e.keys()).forEach((t) => {
 			(t.startsWith("filter_") || t.startsWith("ctx_")) && e.delete(t);
-		}), Y(e, { replace: !0 }), document.activeElement instanceof HTMLElement && document.activeElement.blur();
+		}), X(e, { replace: !0 }), document.activeElement instanceof HTMLElement && document.activeElement.blur();
 	}, [
-		Z,
-		J,
-		Y
-	]), $ = d((e, t) => /* @__PURE__ */ T(u, {
+		Q,
+		Y,
+		X
+	]), ee = f((e, t) => /* @__PURE__ */ E(d, {
 		dashboardId: e,
 		params: t
 	}), []);
-	return V ? /* @__PURE__ */ T(_, {
-		fallback: /* @__PURE__ */ T("div", {
+	return H ? /* @__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__ */ T(v, {
+		children: /* @__PURE__ */ E(y, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ T(s, {
-				props: F,
-				children: /* @__PURE__ */ T(n, {
-					basePath: R,
-					children: /* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(o, { ...F }), X && /* @__PURE__ */ T(c, {
-						onClose: Q,
-						renderDashboard: $
-					})] })
+			children: /* @__PURE__ */ E(s, {
+				props: I,
+				children: /* @__PURE__ */ E(n, {
+					basePath: z,
+					children: /* @__PURE__ */ D(t, { children: [
+						/* @__PURE__ */ E(c, {}),
+						/* @__PURE__ */ E(o, { ...I }),
+						Z && /* @__PURE__ */ E(l, {
+							onClose: $,
+							renderDashboard: ee
+						})
+					] })
 				})
 			})
 		})
-	}) : U ? /* @__PURE__ */ T("div", {
+	}) : W ? /* @__PURE__ */ E("div", {
 		className: "flex h-full min-h-[200px] w-full items-center justify-center p-6",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ T("p", {
+			children: [/* @__PURE__ */ E("p", {
 				className: "text-sm text-text-secondary mb-4",
-				children: U
-			}), /* @__PURE__ */ T("button", {
+				children: W
+			}), /* @__PURE__ */ E("button", {
 				type: "button",
 				onClick: () => window.location.reload(),
 				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",
 				children: "Reload Page"
 			})]
 		})
-	}) : /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ E("div", {
 		className: "flex h-full min-h-[200px] w-full items-center justify-center",
-		children: /* @__PURE__ */ T("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-blue-600" })
+		children: /* @__PURE__ */ E("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-blue-600" })
 	});
 };
 //#endregion
-export { F as BigConsoleRoot };
+export { I as BigConsoleRoot };
 
 //# sourceMappingURL=BigConsoleRoot.js.map

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-dom';\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 { 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 CreateWorkflowMutation,\n} from '../generated/wspace-operations';\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' } = 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  // 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          <NavigationProvider basePath={basePath}>\n            <CrossFilterProvider>\n              <BigConsoleRoutes {...props} />\n              {isModalOpen && (\n                <DrilldownModal onClose={handleDrilldownClose} renderDashboard={renderDrilldownDashboard} />\n              )}\n            </CrossFilterProvider>\n          </NavigationProvider>\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-dom';\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 { 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 CreateWorkflowMutation,\n} from '../generated/wspace-operations';\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' } = 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  // 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          <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        </BigConsoleProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":"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"}

package/dist/bigconsole/assistant/assistantRunStore.js

@@ -0,0 +1,89 @@
+import { create as e } from "zustand";
+//#region src/bigconsole/assistant/assistantRunStore.ts
+var t = [
+	"datasink",
+	"dashboard",
+	"parser",
+	"widget"
+], n = {
+	datasink: "Data Sink",
+	dashboard: "Dashboard",
+	parser: "Parser",
+	widget: "Widget"
+}, r = {
+	datasink: "pending",
+	dashboard: "pending",
+	parser: "pending",
+	widget: "pending"
+}, i = /\/bigconsole\/(datasinks|dashboards|parsers)\/([A-Za-z0-9_-]+)/g, a = /widget\s+(added|created)/i, o = /^⏳\s*(.+?)…?$/, s = {
+	datasinks: "datasink",
+	dashboards: "dashboard",
+	parsers: "parser"
+};
+function c(e, t) {
+	let n = {
+		pending: 0,
+		running: 1,
+		skipped: 2,
+		done: 3
+	};
+	return n[t] > n[e] ? t : e;
+}
+var l = e()((e) => ({
+	isRunning: !1,
+	previewOpen: !1,
+	hasRun: !1,
+	prompt: "",
+	steps: { ...r },
+	entityIds: {},
+	caption: "",
+	error: null,
+	updatedAt: null,
+	startRun: (t) => e({
+		isRunning: !0,
+		previewOpen: !0,
+		hasRun: !0,
+		prompt: t,
+		steps: {
+			...r,
+			datasink: "running"
+		},
+		entityIds: {},
+		caption: "",
+		error: null,
+		updatedAt: Date.now()
+	}),
+	applyProgress: (n) => e((e) => {
+		let r = { ...e.steps }, l = { ...e.entityIds };
+		for (let e of n.matchAll(i)) {
+			let t = s[e[1] ?? ""], n = e[2];
+			!t || !n || (r[t] = c(r[t], "done"), l[t] || (l[t] = n));
+		}
+		a.test(n) && (r.widget = c(r.widget, "done"), r.parser !== "done" && (r.parser = c(r.parser, "skipped")));
+		let u = t.find((e) => r[e] === "pending" || r[e] === "running");
+		return u && (r[u] = c(r[u], "running")), {
+			steps: r,
+			entityIds: l,
+			caption: n.split("\n").map((e) => e.trim()).reverse().map((e) => o.exec(e)?.[1]).find((e) => !!e) ?? e.caption,
+			updatedAt: Date.now()
+		};
+	}),
+	finishRun: (n) => e((e) => {
+		let r = { ...e.steps };
+		if (n) for (let e of t) r[e] === "running" && (r[e] = "pending");
+		else for (let e of t) (r[e] === "running" || r[e] === "pending") && (r[e] = "skipped");
+		return {
+			isRunning: !1,
+			error: n,
+			steps: r,
+			caption: "",
+			updatedAt: Date.now()
+		};
+	}),
+	openPreview: () => e({ previewOpen: !0 }),
+	closePreview: () => e({ previewOpen: !1 })
+}));
+//#endregion
+export { t as PREVIEW_STEPS, n as PREVIEW_STEP_LABEL, l as useAssistantRunStore };
+
+//# sourceMappingURL=assistantRunStore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assistantRunStore.js","names":[],"sources":["../../../src/bigconsole/assistant/assistantRunStore.ts"],"sourcesContent":["/**\n * What the assistant is building, right now.\n *\n * The agent is instructed to narrate each step and to print a link the moment a\n * create lands (\"✅ Data sink created — [Open the data sink](/bigconsole/datasinks/<id>)\").\n * That narration is the only live signal the frontend gets — there is no event\n * stream from the agent — so this store turns it into something a UI can render:\n * a monotone DataSink → Dashboard → Parser → Widget rail, plus the id of each\n * entity as it appears.\n *\n * Two rules make the parsing survive a model that phrases things differently:\n *\n * 1. Match on the LINK PATH (`/bigconsole/datasinks/<id>`), never on the ✅\n *    sentence. The path is copied from the mutation response; the sentence is\n *    prose and the model is free to reword it.\n * 2. Never regress. `progress.content` is REPLACED on every poll (not appended)\n *    and the ⏳ tool lines come only from the agent's newest message, so a\n *    shorter string arriving later must not rewind the rail.\n */\nimport { create } from 'zustand';\n\nexport type PreviewStepKey = 'datasink' | 'dashboard' | 'parser' | 'widget';\nexport type PreviewStepStatus = 'pending' | 'running' | 'done' | 'skipped';\n\nexport const PREVIEW_STEPS: readonly PreviewStepKey[] = ['datasink', 'dashboard', 'parser', 'widget'];\n\nexport const PREVIEW_STEP_LABEL: Record<PreviewStepKey, string> = {\n  datasink: 'Data Sink',\n  dashboard: 'Dashboard',\n  parser: 'Parser',\n  widget: 'Widget',\n};\n\ninterface AssistantRunState {\n  /** A turn is in flight. */\n  isRunning: boolean;\n  /** The panel is on screen. Auto-opens when a turn starts; the user can close it. */\n  previewOpen: boolean;\n  /** True once any turn has run — gates the \"Preview\" button. */\n  hasRun: boolean;\n  prompt: string;\n  steps: Record<PreviewStepKey, PreviewStepStatus>;\n  /** Ids harvested from the agent's links. A widget has no link of its own. */\n  entityIds: { datasink?: string; dashboard?: string; parser?: string };\n  /** Newest \"⏳ …\" line — what the agent says it is doing this second. */\n  caption: string;\n  /** Set when the turn fails, so the panel can stop pretending to be live. */\n  error: string | null;\n  /** Epoch ms of the last progress tick — drives the \"updated 3s ago\" strip. */\n  updatedAt: number | null;\n\n  startRun: (prompt: string) => void;\n  applyProgress: (content: string) => void;\n  finishRun: (error: string | null) => void;\n  openPreview: () => void;\n  closePreview: () => void;\n}\n\nconst IDLE_STEPS: Record<PreviewStepKey, PreviewStepStatus> = {\n  datasink: 'pending',\n  dashboard: 'pending',\n  parser: 'pending',\n  widget: 'pending',\n};\n\n/** `/bigconsole/datasinks/<id>` — the trustworthy part of the narration. */\nconst ENTITY_LINK = /\\/bigconsole\\/(datasinks|dashboards|parsers)\\/([A-Za-z0-9_-]+)/g;\n/** The widget links to its dashboard, so it can only be detected from the prose. */\nconst WIDGET_DONE = /widget\\s+(added|created)/i;\nconst RUNNING_LINE = /^⏳\\s*(.+?)…?$/;\n\nconst LINK_TO_STEP: Record<string, PreviewStepKey> = {\n  datasinks: 'datasink',\n  dashboards: 'dashboard',\n  parsers: 'parser',\n};\n\n/** Only ever moves a step forward. */\nfunction advance(current: PreviewStepStatus, next: PreviewStepStatus): PreviewStepStatus {\n  const rank: Record<PreviewStepStatus, number> = { pending: 0, running: 1, skipped: 2, done: 3 };\n  return rank[next] > rank[current] ? next : current;\n}\n\nexport const useAssistantRunStore = create<AssistantRunState>()((set) => ({\n  isRunning: false,\n  previewOpen: false,\n  hasRun: false,\n  prompt: '',\n  steps: { ...IDLE_STEPS },\n  entityIds: {},\n  caption: '',\n  error: null,\n  updatedAt: null,\n\n  startRun: (prompt) =>\n    set({\n      isRunning: true,\n      // Auto-open: the whole point is that you SEE the build happen without\n      // having to go looking for it.\n      previewOpen: true,\n      hasRun: true,\n      prompt,\n      steps: { ...IDLE_STEPS, datasink: 'running' },\n      entityIds: {},\n      caption: '',\n      error: null,\n      updatedAt: Date.now(),\n    }),\n\n  applyProgress: (content) =>\n    set((state) => {\n      const steps = { ...state.steps };\n      const entityIds = { ...state.entityIds };\n\n      for (const match of content.matchAll(ENTITY_LINK)) {\n        const step = LINK_TO_STEP[match[1] ?? ''];\n        const id = match[2];\n        if (!step || !id) continue;\n        steps[step] = advance(steps[step], 'done');\n        if (!entityIds[step as keyof typeof entityIds]) {\n          entityIds[step as keyof typeof entityIds] = id;\n        }\n      }\n\n      if (WIDGET_DONE.test(content)) {\n        steps.widget = advance(steps.widget, 'done');\n        // The parser is optional — the agent skips it when the rows are already\n        // shaped. If the widget landed and no parser link ever appeared, it was\n        // skipped, not stuck.\n        if (steps.parser !== 'done') steps.parser = advance(steps.parser, 'skipped');\n      }\n\n      // The first step that has not finished is the one being worked on.\n      const active = PREVIEW_STEPS.find((key) => steps[key] === 'pending' || steps[key] === 'running');\n      if (active) steps[active] = advance(steps[active], 'running');\n\n      const caption =\n        content\n          .split('\\n')\n          .map((line) => line.trim())\n          .reverse()\n          .map((line) => RUNNING_LINE.exec(line)?.[1])\n          .find((label): label is string => Boolean(label)) ?? state.caption;\n\n      return { steps, entityIds, caption, updatedAt: Date.now() };\n    }),\n\n  finishRun: (error) =>\n    set((state) => {\n      const steps = { ...state.steps };\n      if (!error) {\n        // A clean finish means nothing is still in flight. Anything left running\n        // never produced a link — mark it skipped rather than leaving a spinner\n        // on screen forever.\n        for (const key of PREVIEW_STEPS) {\n          if (steps[key] === 'running' || steps[key] === 'pending') steps[key] = 'skipped';\n        }\n      } else {\n        for (const key of PREVIEW_STEPS) {\n          if (steps[key] === 'running') steps[key] = 'pending';\n        }\n      }\n      return { isRunning: false, error, steps, caption: '', updatedAt: Date.now() };\n    }),\n\n  openPreview: () => set({ previewOpen: true }),\n  closePreview: () => set({ previewOpen: false }),\n}));\n"],"mappings":";;AAwBA,IAAa,IAA2C;CAAC;CAAY;CAAa;CAAU;CAAS,EAExF,IAAqD;CAChE,UAAU;CACV,WAAW;CACX,QAAQ;CACR,QAAQ;CACT,EA2BK,IAAwD;CAC5D,UAAU;CACV,WAAW;CACX,QAAQ;CACR,QAAQ;CACT,EAGK,IAAc,mEAEd,IAAc,6BACd,IAAe,iBAEf,IAA+C;CACnD,WAAW;CACX,YAAY;CACZ,SAAS;CACV;AAGD,SAAS,EAAQ,GAA4B,GAA4C;CACvF,IAAM,IAA0C;EAAE,SAAS;EAAG,SAAS;EAAG,SAAS;EAAG,MAAM;EAAG;AAC/F,QAAO,EAAK,KAAQ,EAAK,KAAW,IAAO;;AAG7C,IAAa,IAAuB,GAA2B,EAAE,OAAS;CACxE,WAAW;CACX,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,OAAO,EAAE,GAAG,GAAY;CACxB,WAAW,EAAE;CACb,SAAS;CACT,OAAO;CACP,WAAW;CAEX,WAAW,MACT,EAAI;EACF,WAAW;EAGX,aAAa;EACb,QAAQ;EACR;EACA,OAAO;GAAE,GAAG;GAAY,UAAU;GAAW;EAC7C,WAAW,EAAE;EACb,SAAS;EACT,OAAO;EACP,WAAW,KAAK,KAAK;EACtB,CAAC;CAEJ,gBAAgB,MACd,GAAK,MAAU;EACb,IAAM,IAAQ,EAAE,GAAG,EAAM,OAAO,EAC1B,IAAY,EAAE,GAAG,EAAM,WAAW;AAExC,OAAK,IAAM,KAAS,EAAQ,SAAS,EAAY,EAAE;GACjD,IAAM,IAAO,EAAa,EAAM,MAAM,KAChC,IAAK,EAAM;AACb,IAAC,KAAQ,CAAC,MACd,EAAM,KAAQ,EAAQ,EAAM,IAAO,OAAO,EACrC,EAAU,OACb,EAAU,KAAkC;;AAIhD,EAAI,EAAY,KAAK,EAAQ,KAC3B,EAAM,SAAS,EAAQ,EAAM,QAAQ,OAAO,EAIxC,EAAM,WAAW,WAAQ,EAAM,SAAS,EAAQ,EAAM,QAAQ,UAAU;EAI9E,IAAM,IAAS,EAAc,MAAM,MAAQ,EAAM,OAAS,aAAa,EAAM,OAAS,UAAU;AAWhG,SAVI,MAAQ,EAAM,KAAU,EAAQ,EAAM,IAAS,UAAU,GAUtD;GAAE;GAAO;GAAW,SAPzB,EACG,MAAM,KAAK,CACX,KAAK,MAAS,EAAK,MAAM,CAAC,CAC1B,SAAS,CACT,KAAK,MAAS,EAAa,KAAK,EAAK,GAAG,GAAG,CAC3C,MAAM,MAA2B,EAAQ,EAAO,IAAI,EAAM;GAE3B,WAAW,KAAK,KAAK;GAAE;GAC3D;CAEJ,YAAY,MACV,GAAK,MAAU;EACb,IAAM,IAAQ,EAAE,GAAG,EAAM,OAAO;AAChC,MAAK,EAQH,MAAK,IAAM,KAAO,EAChB,CAAI,EAAM,OAAS,cAAW,EAAM,KAAO;YALxC,IAAM,KAAO,EAChB,EAAI,EAAM,OAAS,aAAa,EAAM,OAAS,eAAW,EAAM,KAAO;AAO3E,SAAO;GAAE,WAAW;GAAO;GAAO;GAAO,SAAS;GAAI,WAAW,KAAK,KAAK;GAAE;GAC7E;CAEJ,mBAAmB,EAAI,EAAE,aAAa,IAAM,CAAC;CAC7C,oBAAoB,EAAI,EAAE,aAAa,IAAO,CAAC;CAChD,EAAE"}