@burdenoff/microfe-bigconsole 2026.510.54

package/README.md

@@ -0,0 +1,88 @@
+# @burdenoff/micro-fe
+
+Microfrontend packages for Burdenoff products.
+
+## Architecture
+
+This is a **Layer 2 package** - a monolithic package with subpath exports for all microfrontends.
+
+## Package Structure
+
+```
+@burdenoff/micro-fe/
+├── /workflows    - Complete workflow builder and management microfrontend
+├── /tags         - Tag management system (to be implemented)
+└── /auth         - Authentication flows (to be implemented)
+```
+
+## Usage
+
+```typescript
+import { WorkflowsRoot } from '@burdenoff/micro-fe/workflows';
+
+// In your host shell
+<WorkflowsRoot
+  basePath="/workflows"
+  navigate={(path) => navigate(path)}
+  currentUser={user}
+  workspaceId={workspaceId}
+  apiGatewayUrl={apiGatewayUrl}
+  authToken={authToken}
+/>
+```
+
+## Development
+
+```bash
+# Install dependencies
+bun install
+
+# Generate GraphQL types
+bun run codegen
+
+# Build library
+bun run build
+
+# Type check
+bun run type:check
+
+# Run all checks
+bun run sanity
+```
+
+## Workflows Microfrontend
+
+Complete workflow automation microfrontend with:
+
+- **WorkflowsList** - List all workflows
+- **WorkflowBuilder** - Visual workflow builder with node palette
+- **WorkflowRuns** - Execution history
+- **WorkflowRunDetails** - Detailed run monitoring
+
+### Routes
+
+- `/` - Workflows list
+- `/builder/:workflowKey?` - Workflow builder (create/edit)
+- `/runs` - Workflow runs history
+- `/runs/:runId` - Run details
+
+## GraphQL Integration
+
+Uses GraphQL Codegen to generate typed hooks from operations:
+
+```typescript
+import { useGetWorkflowDefinitionsQuery } from './graphql/generated/operations';
+
+const { data, loading } = useGetWorkflowDefinitionsQuery({
+  variables: { input: { limit: 10 } }
+});
+```
+
+## Tech Stack
+
+- React 19 with TypeScript
+- React Router v7
+- Apollo Client for GraphQL
+- Zustand for state management
+- @burdenoff/fe-libs for UI primitives
+- TailwindCSS v4 for styling

package/dist/bigconsole/BigConsoleRoot.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { BigConsoleRootProps } from './types';
+
+/**
+ * Root component for the BigConsole microfrontend.
+ *
+ * This is the main entry point that host applications import and render.
+ * It sets up the necessary providers and renders the internal routing.
+ * Automatically registers navigation items with the shell if registration functions are provided.
+ *
+ * @example
+ * ```tsx
+ * import { BigConsoleRoot, type BigConsoleRootProps } from '@burdenoff/microfe-bigconsole';
+ *
+ * function App() {
+ *   const props: BigConsoleRootProps = {
+ *     basePath: '/analytics',
+ *     navigate: (path) => router.push(path),
+ *     currentUser: { id: '1', email: 'user@example.com' },
+ *     apiGatewayUrl: 'https://api.example.com',
+ *     authToken: 'token',
+ *   };
+ *
+ *   return <BigConsoleRoot {...props} />;
+ * }
+ * ```
+ */
+export declare const BigConsoleRoot: FC<BigConsoleRootProps>;
+//# sourceMappingURL=BigConsoleRoot.d.ts.map

package/dist/bigconsole/BigConsoleRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigConsoleRoot.d.ts","sourceRoot":"","sources":["../../src/bigconsole/BigConsoleRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA8CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsTlD,CAAC"}

package/dist/bigconsole/BigConsoleRoot.js

@@ -0,0 +1,215 @@
+import e from "./store/drilldownStore.js";
+import { CrossFilterProvider as t } from "./contexts/CrossFilterContext.js";
+import { NavigationProvider as n } from "./contexts/NavigationContext.js";
+import "./contexts/index.js";
+import { CreateWorkflowDocument as r, GetWorkflowByKeyDocument as i, ListWorkflowsDocument as a } from "../generated/wspace-operations.js";
+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";
+//#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({
+			id: "bigconsole",
+			label: "Analytics",
+			path: R,
+			icon: /* @__PURE__ */ T(y, { size: 20 }),
+			order: 15,
+			group: "bigconsole",
+			children: [
+				{
+					id: "bigconsole-home",
+					label: "Overview",
+					path: R,
+					icon: /* @__PURE__ */ T(y, { size: 16 }),
+					order: 10
+				},
+				{
+					id: "bigconsole-dashboards",
+					label: "Dashboards",
+					path: G(R, "dashboards"),
+					icon: /* @__PURE__ */ T(S, { size: 16 }),
+					order: 20
+				},
+				{
+					id: "bigconsole-datasources",
+					label: "Data Sources",
+					path: G(R, "datasources"),
+					icon: /* @__PURE__ */ T(x, { size: 16 }),
+					order: 30
+				},
+				{
+					id: "bigconsole-insights",
+					label: "AI Insights",
+					path: G(R, "insights"),
+					icon: /* @__PURE__ */ T(C, { size: 16 }),
+					order: 40
+				},
+				{
+					id: "bigconsole-widgets",
+					label: "Widget Demo",
+					path: G(R, "widgets/demo"),
+					icon: /* @__PURE__ */ T(b, { size: 16 }),
+					order: 50
+				},
+				{
+					id: "bigconsole-settings",
+					label: "Settings",
+					path: G(R, "settings"),
+					icon: /* @__PURE__ */ T(w, { size: 16 }),
+					order: 60
+				}
+			]
+		});
+	}, [I, R]), f(() => {
+		if (L) return L([{
+			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;
+		let e = setTimeout(() => {
+			V || W("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) => {
+		if (e.operation === "created") {
+			if (!z) {
+				console.warn("[BigConsole] onWorkflowSaved: workspace client not ready");
+				return;
+			}
+			if (!P.has(e.workflowKey)) {
+				P.add(e.workflowKey);
+				try {
+					if ((await z.query({
+						query: i,
+						variables: { key: e.workflowKey },
+						fetchPolicy: "network-only"
+					})).data?.workflowByKey) return;
+					await z.mutate({
+						mutation: r,
+						variables: { input: {
+							name: e.name,
+							key: e.workflowKey,
+							description: e.description,
+							externalWorkflowId: e.dbId
+						} },
+						refetchQueries: [{ query: a }]
+					});
+				} catch (e) {
+					console.warn("[BigConsole] onWorkflowSaved: failed to create record:", e);
+				} finally {
+					P.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;
+			console.log("[BigConsole] Setting FluidGrids config", {
+				apiGatewayUrl: e,
+				workspaceId: F.workspaceId,
+				tenantId: F.tenantId,
+				productId: F.productId,
+				productName: F.productName
+			}), j({
+				apiGatewayUrl: e,
+				authToken: F.authToken,
+				workspaceId: F.workspaceId ?? "",
+				tenantId: F.tenantId,
+				productId: F.productId ?? "bigconsole",
+				productName: F.productName ?? "BigConsole",
+				onWorkflowSaved: (e) => q.current(e)
+			});
+		}
+		return () => {
+			O();
+		};
+	}, [
+		F.apiGatewayUrl,
+		F.authToken,
+		F.workspaceId,
+		F.tenantId,
+		F.productId,
+		F.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);
+		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();
+	}, [
+		Z,
+		J,
+		Y
+	]), $ = d((e, t) => /* @__PURE__ */ T(u, {
+		dashboardId: e,
+		params: t
+	}), []);
+	return V ? /* @__PURE__ */ T(_, {
+		fallback: /* @__PURE__ */ T("div", {
+			className: "p-6 text-center text-text-secondary",
+			children: "Something went wrong loading BigConsole. Please refresh the page."
+		}),
+		children: /* @__PURE__ */ T(v, {
+			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: $
+					})] })
+				})
+			})
+		})
+	}) : U ? /* @__PURE__ */ T("div", {
+		className: "flex h-full min-h-[200px] w-full items-center justify-center p-6",
+		children: /* @__PURE__ */ E("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ T("p", {
+				className: "text-sm text-text-secondary mb-4",
+				children: U
+			}), /* @__PURE__ */ T("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", {
+		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" })
+	});
+};
+//#endregion
+export { F as BigConsoleRoot };
+
+//# sourceMappingURL=BigConsoleRoot.js.map

package/dist/bigconsole/BigConsoleRoot.js.map

@@ -0,0 +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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"}

package/dist/bigconsole/BigConsoleRoutes.d.ts

@@ -0,0 +1,6 @@
+import { BigConsoleRootProps } from './types';
+
+/** Generate a new workflow builder path with a fresh UUID key. */
+export declare const newWorkflowPath: () => string;
+export declare function BigConsoleRoutes(_props: BigConsoleRootProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BigConsoleRoutes.d.ts.map

package/dist/bigconsole/BigConsoleRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigConsoleRoutes.d.ts","sourceRoot":"","sources":["../../src/bigconsole/BigConsoleRoutes.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoDnD,kEAAkE;AAClE,eAAO,MAAM,eAAe,cAAwD,CAAC;AAmGrF,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,mBAAmB,2CA6D3D"}

package/dist/bigconsole/BigConsoleRoutes.js

@@ -0,0 +1,239 @@
+import { useAppNavigate as e } from "./contexts/NavigationContext.js";
+import "./contexts/index.js";
+import t from "./pages/HomePage.js";
+import n from "./hooks/useWorkflowOperations.js";
+import { BOOTSTRAP_RETRY_DELAY_MS as r } from "./constants.js";
+import { Suspense as i, lazy as a, memo as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Navigate as d, Route as f, Routes as p, useParams as m } from "react-router-dom";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Spinner as _ } from "@burdenoff/fe-libs/ui";
+import { ExecutionDetailPage as v, ExecutionsListPage as y, HistoryPage as b, NodesPage as x, SettingsPage as S, TemplatesPage as C, WorkflowBuilderPage as w } from "@burdenoff/fluidgrids-fe-sdk";
+//#region src/bigconsole/BigConsoleRoutes.tsx
+var T = a(() => import("./pages/DashboardsPage.js")), E = a(() => import("./pages/DashboardViewPage.js")), D = a(() => import("./pages/DashboardBuilderPage.js")), O = a(() => import("./pages/DataSourcesPage.js")), k = a(() => import("./pages/InsightsPage.js")), A = a(() => import("./pages/SettingsPage.js")), j = a(() => import("./pages/WidgetDemoPage.js")), M = a(() => import("./pages/WorkflowsPage.js").then((e) => ({ default: e.WorkflowsPage }))), N = a(() => import("./pages/WorkflowViewPage.js").then((e) => ({ default: e.WorkflowViewPage }))), P = a(() => import("./pages/DataSinksPage.js")), F = a(() => import("./pages/DataSinkViewPage.js")), I = a(() => import("./pages/DataSinkBuilderPage.js")), L = a(() => import("./pages/DataParsersPage.js")), R = a(() => import("./pages/ParserViewPage.js")), z = a(() => import("./pages/ParserBuilderPage.js")), B = a(() => import("./pages/PipelinesPage.js")), V = a(() => import("./pages/PipelineViewPage.js")), H = a(() => import("./pages/PipelineBuilderPage.js"));
+function U() {
+	return /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ h(_, { className: "h-8 w-8" })
+	});
+}
+var W = () => `/workflows/workflow/${crypto.randomUUID()}/v1`;
+function G() {
+	return /* @__PURE__ */ h(d, {
+		to: c(() => W(), []),
+		replace: !0
+	});
+}
+var K = o(function() {
+	let { workflowId: t } = m(), i = e(), { fetchWorkflow: a } = n({ skipFetch: !0 }), [o, c] = u(null), d = l(0);
+	return s(() => {
+		if (!t) {
+			c("No workflow ID provided");
+			return;
+		}
+		d.current = 0, c(null);
+		let e = !1, n = (o) => {
+			e || (o?.key ? i(`/workflows/workflow/${o.key}/v1`, { replace: !0 }) : o ? i("/workflows/builder", { replace: !0 }) : d.current < 1 ? (d.current += 1, setTimeout(() => {
+				e || a(t).then(n).catch((t) => {
+					e || c(t?.message ?? "Failed to load workflow");
+				});
+			}, r)) : c("Workflow not found"));
+		};
+		return a(t).then(n).catch((t) => {
+			e || c(t?.message ?? "Failed to load workflow");
+		}), () => {
+			e = !0;
+		};
+	}, [
+		t,
+		a,
+		i
+	]), o ? /* @__PURE__ */ g("div", {
+		className: "p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4",
+		children: [/* @__PURE__ */ h("p", {
+			className: "text-sm text-text-secondary",
+			children: o
+		}), /* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: () => i("/workflows"),
+			className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-muted hover:bg-border-default rounded-md transition-colors",
+			children: "Back to Workflows"
+		})]
+	}) : /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ h(_, { className: "h-8 w-8" })
+	});
+});
+function q(e) {
+	return /* @__PURE__ */ h(i, {
+		fallback: /* @__PURE__ */ h(U, {}),
+		children: /* @__PURE__ */ g(p, { children: [
+			/* @__PURE__ */ h(f, {
+				path: "/",
+				element: /* @__PURE__ */ h(t, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards",
+				element: /* @__PURE__ */ h(T, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards/:dashboardId",
+				element: /* @__PURE__ */ h(E, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards/:dashboardId/builder",
+				element: /* @__PURE__ */ h(D, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/datasources",
+				element: /* @__PURE__ */ h(O, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/insights",
+				element: /* @__PURE__ */ h(k, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/settings",
+				element: /* @__PURE__ */ h(A, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/widgets/demo",
+				element: /* @__PURE__ */ h(j, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/datasinks",
+				element: /* @__PURE__ */ h(P, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/datasinks/new",
+				element: /* @__PURE__ */ h(I, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/datasinks/:dataSinkId",
+				element: /* @__PURE__ */ h(F, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/datasinks/:dataSinkId/edit",
+				element: /* @__PURE__ */ h(I, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/parsers",
+				element: /* @__PURE__ */ h(L, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/parsers/new",
+				element: /* @__PURE__ */ h(z, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/parsers/:parserId",
+				element: /* @__PURE__ */ h(R, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/parsers/:parserId/edit",
+				element: /* @__PURE__ */ h(z, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards/:consoleId/parsers",
+				element: /* @__PURE__ */ h(L, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards/:consoleId/parsers/new",
+				element: /* @__PURE__ */ h(z, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards/:consoleId/parsers/:parserId",
+				element: /* @__PURE__ */ h(R, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/dashboards/:consoleId/parsers/:parserId/edit",
+				element: /* @__PURE__ */ h(z, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows",
+				element: /* @__PURE__ */ h(M, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/list",
+				element: /* @__PURE__ */ h(M, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/new",
+				element: /* @__PURE__ */ h(G, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/builder",
+				element: /* @__PURE__ */ h(w, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/builder/:id/:version",
+				element: /* @__PURE__ */ h(w, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/workflow/:id/:version",
+				element: /* @__PURE__ */ h(w, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/runs",
+				element: /* @__PURE__ */ h(y, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/runs/:runId",
+				element: /* @__PURE__ */ h(v, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/history",
+				element: /* @__PURE__ */ h(b, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/templates",
+				element: /* @__PURE__ */ h(C, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/nodes",
+				element: /* @__PURE__ */ h(x, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/settings",
+				element: /* @__PURE__ */ h(S, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/:workflowId",
+				element: /* @__PURE__ */ h(N, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflows/:workflowId/edit",
+				element: /* @__PURE__ */ h(K, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/workflow/:id/:version",
+				element: /* @__PURE__ */ h(w, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/list",
+				element: /* @__PURE__ */ h(d, {
+					to: "/bigconsole/workflows/list",
+					replace: !0
+				})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/pipelines",
+				element: /* @__PURE__ */ h(B, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/pipelines/new",
+				element: /* @__PURE__ */ h(H, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/pipelines/:pipelineId",
+				element: /* @__PURE__ */ h(V, {})
+			}),
+			/* @__PURE__ */ h(f, {
+				path: "/pipelines/:pipelineId/edit",
+				element: /* @__PURE__ */ h(H, {})
+			})
+		] })
+	});
+}
+//#endregion
+export { q as BigConsoleRoutes, W as newWorkflowPath };
+
+//# sourceMappingURL=BigConsoleRoutes.js.map