@burdenoff/microfe-bigconsole 2026.731.8 → 2026.801.2

package/dist/bigconsole/AdminRoutes.js

@@ -1,5 +1,5 @@
 import { AdminPage as e } from "./pages/AdminPage.js";
-import { Route as t, Routes as n } from "react-router-dom";
+import { Route as t, Routes as n } from "react-router";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/bigconsole/AdminRoutes.tsx
 function i() {

package/dist/bigconsole/AdminRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminRoutes.js","names":[],"sources":["../../src/bigconsole/AdminRoutes.tsx"],"sourcesContent":["/**\n * BigConsole Admin Routes\n *\n * Internal routing for the admin surface mounted inside admin-app.\n */\n\nimport { Route, Routes } from 'react-router-dom';\nimport { AdminPage } from './pages/AdminPage';\n\nexport function AdminRoutes() {\n  return (\n    <Routes>\n      <Route path=\"*\" element={<AdminPage />} />\n    </Routes>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,IAAc;AAC5B,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAO,MAAK;EAAI,SAAS,kBAAC,GAAD,EAAa,CAAA;EAAI,CAAA,EACnC,CAAA"}
+{"version":3,"file":"AdminRoutes.js","names":[],"sources":["../../src/bigconsole/AdminRoutes.tsx"],"sourcesContent":["/**\n * BigConsole Admin Routes\n *\n * Internal routing for the admin surface mounted inside admin-app.\n */\n\nimport { Route, Routes } from 'react-router';\nimport { AdminPage } from './pages/AdminPage';\n\nexport function AdminRoutes() {\n  return (\n    <Routes>\n      <Route path=\"*\" element={<AdminPage />} />\n    </Routes>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,IAAc;AAC5B,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAO,MAAK;EAAI,SAAS,kBAAC,GAAD,EAAa,CAAA;EAAI,CAAA,EACnC,CAAA"}

package/dist/bigconsole/BigConsoleRoot.js

@@ -12,7 +12,7 @@ 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-dom";
+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";

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 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 { 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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"}

package/dist/bigconsole/BigConsoleRoutes.js

@@ -5,7 +5,7 @@ import { GetWorkflowDocument as n } from "../generated/wspace-operations.js";
 import r from "./hooks/useWorkflowOperations.js";
 import { BOOTSTRAP_RETRY_DELAY_MS as i } from "./constants.js";
 import { Suspense as a, lazy as o, memo as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { Navigate as f, Route as p, Routes as m, useParams as h } from "react-router-dom";
+import { Navigate as f, Route as p, Routes as m, useParams as h } from "react-router";
 import { useApolloClient as g } from "@apollo/client/react";
 import { Spinner as _ } from "@burdenoff/fe-libs/ui";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";

package/dist/bigconsole/BigConsoleRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BigConsoleRoutes.js","names":[],"sources":["../../src/bigconsole/BigConsoleRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, memo, useState, useMemo, useEffect, useRef } from 'react';\nimport { Route, Routes, Navigate, useParams } from 'react-router-dom';\nimport { type BigConsoleRootProps } from './types';\nimport { HomePage } from './pages/HomePage';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useApolloClient } from '@apollo/client/react';\nimport { useAppNavigate } from './contexts';\nimport { useWorkflowOperations } from './hooks/useWorkflowOperations';\nimport { GetWorkflowDocument } from '../generated/wspace-operations';\nimport { BOOTSTRAP_RETRY_DELAY_MS } from './constants';\n\n// Import FluidGrids SDK workflow components (EXACT same as microfe-workflows)\nimport {\n  WorkflowBuilderPage as SDKWorkflowBuilderPage,\n  ExecutionsListPage,\n  ExecutionDetailPage,\n  HistoryPage,\n  TemplatesPage,\n  NodesPage,\n  SettingsPage as WorkflowSettingsPage,\n} from '@burdenoff/fluidgrids-fe-sdk';\n\n// Lazy-loaded pages\nconst DashboardsPage = lazy(() => import('./pages/DashboardsPage'));\nconst DashboardViewPage = lazy(() => import('./pages/DashboardViewPage'));\nconst DashboardBuilderPage = lazy(() => import('./pages/DashboardBuilderPage'));\nconst DataSourcesPage = lazy(() => import('./pages/DataSourcesPage'));\nconst InsightsPage = lazy(() => import('./pages/InsightsPage'));\nconst SettingsPage = lazy(() => import('./pages/SettingsPage'));\nconst WidgetDemoPage = lazy(() => import('./pages/WidgetDemoPage'));\n// BigConsole-native workflow pages (query bigconsole-svc, not workflow-svc)\n// These use named exports (no default export), so we remap via .then()\nconst WorkflowsPage = lazy(() => import('./pages/WorkflowsPage').then((m) => ({ default: m.WorkflowsPage })));\nconst WorkflowViewPage = lazy(() => import('./pages/WorkflowViewPage').then((m) => ({ default: m.WorkflowViewPage })));\n// DataSink Pages\nconst DataSinksPage = lazy(() => import('./pages/DataSinksPage'));\nconst DataSinkViewPage = lazy(() => import('./pages/DataSinkViewPage'));\nconst DataSinkBuilderPage = lazy(() => import('./pages/DataSinkBuilderPage'));\n// Parser Pages\nconst DataParsersPage = lazy(() => import('./pages/DataParsersPage'));\nconst ParserViewPage = lazy(() => import('./pages/ParserViewPage'));\nconst ParserBuilderPage = lazy(() => import('./pages/ParserBuilderPage'));\n// Pipeline Pages\nconst PipelinesPage = lazy(() => import('./pages/PipelinesPage'));\nconst PipelineViewPage = lazy(() => import('./pages/PipelineViewPage'));\nconst PipelineBuilderPage = lazy(() => import('./pages/PipelineBuilderPage'));\n\n// Loading fallback component\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n}\n\n/** Generate a new workflow builder path with a fresh UUID key. */\nexport const newWorkflowPath = () => `/workflows/workflow/${crypto.randomUUID()}/v1`;\n\n/**\n * Redirect /workflows/new to a UUID-based URL.\n * Uses <Navigate> for synchronous redirect (no blank frame).\n */\nfunction WorkflowNewRedirect() {\n  const path = useMemo(() => newWorkflowPath(), []);\n  return <Navigate to={path} replace />;\n}\n\n/**\n * Bridge component: resolves a BigConsole workflow ID to its externalWorkflowId\n * and navigates to the SDK's visual builder route.\n *\n * Route: /workflows/:workflowId/edit\n * Redirects to: /workflows/workflow/{workflowKey}/v1\n */\nconst WorkflowEditBridge = memo(function WorkflowEditBridge() {\n  const { workflowId } = useParams<{ workflowId: string }>();\n  const navigate = useAppNavigate();\n  const { fetchWorkflow } = useWorkflowOperations({ skipFetch: true });\n  const [error, setError] = useState<string | null>(null);\n  const retryCount = useRef(0);\n\n  useEffect(() => {\n    if (!workflowId) {\n      setError('No workflow ID provided');\n      return;\n    }\n\n    // Reset retry budget and error when workflowId changes so a\n    // previous failed attempt doesn't consume the new workflow's retry.\n    retryCount.current = 0;\n    setError(null);\n    let cancelled = false;\n\n    const handleResult = (workflow: Awaited<ReturnType<typeof fetchWorkflow>>) => {\n      if (cancelled) return;\n\n      if (workflow?.key) {\n        // Navigate to the SDK builder route using the workflow key (e.g. \"github_user_profile\")\n        // and default version \"v1\". The FluidGrids SDK fetches the definition by workflowKey.\n        // Replace history so the bridge doesn't trap the back button.\n        navigate(`/workflows/workflow/${workflow.key}/v1`, { replace: true });\n      } else if (workflow) {\n        // Workflow exists but has no key — open SDK builder in create mode\n        navigate(`/workflows/builder`, { replace: true });\n      } else if (retryCount.current < 1) {\n        // On full-page loads the auth/workspace context may not be bootstrapped yet,\n        // causing a false null. Retry once after a short delay (same pattern as WorkflowViewPage).\n        retryCount.current += 1;\n        setTimeout(() => {\n          if (!cancelled) {\n            fetchWorkflow(workflowId)\n              .then(handleResult)\n              .catch((err) => {\n                if (!cancelled) setError(err?.message ?? 'Failed to load workflow');\n              });\n          }\n        }, BOOTSTRAP_RETRY_DELAY_MS);\n      } else {\n        setError('Workflow not found');\n      }\n    };\n\n    fetchWorkflow(workflowId)\n      .then(handleResult)\n      .catch((err) => {\n        if (!cancelled) setError(err?.message ?? 'Failed to load workflow');\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [workflowId, fetchWorkflow, navigate]);\n\n  if (error) {\n    return (\n      <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\">\n        <p className=\"text-sm text-text-secondary\">{error}</p>\n        <button\n          type=\"button\"\n          onClick={() => navigate('/workflows')}\n          className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n        >\n          Back to Workflows\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n});\n\n/**\n * Matches a canonical v4-style UUID. BigConsole workflow RECORD ids are UUIDs;\n * workflow KEYS are human slugs (e.g. \"users_analytics\"). New-workflow URLs also\n * use a fresh `crypto.randomUUID()` as the builder key. We only attempt record\n * resolution for UUID-shaped `:id`s — slugs are always real keys and skip the\n * lookup entirely (no extra round-trip, no spinner flash).\n */\nconst UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;\n\n/** Minimal shape of the GetWorkflow query — the resolver only needs the key. */\ntype WorkflowKeyLookup = { workflow: { key: string | null } | null };\n\n/**\n * Guards the SDK visual builder route.\n *\n * The SDK builder loads its definition from workflow-svc using the URL `:id` as\n * the `workflowKey`. That only works when `:id` is the workflow KEY. When a\n * BigConsole workflow RECORD id (a UUID) reaches the builder — via the SDK\n * card's `navigate(\"../workflow/\" + workflow.workflow_key + ...)`, a bookmarked\n * record-id URL, etc. — no definition matches that key, so the canvas is empty\n * AND the SDK silently creates a phantom 0-node definition keyed by the UUID.\n *\n * This resolver closes that gap centrally (the same id→key resolution the\n * `/workflows/:workflowId/edit` `WorkflowEditBridge` does, but applied to the\n * builder route itself so EVERY entry point is covered):\n *   - `:id` is a slug → it's already a key → render the builder as-is.\n *   - `:id` is a UUID that maps to a BigConsole record with a different key →\n *     redirect to `/workflows/workflow/<key>/<version>`.\n *   - `:id` is a UUID that is NOT a record (a fresh new-workflow id) → render\n *     the builder as-is (create mode).\n */\nconst WorkflowBuilderResolver = memo(function WorkflowBuilderResolver() {\n  const { id, version } = useParams<{ id: string; version: string }>();\n  const navigate = useAppNavigate();\n  const client = useApolloClient();\n  // Slugs (real keys) render the builder immediately (derived below); only\n  // UUID-shaped ids need a record lookup first.\n  const isUuid = !!id && UUID_RE.test(id);\n  // A UUID is only safe to open in the SDK builder once the lookup POSITIVELY\n  // confirms it is not a BigConsole record (a clean not-found — e.g. a fresh\n  // new-workflow id). Both verdicts are keyed by the id they describe so that\n  // navigating between workflows re-resolves instead of reusing a stale answer.\n  const [confirmedAbsentId, setConfirmedAbsentId] = useState<string | null>(null);\n  const [failedId, setFailedId] = useState<string | null>(null);\n  // Bumped by the \"Try again\" button to re-run the lookup effect after a failure.\n  const [retryNonce, setRetryNonce] = useState(0);\n  const retryCount = useRef(0);\n\n  useEffect(() => {\n    if (!id || !isUuid) return;\n\n    retryCount.current = 0;\n    let cancelled = false;\n    const targetVersion = version ?? 'v1';\n\n    const attempt = () => {\n      // Query directly (not via fetchWorkflow, which swallows Apollo errors and\n      // returns null) so we can tell a genuine \"no such record\" apart from a\n      // transient lookup failure. Treating a failure as not-found would re-open\n      // the builder with the record id and recreate a phantom 0-node definition.\n      client\n        .query<WorkflowKeyLookup>({\n          query: GetWorkflowDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        })\n        .then((result) => {\n          if (cancelled) return;\n          const record = result.data?.workflow;\n          if (record) {\n            // The UUID IS a BigConsole record.\n            if (record.key && record.key !== id) {\n              // Open the builder under its real key (where the definition + nodes\n              // live). encodeURIComponent guards against URL-unsafe key chars.\n              // Replace history so the resolver doesn't trap the back button.\n              navigate(`/workflows/workflow/${encodeURIComponent(record.key)}/${targetVersion}`, {\n                replace: true,\n              });\n            } else {\n              // Record exists but has no usable key — open a blank builder rather\n              // than reusing the record UUID as the key (which would phantom).\n              navigate('/workflows/builder', { replace: true });\n            }\n          } else {\n            // Query succeeded with no record → a genuine new-workflow id.\n            setConfirmedAbsentId(id);\n          }\n        })\n        .catch(() => {\n          if (cancelled) return;\n          if (retryCount.current < 1) {\n            // On a cold full-page load the auth/workspace context may not be\n            // bootstrapped yet. Retry once before giving up.\n            retryCount.current += 1;\n            setTimeout(() => {\n              if (!cancelled) attempt();\n            }, BOOTSTRAP_RETRY_DELAY_MS);\n          } else {\n            // Lookup failed — do NOT assume create mode (the id may be a record);\n            // surface a retry instead of risking a phantom definition.\n            setFailedId(id);\n          }\n        });\n    };\n\n    attempt();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [id, isUuid, version, client, navigate, retryNonce]);\n\n  // Slug keys, and UUIDs confirmed not to be records, render the builder.\n  if (!isUuid || confirmedAbsentId === id) {\n    return <SDKWorkflowBuilderPage />;\n  }\n\n  // A lookup that ultimately failed: surface a retry rather than silently\n  // opening the builder with what may be a record id.\n  if (failedId === id) {\n    return (\n      <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\">\n        <p className=\"text-sm text-text-secondary\">Couldn&apos;t load this workflow. Please try again.</p>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setFailedId(null);\n              setRetryNonce((n) => n + 1);\n            }}\n            className=\"px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors\"\n          >\n            Try again\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigate('/workflows')}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n          >\n            Back to Workflows\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n});\n\nexport function BigConsoleRoutes(_props: BigConsoleRootProps) {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route path=\"/\" element={<HomePage />} />\n        <Route path=\"/dashboards\" element={<DashboardsPage />} />\n        <Route path=\"/dashboards/:dashboardId\" element={<DashboardViewPage />} />\n        <Route path=\"/dashboards/:dashboardId/builder\" element={<DashboardBuilderPage />} />\n        <Route path=\"/datasources\" element={<DataSourcesPage />} />\n        <Route path=\"/insights\" element={<InsightsPage />} />\n        <Route path=\"/settings\" element={<SettingsPage />} />\n        <Route path=\"/widgets/demo\" element={<WidgetDemoPage />} />\n        {/* DataSink Routes */}\n        <Route path=\"/datasinks\" element={<DataSinksPage />} />\n        <Route path=\"/datasinks/new\" element={<DataSinkBuilderPage />} />\n        <Route path=\"/datasinks/:dataSinkId\" element={<DataSinkViewPage />} />\n        <Route path=\"/datasinks/:dataSinkId/edit\" element={<DataSinkBuilderPage />} />\n        {/* Parser Routes */}\n        <Route path=\"/parsers\" element={<DataParsersPage />} />\n        <Route path=\"/parsers/new\" element={<ParserBuilderPage />} />\n        <Route path=\"/parsers/:parserId\" element={<ParserViewPage />} />\n        <Route path=\"/parsers/:parserId/edit\" element={<ParserBuilderPage />} />\n        {/* Dashboard-scoped Parser Routes */}\n        <Route path=\"/dashboards/:consoleId/parsers\" element={<DataParsersPage />} />\n        <Route path=\"/dashboards/:consoleId/parsers/new\" element={<ParserBuilderPage />} />\n        <Route path=\"/dashboards/:consoleId/parsers/:parserId\" element={<ParserViewPage />} />\n        <Route path=\"/dashboards/:consoleId/parsers/:parserId/edit\" element={<ParserBuilderPage />} />\n        {/* Workflow Routes — list/view use BigConsole-native pages (query bigconsole-svc).\n            All static routes are grouped before the dynamic :workflowId catch-all.\n            React Router v6 prioritizes static segments regardless of declaration order,\n            but keeping them above the param routes makes intent unambiguous for maintainers. */}\n        <Route path=\"/workflows\" element={<WorkflowsPage />} />\n        <Route path=\"/workflows/list\" element={<WorkflowsPage />} />\n        {/* New workflow — redirect to UUID-based URL (matches FluidGrids pattern) */}\n        <Route path=\"/workflows/new\" element={<WorkflowNewRedirect />} />\n        {/* SDK visual workflow builder — design existing workflows */}\n        <Route path=\"/workflows/builder\" element={<SDKWorkflowBuilderPage />} />\n        {/* All parameterised builder routes go through WorkflowBuilderResolver so a\n            record-id `:id` is resolved to its workflow key first (slugs/new-workflow\n            UUIDs pass straight through); otherwise the SDK opens an empty canvas and\n            creates a phantom 0-node definition keyed by the record id. */}\n        <Route path=\"/workflows/builder/:id/:version\" element={<WorkflowBuilderResolver />} />\n        <Route path=\"/workflows/workflow/:id/:version\" element={<WorkflowBuilderResolver />} />\n        {/* SDK sub-pages (runs, history, templates, nodes, settings) */}\n        <Route path=\"/workflows/runs\" element={<ExecutionsListPage />} />\n        <Route path=\"/workflows/runs/:runId\" element={<ExecutionDetailPage />} />\n        <Route path=\"/workflows/history\" element={<HistoryPage />} />\n        <Route path=\"/workflows/templates\" element={<TemplatesPage />} />\n        <Route path=\"/workflows/nodes\" element={<NodesPage />} />\n        <Route path=\"/workflows/settings\" element={<WorkflowSettingsPage />} />\n        {/* Dynamic routes — :workflowId catch-all AFTER all static segments */}\n        <Route path=\"/workflows/:workflowId\" element={<WorkflowViewPage />} />\n        <Route path=\"/workflows/:workflowId/edit\" element={<WorkflowEditBridge />} />\n        {/* Support SDK's navigation pattern (without /workflows/ prefix) — also\n            resolves record-id → key via WorkflowBuilderResolver. */}\n        <Route path=\"/workflow/:id/:version\" element={<WorkflowBuilderResolver />} />\n        {/* Redirect /list to /workflows/list (SDK uses relative navigation) */}\n        <Route path=\"/list\" element={<Navigate to=\"/bigconsole/workflows/list\" replace />} />\n        {/* Pipeline Routes */}\n        <Route path=\"/pipelines\" element={<PipelinesPage />} />\n        <Route path=\"/pipelines/new\" element={<PipelineBuilderPage />} />\n        <Route path=\"/pipelines/:pipelineId\" element={<PipelineViewPage />} />\n        <Route path=\"/pipelines/:pipelineId/edit\" element={<PipelineBuilderPage />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BigConsoleRoutes.js","names":[],"sources":["../../src/bigconsole/BigConsoleRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, memo, useState, useMemo, useEffect, useRef } from 'react';\nimport { Route, Routes, Navigate, useParams } from 'react-router';\nimport { type BigConsoleRootProps } from './types';\nimport { HomePage } from './pages/HomePage';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useApolloClient } from '@apollo/client/react';\nimport { useAppNavigate } from './contexts';\nimport { useWorkflowOperations } from './hooks/useWorkflowOperations';\nimport { GetWorkflowDocument } from '../generated/wspace-operations';\nimport { BOOTSTRAP_RETRY_DELAY_MS } from './constants';\n\n// Import FluidGrids SDK workflow components (EXACT same as microfe-workflows)\nimport {\n  WorkflowBuilderPage as SDKWorkflowBuilderPage,\n  ExecutionsListPage,\n  ExecutionDetailPage,\n  HistoryPage,\n  TemplatesPage,\n  NodesPage,\n  SettingsPage as WorkflowSettingsPage,\n} from '@burdenoff/fluidgrids-fe-sdk';\n\n// Lazy-loaded pages\nconst DashboardsPage = lazy(() => import('./pages/DashboardsPage'));\nconst DashboardViewPage = lazy(() => import('./pages/DashboardViewPage'));\nconst DashboardBuilderPage = lazy(() => import('./pages/DashboardBuilderPage'));\nconst DataSourcesPage = lazy(() => import('./pages/DataSourcesPage'));\nconst InsightsPage = lazy(() => import('./pages/InsightsPage'));\nconst SettingsPage = lazy(() => import('./pages/SettingsPage'));\nconst WidgetDemoPage = lazy(() => import('./pages/WidgetDemoPage'));\n// BigConsole-native workflow pages (query bigconsole-svc, not workflow-svc)\n// These use named exports (no default export), so we remap via .then()\nconst WorkflowsPage = lazy(() => import('./pages/WorkflowsPage').then((m) => ({ default: m.WorkflowsPage })));\nconst WorkflowViewPage = lazy(() => import('./pages/WorkflowViewPage').then((m) => ({ default: m.WorkflowViewPage })));\n// DataSink Pages\nconst DataSinksPage = lazy(() => import('./pages/DataSinksPage'));\nconst DataSinkViewPage = lazy(() => import('./pages/DataSinkViewPage'));\nconst DataSinkBuilderPage = lazy(() => import('./pages/DataSinkBuilderPage'));\n// Parser Pages\nconst DataParsersPage = lazy(() => import('./pages/DataParsersPage'));\nconst ParserViewPage = lazy(() => import('./pages/ParserViewPage'));\nconst ParserBuilderPage = lazy(() => import('./pages/ParserBuilderPage'));\n// Pipeline Pages\nconst PipelinesPage = lazy(() => import('./pages/PipelinesPage'));\nconst PipelineViewPage = lazy(() => import('./pages/PipelineViewPage'));\nconst PipelineBuilderPage = lazy(() => import('./pages/PipelineBuilderPage'));\n\n// Loading fallback component\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n}\n\n/** Generate a new workflow builder path with a fresh UUID key. */\nexport const newWorkflowPath = () => `/workflows/workflow/${crypto.randomUUID()}/v1`;\n\n/**\n * Redirect /workflows/new to a UUID-based URL.\n * Uses <Navigate> for synchronous redirect (no blank frame).\n */\nfunction WorkflowNewRedirect() {\n  const path = useMemo(() => newWorkflowPath(), []);\n  return <Navigate to={path} replace />;\n}\n\n/**\n * Bridge component: resolves a BigConsole workflow ID to its externalWorkflowId\n * and navigates to the SDK's visual builder route.\n *\n * Route: /workflows/:workflowId/edit\n * Redirects to: /workflows/workflow/{workflowKey}/v1\n */\nconst WorkflowEditBridge = memo(function WorkflowEditBridge() {\n  const { workflowId } = useParams<{ workflowId: string }>();\n  const navigate = useAppNavigate();\n  const { fetchWorkflow } = useWorkflowOperations({ skipFetch: true });\n  const [error, setError] = useState<string | null>(null);\n  const retryCount = useRef(0);\n\n  useEffect(() => {\n    if (!workflowId) {\n      setError('No workflow ID provided');\n      return;\n    }\n\n    // Reset retry budget and error when workflowId changes so a\n    // previous failed attempt doesn't consume the new workflow's retry.\n    retryCount.current = 0;\n    setError(null);\n    let cancelled = false;\n\n    const handleResult = (workflow: Awaited<ReturnType<typeof fetchWorkflow>>) => {\n      if (cancelled) return;\n\n      if (workflow?.key) {\n        // Navigate to the SDK builder route using the workflow key (e.g. \"github_user_profile\")\n        // and default version \"v1\". The FluidGrids SDK fetches the definition by workflowKey.\n        // Replace history so the bridge doesn't trap the back button.\n        navigate(`/workflows/workflow/${workflow.key}/v1`, { replace: true });\n      } else if (workflow) {\n        // Workflow exists but has no key — open SDK builder in create mode\n        navigate(`/workflows/builder`, { replace: true });\n      } else if (retryCount.current < 1) {\n        // On full-page loads the auth/workspace context may not be bootstrapped yet,\n        // causing a false null. Retry once after a short delay (same pattern as WorkflowViewPage).\n        retryCount.current += 1;\n        setTimeout(() => {\n          if (!cancelled) {\n            fetchWorkflow(workflowId)\n              .then(handleResult)\n              .catch((err) => {\n                if (!cancelled) setError(err?.message ?? 'Failed to load workflow');\n              });\n          }\n        }, BOOTSTRAP_RETRY_DELAY_MS);\n      } else {\n        setError('Workflow not found');\n      }\n    };\n\n    fetchWorkflow(workflowId)\n      .then(handleResult)\n      .catch((err) => {\n        if (!cancelled) setError(err?.message ?? 'Failed to load workflow');\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [workflowId, fetchWorkflow, navigate]);\n\n  if (error) {\n    return (\n      <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\">\n        <p className=\"text-sm text-text-secondary\">{error}</p>\n        <button\n          type=\"button\"\n          onClick={() => navigate('/workflows')}\n          className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n        >\n          Back to Workflows\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n});\n\n/**\n * Matches a canonical v4-style UUID. BigConsole workflow RECORD ids are UUIDs;\n * workflow KEYS are human slugs (e.g. \"users_analytics\"). New-workflow URLs also\n * use a fresh `crypto.randomUUID()` as the builder key. We only attempt record\n * resolution for UUID-shaped `:id`s — slugs are always real keys and skip the\n * lookup entirely (no extra round-trip, no spinner flash).\n */\nconst UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;\n\n/** Minimal shape of the GetWorkflow query — the resolver only needs the key. */\ntype WorkflowKeyLookup = { workflow: { key: string | null } | null };\n\n/**\n * Guards the SDK visual builder route.\n *\n * The SDK builder loads its definition from workflow-svc using the URL `:id` as\n * the `workflowKey`. That only works when `:id` is the workflow KEY. When a\n * BigConsole workflow RECORD id (a UUID) reaches the builder — via the SDK\n * card's `navigate(\"../workflow/\" + workflow.workflow_key + ...)`, a bookmarked\n * record-id URL, etc. — no definition matches that key, so the canvas is empty\n * AND the SDK silently creates a phantom 0-node definition keyed by the UUID.\n *\n * This resolver closes that gap centrally (the same id→key resolution the\n * `/workflows/:workflowId/edit` `WorkflowEditBridge` does, but applied to the\n * builder route itself so EVERY entry point is covered):\n *   - `:id` is a slug → it's already a key → render the builder as-is.\n *   - `:id` is a UUID that maps to a BigConsole record with a different key →\n *     redirect to `/workflows/workflow/<key>/<version>`.\n *   - `:id` is a UUID that is NOT a record (a fresh new-workflow id) → render\n *     the builder as-is (create mode).\n */\nconst WorkflowBuilderResolver = memo(function WorkflowBuilderResolver() {\n  const { id, version } = useParams<{ id: string; version: string }>();\n  const navigate = useAppNavigate();\n  const client = useApolloClient();\n  // Slugs (real keys) render the builder immediately (derived below); only\n  // UUID-shaped ids need a record lookup first.\n  const isUuid = !!id && UUID_RE.test(id);\n  // A UUID is only safe to open in the SDK builder once the lookup POSITIVELY\n  // confirms it is not a BigConsole record (a clean not-found — e.g. a fresh\n  // new-workflow id). Both verdicts are keyed by the id they describe so that\n  // navigating between workflows re-resolves instead of reusing a stale answer.\n  const [confirmedAbsentId, setConfirmedAbsentId] = useState<string | null>(null);\n  const [failedId, setFailedId] = useState<string | null>(null);\n  // Bumped by the \"Try again\" button to re-run the lookup effect after a failure.\n  const [retryNonce, setRetryNonce] = useState(0);\n  const retryCount = useRef(0);\n\n  useEffect(() => {\n    if (!id || !isUuid) return;\n\n    retryCount.current = 0;\n    let cancelled = false;\n    const targetVersion = version ?? 'v1';\n\n    const attempt = () => {\n      // Query directly (not via fetchWorkflow, which swallows Apollo errors and\n      // returns null) so we can tell a genuine \"no such record\" apart from a\n      // transient lookup failure. Treating a failure as not-found would re-open\n      // the builder with the record id and recreate a phantom 0-node definition.\n      client\n        .query<WorkflowKeyLookup>({\n          query: GetWorkflowDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        })\n        .then((result) => {\n          if (cancelled) return;\n          const record = result.data?.workflow;\n          if (record) {\n            // The UUID IS a BigConsole record.\n            if (record.key && record.key !== id) {\n              // Open the builder under its real key (where the definition + nodes\n              // live). encodeURIComponent guards against URL-unsafe key chars.\n              // Replace history so the resolver doesn't trap the back button.\n              navigate(`/workflows/workflow/${encodeURIComponent(record.key)}/${targetVersion}`, {\n                replace: true,\n              });\n            } else {\n              // Record exists but has no usable key — open a blank builder rather\n              // than reusing the record UUID as the key (which would phantom).\n              navigate('/workflows/builder', { replace: true });\n            }\n          } else {\n            // Query succeeded with no record → a genuine new-workflow id.\n            setConfirmedAbsentId(id);\n          }\n        })\n        .catch(() => {\n          if (cancelled) return;\n          if (retryCount.current < 1) {\n            // On a cold full-page load the auth/workspace context may not be\n            // bootstrapped yet. Retry once before giving up.\n            retryCount.current += 1;\n            setTimeout(() => {\n              if (!cancelled) attempt();\n            }, BOOTSTRAP_RETRY_DELAY_MS);\n          } else {\n            // Lookup failed — do NOT assume create mode (the id may be a record);\n            // surface a retry instead of risking a phantom definition.\n            setFailedId(id);\n          }\n        });\n    };\n\n    attempt();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [id, isUuid, version, client, navigate, retryNonce]);\n\n  // Slug keys, and UUIDs confirmed not to be records, render the builder.\n  if (!isUuid || confirmedAbsentId === id) {\n    return <SDKWorkflowBuilderPage />;\n  }\n\n  // A lookup that ultimately failed: surface a retry rather than silently\n  // opening the builder with what may be a record id.\n  if (failedId === id) {\n    return (\n      <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\">\n        <p className=\"text-sm text-text-secondary\">Couldn&apos;t load this workflow. Please try again.</p>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setFailedId(null);\n              setRetryNonce((n) => n + 1);\n            }}\n            className=\"px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors\"\n          >\n            Try again\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigate('/workflows')}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n          >\n            Back to Workflows\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n});\n\nexport function BigConsoleRoutes(_props: BigConsoleRootProps) {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route path=\"/\" element={<HomePage />} />\n        <Route path=\"/dashboards\" element={<DashboardsPage />} />\n        <Route path=\"/dashboards/:dashboardId\" element={<DashboardViewPage />} />\n        <Route path=\"/dashboards/:dashboardId/builder\" element={<DashboardBuilderPage />} />\n        <Route path=\"/datasources\" element={<DataSourcesPage />} />\n        <Route path=\"/insights\" element={<InsightsPage />} />\n        <Route path=\"/settings\" element={<SettingsPage />} />\n        <Route path=\"/widgets/demo\" element={<WidgetDemoPage />} />\n        {/* DataSink Routes */}\n        <Route path=\"/datasinks\" element={<DataSinksPage />} />\n        <Route path=\"/datasinks/new\" element={<DataSinkBuilderPage />} />\n        <Route path=\"/datasinks/:dataSinkId\" element={<DataSinkViewPage />} />\n        <Route path=\"/datasinks/:dataSinkId/edit\" element={<DataSinkBuilderPage />} />\n        {/* Parser Routes */}\n        <Route path=\"/parsers\" element={<DataParsersPage />} />\n        <Route path=\"/parsers/new\" element={<ParserBuilderPage />} />\n        <Route path=\"/parsers/:parserId\" element={<ParserViewPage />} />\n        <Route path=\"/parsers/:parserId/edit\" element={<ParserBuilderPage />} />\n        {/* Dashboard-scoped Parser Routes */}\n        <Route path=\"/dashboards/:consoleId/parsers\" element={<DataParsersPage />} />\n        <Route path=\"/dashboards/:consoleId/parsers/new\" element={<ParserBuilderPage />} />\n        <Route path=\"/dashboards/:consoleId/parsers/:parserId\" element={<ParserViewPage />} />\n        <Route path=\"/dashboards/:consoleId/parsers/:parserId/edit\" element={<ParserBuilderPage />} />\n        {/* Workflow Routes — list/view use BigConsole-native pages (query bigconsole-svc).\n            All static routes are grouped before the dynamic :workflowId catch-all.\n            React Router v6 prioritizes static segments regardless of declaration order,\n            but keeping them above the param routes makes intent unambiguous for maintainers. */}\n        <Route path=\"/workflows\" element={<WorkflowsPage />} />\n        <Route path=\"/workflows/list\" element={<WorkflowsPage />} />\n        {/* New workflow — redirect to UUID-based URL (matches FluidGrids pattern) */}\n        <Route path=\"/workflows/new\" element={<WorkflowNewRedirect />} />\n        {/* SDK visual workflow builder — design existing workflows */}\n        <Route path=\"/workflows/builder\" element={<SDKWorkflowBuilderPage />} />\n        {/* All parameterised builder routes go through WorkflowBuilderResolver so a\n            record-id `:id` is resolved to its workflow key first (slugs/new-workflow\n            UUIDs pass straight through); otherwise the SDK opens an empty canvas and\n            creates a phantom 0-node definition keyed by the record id. */}\n        <Route path=\"/workflows/builder/:id/:version\" element={<WorkflowBuilderResolver />} />\n        <Route path=\"/workflows/workflow/:id/:version\" element={<WorkflowBuilderResolver />} />\n        {/* SDK sub-pages (runs, history, templates, nodes, settings) */}\n        <Route path=\"/workflows/runs\" element={<ExecutionsListPage />} />\n        <Route path=\"/workflows/runs/:runId\" element={<ExecutionDetailPage />} />\n        <Route path=\"/workflows/history\" element={<HistoryPage />} />\n        <Route path=\"/workflows/templates\" element={<TemplatesPage />} />\n        <Route path=\"/workflows/nodes\" element={<NodesPage />} />\n        <Route path=\"/workflows/settings\" element={<WorkflowSettingsPage />} />\n        {/* Dynamic routes — :workflowId catch-all AFTER all static segments */}\n        <Route path=\"/workflows/:workflowId\" element={<WorkflowViewPage />} />\n        <Route path=\"/workflows/:workflowId/edit\" element={<WorkflowEditBridge />} />\n        {/* Support SDK's navigation pattern (without /workflows/ prefix) — also\n            resolves record-id → key via WorkflowBuilderResolver. */}\n        <Route path=\"/workflow/:id/:version\" element={<WorkflowBuilderResolver />} />\n        {/* Redirect /list to /workflows/list (SDK uses relative navigation) */}\n        <Route path=\"/list\" element={<Navigate to=\"/bigconsole/workflows/list\" replace />} />\n        {/* Pipeline Routes */}\n        <Route path=\"/pipelines\" element={<PipelinesPage />} />\n        <Route path=\"/pipelines/new\" element={<PipelineBuilderPage />} />\n        <Route path=\"/pipelines/:pipelineId\" element={<PipelineViewPage />} />\n        <Route path=\"/pipelines/:pipelineId/edit\" element={<PipelineBuilderPage />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAuBA,IAAM,IAAiB,QAAW,OAAO,6BAA0B,EAC7D,IAAoB,QAAW,OAAO,gCAA6B,EACnE,IAAuB,QAAW,OAAO,mCAAgC,EACzE,IAAkB,QAAW,OAAO,8BAA2B,EAC/D,IAAe,QAAW,OAAO,2BAAwB,EACzD,IAAe,QAAW,OAAO,2BAAwB,EACzD,IAAiB,QAAW,OAAO,6BAA0B,EAG7D,IAAgB,QAAW,OAAO,4BAAyB,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,EACvG,IAAmB,QAAW,OAAO,+BAA4B,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,EAEhH,IAAgB,QAAW,OAAO,4BAAyB,EAC3D,IAAmB,QAAW,OAAO,+BAA4B,EACjE,IAAsB,QAAW,OAAO,kCAA+B,EAEvE,IAAkB,QAAW,OAAO,8BAA2B,EAC/D,IAAiB,QAAW,OAAO,6BAA0B,EAC7D,IAAoB,QAAW,OAAO,gCAA6B,EAEnE,IAAgB,QAAW,OAAO,4BAAyB,EAC3D,IAAmB,QAAW,OAAO,+BAA4B,EACjE,IAAsB,QAAW,OAAO,kCAA+B;AAG7E,SAAS,IAAa;AACpB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAC3B,CAAA;;AAKV,IAAa,UAAwB,uBAAuB,OAAO,YAAY,CAAC;AAMhF,SAAS,IAAsB;AAE7B,QAAO,kBAAC,GAAD;EAAU,IADJ,QAAc,GAAiB,EAAE,EAAE,CAAC;EACtB,SAAA;EAAU,CAAA;;AAUvC,IAAM,IAAqB,EAAK,WAA8B;CAC5D,IAAM,EAAE,kBAAe,GAAmC,EACpD,IAAW,GAAgB,EAC3B,EAAE,qBAAkB,EAAsB,EAAE,WAAW,IAAM,CAAC,EAC9D,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAa,EAAO,EAAE;AAqE5B,QAnEA,QAAgB;AACd,MAAI,CAAC,GAAY;AACf,KAAS,0BAA0B;AACnC;;AAMF,EADA,EAAW,UAAU,GACrB,EAAS,KAAK;EACd,IAAI,IAAY,IAEV,KAAgB,MAAwD;AACxE,SAEA,GAAU,MAIZ,EAAS,uBAAuB,EAAS,IAAI,MAAM,EAAE,SAAS,IAAM,CAAC,GAC5D,IAET,EAAS,sBAAsB,EAAE,SAAS,IAAM,CAAC,GACxC,EAAW,UAAU,KAG9B,EAAW,WAAW,GACtB,iBAAiB;AACf,IAAK,KACH,EAAc,EAAW,CACtB,KAAK,EAAa,CAClB,OAAO,MAAQ;AACd,KAAK,KAAW,EAAS,GAAK,WAAW,0BAA0B;MACnE;MAEL,EAAyB,IAE5B,EAAS,qBAAqB;;AAUlC,SANA,EAAc,EAAW,CACtB,KAAK,EAAa,CAClB,OAAO,MAAQ;AACd,GAAK,KAAW,EAAS,GAAK,WAAW,0BAA0B;IACnE,QAES;AACX,OAAY;;IAEb;EAAC;EAAY;EAAe;EAAS,CAAC,EAErC,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAU,CAAA,EACtD,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAS,aAAa;GACrC,WAAU;aACX;GAEQ,CAAA,CACL;MAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAC3B,CAAA;EAER,EASI,IAAU,8EAwBV,IAA0B,EAAK,WAAmC;CACtE,IAAM,EAAE,OAAI,eAAY,GAA4C,EAC9D,IAAW,GAAgB,EAC3B,IAAS,GAAiB,EAG1B,IAAS,CAAC,CAAC,KAAM,EAAQ,KAAK,EAAG,EAKjC,CAAC,GAAmB,KAAwB,EAAwB,KAAK,EACzE,CAAC,GAAU,KAAe,EAAwB,KAAK,EAEvD,CAAC,GAAY,KAAiB,EAAS,EAAE,EACzC,IAAa,EAAO,EAAE;AAoG5B,QAlGA,QAAgB;AACd,MAAI,CAAC,KAAM,CAAC,EAAQ;AAEpB,IAAW,UAAU;EACrB,IAAI,IAAY,IACV,IAAgB,KAAW,MAE3B,UAAgB;AAKpB,KACG,MAAyB;IACxB,OAAO;IACP,WAAW,EAAE,OAAI;IACjB,aAAa;IACd,CAAC,CACD,MAAM,MAAW;AAChB,QAAI,EAAW;IACf,IAAM,IAAS,EAAO,MAAM;AAC5B,IAAI,IAEE,EAAO,OAAO,EAAO,QAAQ,IAI/B,EAAS,uBAAuB,mBAAmB,EAAO,IAAI,CAAC,GAAG,KAAiB,EACjF,SAAS,IACV,CAAC,GAIF,EAAS,sBAAsB,EAAE,SAAS,IAAM,CAAC,GAInD,EAAqB,EAAG;KAE1B,CACD,YAAY;AACP,UACA,EAAW,UAAU,KAGvB,EAAW,WAAW,GACtB,iBAAiB;AACf,KAAK,KAAW,GAAS;OACxB,EAAyB,IAI5B,EAAY,EAAG;KAEjB;;AAKN,SAFA,GAAS,QAEI;AACX,OAAY;;IAEb;EAAC;EAAI;EAAQ;EAAS;EAAQ;EAAU;EAAW,CAAC,EAGnD,CAAC,KAAU,MAAsB,IAC5B,kBAAC,GAAD,EAA0B,CAAA,GAK/B,MAAa,IAEb,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aAA8B;GAAuD,CAAA,EAClG,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe;AAEb,KADA,EAAY,KAAK,EACjB,GAAe,MAAM,IAAI,EAAE;;IAE7B,WAAU;cACX;IAEQ,CAAA,EACT,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,aAAa;IACrC,WAAU;cACX;IAEQ,CAAA,CACL;KACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAC3B,CAAA;EAER;AAEF,SAAgB,EAAiB,GAA6B;AAC5D,QACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;YAChC,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAO,MAAK;IAAI,SAAS,kBAAC,GAAD,EAAY,CAAA;IAAI,CAAA;GACzC,kBAAC,GAAD;IAAO,MAAK;IAAc,SAAS,kBAAC,GAAD,EAAkB,CAAA;IAAI,CAAA;GACzD,kBAAC,GAAD;IAAO,MAAK;IAA2B,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GACzE,kBAAC,GAAD;IAAO,MAAK;IAAmC,SAAS,kBAAC,GAAD,EAAwB,CAAA;IAAI,CAAA;GACpF,kBAAC,GAAD;IAAO,MAAK;IAAe,SAAS,kBAAC,GAAD,EAAmB,CAAA;IAAI,CAAA;GAC3D,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD,EAAgB,CAAA;IAAI,CAAA;GACrD,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD,EAAgB,CAAA;IAAI,CAAA;GACrD,kBAAC,GAAD;IAAO,MAAK;IAAgB,SAAS,kBAAC,GAAD,EAAkB,CAAA;IAAI,CAAA;GAE3D,kBAAC,GAAD;IAAO,MAAK;IAAa,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GACvD,kBAAC,GAAD;IAAO,MAAK;IAAiB,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAyB,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GACtE,kBAAC,GAAD;IAAO,MAAK;IAA8B,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GAE9E,kBAAC,GAAD;IAAO,MAAK;IAAW,SAAS,kBAAC,GAAD,EAAmB,CAAA;IAAI,CAAA;GACvD,kBAAC,GAAD;IAAO,MAAK;IAAe,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GAC7D,kBAAC,GAAD;IAAO,MAAK;IAAqB,SAAS,kBAAC,GAAD,EAAkB,CAAA;IAAI,CAAA;GAChE,kBAAC,GAAD;IAAO,MAAK;IAA0B,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GAExE,kBAAC,GAAD;IAAO,MAAK;IAAiC,SAAS,kBAAC,GAAD,EAAmB,CAAA;IAAI,CAAA;GAC7E,kBAAC,GAAD;IAAO,MAAK;IAAqC,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GACnF,kBAAC,GAAD;IAAO,MAAK;IAA2C,SAAS,kBAAC,GAAD,EAAkB,CAAA;IAAI,CAAA;GACtF,kBAAC,GAAD;IAAO,MAAK;IAAgD,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GAK9F,kBAAC,GAAD;IAAO,MAAK;IAAa,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GACvD,kBAAC,GAAD;IAAO,MAAK;IAAkB,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAE5D,kBAAC,GAAD;IAAO,MAAK;IAAiB,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GAEjE,kBAAC,GAAD;IAAO,MAAK;IAAqB,SAAS,kBAAC,GAAD,EAA0B,CAAA;IAAI,CAAA;GAKxE,kBAAC,GAAD;IAAO,MAAK;IAAkC,SAAS,kBAAC,GAAD,EAA2B,CAAA;IAAI,CAAA;GACtF,kBAAC,GAAD;IAAO,MAAK;IAAmC,SAAS,kBAAC,GAAD,EAA2B,CAAA;IAAI,CAAA;GAEvF,kBAAC,GAAD;IAAO,MAAK;IAAkB,SAAS,kBAAC,GAAD,EAAsB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAyB,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GACzE,kBAAC,GAAD;IAAO,MAAK;IAAqB,SAAS,kBAAC,GAAD,EAAe,CAAA;IAAI,CAAA;GAC7D,kBAAC,GAAD;IAAO,MAAK;IAAuB,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAmB,SAAS,kBAAC,GAAD,EAAa,CAAA;IAAI,CAAA;GACzD,kBAAC,GAAD;IAAO,MAAK;IAAsB,SAAS,kBAAC,GAAD,EAAwB,CAAA;IAAI,CAAA;GAEvE,kBAAC,GAAD;IAAO,MAAK;IAAyB,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GACtE,kBAAC,GAAD;IAAO,MAAK;IAA8B,SAAS,kBAAC,GAAD,EAAsB,CAAA;IAAI,CAAA;GAG7E,kBAAC,GAAD;IAAO,MAAK;IAAyB,SAAS,kBAAC,GAAD,EAA2B,CAAA;IAAI,CAAA;GAE7E,kBAAC,GAAD;IAAO,MAAK;IAAQ,SAAS,kBAAC,GAAD;KAAU,IAAG;KAA6B,SAAA;KAAU,CAAA;IAAI,CAAA;GAErF,kBAAC,GAAD;IAAO,MAAK;IAAa,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GACvD,kBAAC,GAAD;IAAO,MAAK;IAAiB,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAyB,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GACtE,kBAAC,GAAD;IAAO,MAAK;IAA8B,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GACvE,EAAA,CAAA;EACA,CAAA"}

package/dist/bigconsole/components/datasink/LinkedParsersPanel.js

@@ -2,7 +2,7 @@ import { useAppNavigate as e } from "../../contexts/NavigationContext.js";
 import "../../contexts/index.js";
 import t from "../../hooks/useParserOperations.js";
 import { memo as n, useCallback as r, useEffect as i, useMemo as a } from "react";
-import { useParams as o } from "react-router-dom";
+import { useParams as o } from "react-router";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/bigconsole/components/datasink/LinkedParsersPanel.tsx
 var l = ({ className: e }) => /* @__PURE__ */ s("svg", {

package/dist/bigconsole/components/datasink/LinkedParsersPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkedParsersPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/LinkedParsersPanel.tsx"],"sourcesContent":["/**\n * LinkedParsersPanel Component\n *\n * Shows parsers that use this DataSink as their source.\n * Provides navigation to parser view pages.\n */\n\nimport { memo, useMemo, useCallback, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../../contexts';\nimport { useParserOperations } from '../../hooks/useParserOperations';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface LinkedParsersPanelProps {\n  dataSinkKey?: string;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst CodeIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n  </svg>\n);\n\nconst ArrowRightIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n  </svg>\n);\n\n// ============================================================================\n// PARSER TYPE BADGE\n// ============================================================================\n\nconst ParserTypeBadge = ({ type }: { type: string }) => {\n  const config: Record<string, { label: string; className: string }> = {\n    jq: { label: 'JQ', className: 'bg-purple-100 text-purple-700' },\n    jsonata: { label: 'JSONata', className: 'bg-blue-100 text-blue-700' },\n  };\n\n  const { label, className } = config[type] || {\n    label: type.toUpperCase(),\n    className: 'bg-gray-100 text-gray-700',\n  };\n\n  return <span className={`px-1.5 py-0.5 text-[10px] font-medium rounded ${className}`}>{label}</span>;\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const LinkedParsersPanel = memo(function LinkedParsersPanel({ dataSinkKey }: LinkedParsersPanelProps) {\n  const navigate = useAppNavigate();\n  const { consoleId: urlConsoleId } = useParams<{ consoleId?: string }>();\n  const consoleId = urlConsoleId || DEFAULT_CONSOLE_ID;\n\n  // Operations\n  const { parsers, loading: isLoading, fetchParsers } = useParserOperations({ consoleId, skipFetch: true });\n\n  // Fetch parsers when dataSinkKey is available (consoleId is optional)\n  useEffect(() => {\n    if (dataSinkKey) {\n      fetchParsers();\n    }\n  }, [dataSinkKey, fetchParsers]);\n\n  // Filter parsers that use this dataSink as input - using useMemo to avoid setState in effect\n  const linkedParsers = useMemo(() => {\n    if (!dataSinkKey) return [];\n    return parsers.filter((p) => p.inputSinkKey === dataSinkKey);\n  }, [parsers, dataSinkKey]);\n\n  // Handle view parser — navigate to the parser detail page\n  const handleViewParser = useCallback(\n    (parserId: string) => {\n      if (consoleId) {\n        navigate(`/dashboards/${consoleId}/parsers/${parserId}`);\n      } else {\n        navigate(`/parsers/${parserId}`);\n      }\n    },\n    [navigate, consoleId]\n  );\n\n  // Don't render if no dataSinkKey provided\n  if (!dataSinkKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"border border-border-default rounded-lg bg-bg-surface p-4 space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <CodeIcon className=\"w-4 h-4 text-text-secondary\" />\n          <h2 className=\"text-sm font-semibold text-text-primary\">Parsers Using This DataSink</h2>\n        </div>\n        <span className=\"text-xs text-text-tertiary\">\n          {linkedParsers.length} parser{linkedParsers.length !== 1 ? 's' : ''}\n        </span>\n      </div>\n\n      {isLoading ? (\n        <div className=\"flex items-center justify-center py-4\">\n          <svg className=\"w-5 h-5 text-text-secondary animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n            <path\n              className=\"opacity-75\"\n              fill=\"currentColor\"\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n            />\n          </svg>\n        </div>\n      ) : linkedParsers.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary py-2\">No parsers are using this DataSink as their source.</p>\n      ) : (\n        <div className=\"space-y-2\">\n          {linkedParsers.map((parser) => (\n            <button\n              key={parser.id}\n              type=\"button\"\n              onClick={() => handleViewParser(parser.id)}\n              className=\"w-full flex items-center justify-between px-3 py-2 bg-bg-sunken rounded-md hover:bg-border-default transition-colors group\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <CodeIcon className=\"w-4 h-4 text-text-secondary\" />\n                <div className=\"text-left\">\n                  <p className=\"text-sm font-medium text-text-primary\">{parser.name}</p>\n                  <p className=\"text-xs text-text-tertiary font-mono\">{parser.outputKey}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <ParserTypeBadge type={parser.type} />\n                <ArrowRightIcon className=\"w-4 h-4 text-text-tertiary group-hover:text-text-primary transition-colors\" />\n              </div>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default LinkedParsersPanel;\n"],"mappings":"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"}
+{"version":3,"file":"LinkedParsersPanel.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/LinkedParsersPanel.tsx"],"sourcesContent":["/**\n * LinkedParsersPanel Component\n *\n * Shows parsers that use this DataSink as their source.\n * Provides navigation to parser view pages.\n */\n\nimport { memo, useMemo, useCallback, useEffect } from 'react';\nimport { useParams } from 'react-router';\nimport { useAppNavigate } from '../../contexts';\nimport { useParserOperations } from '../../hooks/useParserOperations';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface LinkedParsersPanelProps {\n  dataSinkKey?: string;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst CodeIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n  </svg>\n);\n\nconst ArrowRightIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n  </svg>\n);\n\n// ============================================================================\n// PARSER TYPE BADGE\n// ============================================================================\n\nconst ParserTypeBadge = ({ type }: { type: string }) => {\n  const config: Record<string, { label: string; className: string }> = {\n    jq: { label: 'JQ', className: 'bg-purple-100 text-purple-700' },\n    jsonata: { label: 'JSONata', className: 'bg-blue-100 text-blue-700' },\n  };\n\n  const { label, className } = config[type] || {\n    label: type.toUpperCase(),\n    className: 'bg-gray-100 text-gray-700',\n  };\n\n  return <span className={`px-1.5 py-0.5 text-[10px] font-medium rounded ${className}`}>{label}</span>;\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const LinkedParsersPanel = memo(function LinkedParsersPanel({ dataSinkKey }: LinkedParsersPanelProps) {\n  const navigate = useAppNavigate();\n  const { consoleId: urlConsoleId } = useParams<{ consoleId?: string }>();\n  const consoleId = urlConsoleId || DEFAULT_CONSOLE_ID;\n\n  // Operations\n  const { parsers, loading: isLoading, fetchParsers } = useParserOperations({ consoleId, skipFetch: true });\n\n  // Fetch parsers when dataSinkKey is available (consoleId is optional)\n  useEffect(() => {\n    if (dataSinkKey) {\n      fetchParsers();\n    }\n  }, [dataSinkKey, fetchParsers]);\n\n  // Filter parsers that use this dataSink as input - using useMemo to avoid setState in effect\n  const linkedParsers = useMemo(() => {\n    if (!dataSinkKey) return [];\n    return parsers.filter((p) => p.inputSinkKey === dataSinkKey);\n  }, [parsers, dataSinkKey]);\n\n  // Handle view parser — navigate to the parser detail page\n  const handleViewParser = useCallback(\n    (parserId: string) => {\n      if (consoleId) {\n        navigate(`/dashboards/${consoleId}/parsers/${parserId}`);\n      } else {\n        navigate(`/parsers/${parserId}`);\n      }\n    },\n    [navigate, consoleId]\n  );\n\n  // Don't render if no dataSinkKey provided\n  if (!dataSinkKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"border border-border-default rounded-lg bg-bg-surface p-4 space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <CodeIcon className=\"w-4 h-4 text-text-secondary\" />\n          <h2 className=\"text-sm font-semibold text-text-primary\">Parsers Using This DataSink</h2>\n        </div>\n        <span className=\"text-xs text-text-tertiary\">\n          {linkedParsers.length} parser{linkedParsers.length !== 1 ? 's' : ''}\n        </span>\n      </div>\n\n      {isLoading ? (\n        <div className=\"flex items-center justify-center py-4\">\n          <svg className=\"w-5 h-5 text-text-secondary animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n            <path\n              className=\"opacity-75\"\n              fill=\"currentColor\"\n              d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n            />\n          </svg>\n        </div>\n      ) : linkedParsers.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary py-2\">No parsers are using this DataSink as their source.</p>\n      ) : (\n        <div className=\"space-y-2\">\n          {linkedParsers.map((parser) => (\n            <button\n              key={parser.id}\n              type=\"button\"\n              onClick={() => handleViewParser(parser.id)}\n              className=\"w-full flex items-center justify-between px-3 py-2 bg-bg-sunken rounded-md hover:bg-border-default transition-colors group\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <CodeIcon className=\"w-4 h-4 text-text-secondary\" />\n                <div className=\"text-left\">\n                  <p className=\"text-sm font-medium text-text-primary\">{parser.name}</p>\n                  <p className=\"text-xs text-text-tertiary font-mono\">{parser.outputKey}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <ParserTypeBadge type={parser.type} />\n                <ArrowRightIcon className=\"w-4 h-4 text-text-tertiary group-hover:text-text-primary transition-colors\" />\n              </div>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default LinkedParsersPanel;\n"],"mappings":"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"}

package/dist/bigconsole/components/embed/EmbedErrorBoundary.js

@@ -10,7 +10,7 @@ var n = class extends e {
 	render() {
 		return this.state.hasError ? /* @__PURE__ */ t("div", {
 			role: "alert",
-			className: "flex h-full w-full items-center justify-center bg-surface p-4 text-center text-sm text-secondary",
+			className: "flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-secondary",
 			children: [
 				"This ",
 				this.props.label ?? "content",

package/dist/bigconsole/components/embed/EmbedErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedErrorBoundary.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedErrorBoundary.tsx"],"sourcesContent":["/**\n * Customer-facing error boundary for embedded widgets/dashboards (BOFF-2986).\n *\n * Renders a neutral, safe message and NEVER surfaces internal details (stack\n * traces, ids, endpoints, config). One failing widget must not tear down the\n * whole dashboard, so this wraps each widget individually as well as the page.\n */\n\nimport { Component, type ErrorInfo, type ReactNode } from 'react';\n\ninterface Props {\n  readonly children: ReactNode;\n  /** Short, non-sensitive label for what failed (e.g. \"widget\"). */\n  readonly label?: string;\n}\n\ninterface State {\n  readonly hasError: boolean;\n}\n\nexport class EmbedErrorBoundary extends Component<Props, State> {\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(_error: Error, _info: ErrorInfo): void {\n    // Intentionally no external reporting from the anonymous embed context — the\n    // safe render below is the only user-visible outcome.\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return (\n        <div\n          role=\"alert\"\n          className=\"flex h-full w-full items-center justify-center bg-surface p-4 text-center text-sm text-secondary\"\n        >\n          This {this.props.label ?? 'content'} could not be displayed.\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAoBA,IAAa,IAAb,cAAwC,EAAwB;CAC9D,QAAe,EAAE,UAAU,IAAO;CAElC,OAAO,2BAAkC;AACvC,SAAO,EAAE,UAAU,IAAM;;CAG3B,kBAAkB,GAAe,GAAwB;CAKzD,SAAoB;AAWlB,SAVI,KAAK,MAAM,WAEX,kBAAC,OAAD;GACE,MAAK;GACL,WAAU;aAFZ;IAGC;IACO,KAAK,MAAM,SAAS;IAAU;IAChC;OAGH,KAAK,MAAM"}
+{"version":3,"file":"EmbedErrorBoundary.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedErrorBoundary.tsx"],"sourcesContent":["/**\n * Customer-facing error boundary for embedded widgets/dashboards (BOFF-2986).\n *\n * Renders a neutral, safe message and NEVER surfaces internal details (stack\n * traces, ids, endpoints, config). One failing widget must not tear down the\n * whole dashboard, so this wraps each widget individually as well as the page.\n */\n\nimport { Component, type ErrorInfo, type ReactNode } from 'react';\n\ninterface Props {\n  readonly children: ReactNode;\n  /** Short, non-sensitive label for what failed (e.g. \"widget\"). */\n  readonly label?: string;\n}\n\ninterface State {\n  readonly hasError: boolean;\n}\n\nexport class EmbedErrorBoundary extends Component<Props, State> {\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(_error: Error, _info: ErrorInfo): void {\n    // Intentionally no external reporting from the anonymous embed context — the\n    // safe render below is the only user-visible outcome.\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return (\n        <div\n          role=\"alert\"\n          className=\"flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-secondary\"\n        >\n          This {this.props.label ?? 'content'} could not be displayed.\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAoBA,IAAa,IAAb,cAAwC,EAAwB;CAC9D,QAAe,EAAE,UAAU,IAAO;CAElC,OAAO,2BAAkC;AACvC,SAAO,EAAE,UAAU,IAAM;;CAG3B,kBAAkB,GAAe,GAAwB;CAKzD,SAAoB;AAWlB,SAVI,KAAK,MAAM,WAEX,kBAAC,OAAD;GACE,MAAK;GACL,WAAU;aAFZ;IAGC;IACO,KAAK,MAAM,SAAS;IAAU;IAChC;OAGH,KAAK,MAAM"}

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.js

@@ -19,7 +19,7 @@ function l() {
 }
 function u({ title: e }) {
 	return /* @__PURE__ */ s("div", {
-		className: "flex h-full w-full items-center justify-center bg-surface p-4 text-center text-sm text-secondary",
+		className: "flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-tertiary",
 		children: e ? `“${e}” is not available in this embed.` : "This widget is not available in this embed."
 	});
 }

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedWidgetRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedWidgetRenderer.tsx"],"sourcesContent":["/**\n * Strict embed widget dispatcher (BOFF-2986).\n *\n * Maps a sanitized widget DTO to its embed renderer via an EXACT registry.\n * There is NO silent fallback (unlike the authenticated WidgetRendererFactory):\n * a type that is not `implemented` in the coverage manifest renders a neutral\n * \"not available\" placeholder, never a guessed or partial widget. Each widget is\n * wrapped in its own error boundary so one failure can't take down the page.\n */\n\nimport type { ComponentType } from 'react';\nimport type { WidgetType } from '../../types';\nimport type { EmbedWidgetRenderProps } from './types';\nimport { EMBED_WIDGET_COVERAGE } from './renderer-manifest';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\nimport { MetricCardEmbed } from './widgets/MetricCardEmbed';\nimport { KpiComparisonEmbed } from './widgets/KpiComparisonEmbed';\nimport { TableEmbed } from './widgets/TableEmbed';\nimport { ListEmbed } from './widgets/ListEmbed';\nimport { TextEmbed } from './widgets/TextEmbed';\n\n/**\n * Registry of implemented renderers. Every key here MUST be marked\n * `implemented` in EMBED_WIDGET_COVERAGE, and vice-versa — the completeness test\n * asserts the two stay in lockstep, so a renderer can never be silently missing\n * for a type the manifest claims to support.\n */\nconst IMPLEMENTED_RENDERERS: Partial<Record<WidgetType, ComponentType<EmbedWidgetRenderProps>>> = {\n  metric_card: MetricCardEmbed,\n  kpi_card_comparison: KpiComparisonEmbed,\n  table: TableEmbed,\n  list: ListEmbed,\n  text: TextEmbed,\n};\n\nexport function getImplementedRendererTypes(): WidgetType[] {\n  return Object.keys(IMPLEMENTED_RENDERERS) as WidgetType[];\n}\n\nfunction UnavailableWidget({ title }: { title?: string }) {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center bg-surface p-4 text-center text-sm text-secondary\">\n      {title ? `“${title}” is not available in this embed.` : 'This widget is not available in this embed.'}\n    </div>\n  );\n}\n\nexport function EmbedWidgetRenderer(props: EmbedWidgetRenderProps) {\n  const { widget } = props;\n  const coverage = EMBED_WIDGET_COVERAGE[widget.type];\n  const Renderer = coverage?.support === 'implemented' ? IMPLEMENTED_RENDERERS[widget.type] : undefined;\n\n  if (!Renderer) {\n    return <UnavailableWidget title={widget.title} />;\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"widget\">\n      <Renderer {...props} />\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;AA2BA,IAAM,IAA4F;CAChG,aAAa;CACb,qBAAqB;CACrB,OAAO;CACP,MAAM;CACN,MAAM;CACP;AAED,SAAgB,IAA4C;AAC1D,QAAO,OAAO,KAAK,EAAsB;;AAG3C,SAAS,EAAkB,EAAE,YAA6B;AACxD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,IAAQ,IAAI,EAAM,qCAAqC;EACpD,CAAA;;AAIV,SAAgB,EAAoB,GAA+B;CACjE,IAAM,EAAE,cAAW,GAEb,IADW,EAAsB,EAAO,OACnB,YAAY,gBAAgB,EAAsB,EAAO,QAAQ,KAAA;AAM5F,QAJK,IAKH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,GAAD,EAAU,GAAI,GAAS,CAAA;EACJ,CAAA,GANd,kBAAC,GAAD,EAAmB,OAAO,EAAO,OAAS,CAAA"}
+{"version":3,"file":"EmbedWidgetRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedWidgetRenderer.tsx"],"sourcesContent":["/**\n * Strict embed widget dispatcher (BOFF-2986).\n *\n * Maps a sanitized widget DTO to its embed renderer via an EXACT registry.\n * There is NO silent fallback (unlike the authenticated WidgetRendererFactory):\n * a type that is not `implemented` in the coverage manifest renders a neutral\n * \"not available\" placeholder, never a guessed or partial widget. Each widget is\n * wrapped in its own error boundary so one failure can't take down the page.\n */\n\nimport type { ComponentType } from 'react';\nimport type { WidgetType } from '../../types';\nimport type { EmbedWidgetRenderProps } from './types';\nimport { EMBED_WIDGET_COVERAGE } from './renderer-manifest';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\nimport { MetricCardEmbed } from './widgets/MetricCardEmbed';\nimport { KpiComparisonEmbed } from './widgets/KpiComparisonEmbed';\nimport { TableEmbed } from './widgets/TableEmbed';\nimport { ListEmbed } from './widgets/ListEmbed';\nimport { TextEmbed } from './widgets/TextEmbed';\n\n/**\n * Registry of implemented renderers. Every key here MUST be marked\n * `implemented` in EMBED_WIDGET_COVERAGE, and vice-versa — the completeness test\n * asserts the two stay in lockstep, so a renderer can never be silently missing\n * for a type the manifest claims to support.\n */\nconst IMPLEMENTED_RENDERERS: Partial<Record<WidgetType, ComponentType<EmbedWidgetRenderProps>>> = {\n  metric_card: MetricCardEmbed,\n  kpi_card_comparison: KpiComparisonEmbed,\n  table: TableEmbed,\n  list: ListEmbed,\n  text: TextEmbed,\n};\n\nexport function getImplementedRendererTypes(): WidgetType[] {\n  return Object.keys(IMPLEMENTED_RENDERERS) as WidgetType[];\n}\n\nfunction UnavailableWidget({ title }: { title?: string }) {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-tertiary\">\n      {title ? `“${title}” is not available in this embed.` : 'This widget is not available in this embed.'}\n    </div>\n  );\n}\n\nexport function EmbedWidgetRenderer(props: EmbedWidgetRenderProps) {\n  const { widget } = props;\n  const coverage = EMBED_WIDGET_COVERAGE[widget.type];\n  const Renderer = coverage?.support === 'implemented' ? IMPLEMENTED_RENDERERS[widget.type] : undefined;\n\n  if (!Renderer) {\n    return <UnavailableWidget title={widget.title} />;\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"widget\">\n      <Renderer {...props} />\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;AA2BA,IAAM,IAA4F;CAChG,aAAa;CACb,qBAAqB;CACrB,OAAO;CACP,MAAM;CACN,MAAM;CACP;AAED,SAAgB,IAA4C;AAC1D,QAAO,OAAO,KAAK,EAAsB;;AAG3C,SAAS,EAAkB,EAAE,YAA6B;AACxD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,IAAQ,IAAI,EAAM,qCAAqC;EACpD,CAAA;;AAIV,SAAgB,EAAoB,GAA+B;CACjE,IAAM,EAAE,cAAW,GAEb,IADW,EAAsB,EAAO,OACnB,YAAY,gBAAgB,EAAsB,EAAO,QAAQ,KAAA;AAM5F,QAJK,IAKH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,GAAD,EAAU,GAAI,GAAS,CAAA;EACJ,CAAA,GANd,kBAAC,GAAD,EAAmB,OAAO,EAAO,OAAS,CAAA"}

package/dist/bigconsole/components/embed/ReadOnlyDashboardRenderer.js

@@ -6,16 +6,16 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = 12;
 function o({ page: e, capabilities: n }) {
 	return e.widgets.length === 0 ? /* @__PURE__ */ r("div", {
-		className: "flex h-40 items-center justify-center text-sm text-secondary",
+		className: "flex h-40 items-center justify-center text-sm text-text-secondary",
 		children: "This page has no widgets."
 	}) : /* @__PURE__ */ r("div", {
-		className: "grid w-full gap-3 p-3",
+		className: "grid w-full gap-4 p-4",
 		style: {
 			gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))`,
 			gridAutoRows: "minmax(80px, auto)"
 		},
 		children: e.widgets.map((e) => /* @__PURE__ */ r("div", {
-			className: "overflow-hidden rounded border border-border-default",
+			className: "overflow-hidden rounded-lg border border-border-default bg-bg-surface shadow-sm",
 			style: {
 				gridColumn: `${Math.min(Math.max(e.layout.x, 0), a - 1) + 1} / span ${Math.min(Math.max(e.layout.w, 1), a)}`,
 				gridRow: `${Math.max(e.layout.y, 0) + 1} / span ${Math.max(e.layout.h, 1)}`
@@ -32,15 +32,15 @@ function s({ model: t }) {
 	return l ? /* @__PURE__ */ r(e, {
 		label: "dashboard",
 		children: /* @__PURE__ */ i("div", {
-			className: "flex h-full w-full flex-col bg-surface",
+			className: "flex h-full w-full flex-col bg-bg-canvas",
 			children: [c.length > 1 && /* @__PURE__ */ r("div", {
 				role: "tablist",
-				className: "flex gap-1 border-b border-border-default px-2",
+				className: "flex gap-1 border-b border-border-default bg-bg-surface px-2",
 				children: c.map((e, t) => /* @__PURE__ */ r("button", {
 					role: "tab",
 					"aria-selected": t === a,
 					onClick: () => s(t),
-					className: t === a ? "border-b-2 border-primary px-3 py-2 text-sm text-primary" : "px-3 py-2 text-sm text-secondary",
+					className: t === a ? "-mb-px border-b-2 border-action-primary-bg px-3 py-2 text-sm font-medium text-text-primary" : "border-b-2 border-transparent px-3 py-2 text-sm text-text-secondary hover:text-text-primary",
 					children: e.title ?? `Page ${t + 1}`
 				}, e.id))
 			}), /* @__PURE__ */ r("div", {
@@ -52,7 +52,7 @@ function s({ model: t }) {
 			})]
 		})
 	}) : /* @__PURE__ */ r("div", {
-		className: "flex h-full items-center justify-center bg-surface text-sm text-secondary",
+		className: "flex h-full items-center justify-center bg-bg-canvas text-sm text-text-secondary",
 		children: "This dashboard has no pages."
 	});
 }

package/dist/bigconsole/components/embed/ReadOnlyDashboardRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyDashboardRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/ReadOnlyDashboardRenderer.tsx"],"sourcesContent":["/**\n * Read-only embedded dashboard renderer (BOFF-2986).\n *\n * Renders the sanitized render model's pages + widgets on a simple responsive\n * grid. It is STRICTLY view-only: no builder toolbar, edit toggle, sharing,\n * save, palette, inspector or comments — those authenticated affordances do not\n * exist in this component tree at all.\n */\n\nimport { useState } from 'react';\nimport type { EmbedCapabilities, EmbedPageModel, EmbedRenderModel } from './types';\nimport { EmbedWidgetRenderer } from './EmbedWidgetRenderer';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\n\nconst GRID_COLUMNS = 12;\n\ninterface Props {\n  readonly model: EmbedRenderModel;\n}\n\nfunction PageGrid({ page, capabilities }: { page: EmbedPageModel; capabilities: EmbedCapabilities }) {\n  if (page.widgets.length === 0) {\n    return (\n      <div className=\"flex h-40 items-center justify-center text-sm text-secondary\">This page has no widgets.</div>\n    );\n  }\n  return (\n    <div\n      className=\"grid w-full gap-3 p-3\"\n      style={{ gridTemplateColumns: `repeat(${GRID_COLUMNS}, minmax(0, 1fr))`, gridAutoRows: 'minmax(80px, auto)' }}\n    >\n      {page.widgets.map((widget) => (\n        <div\n          key={widget.id}\n          className=\"overflow-hidden rounded border border-border-default\"\n          style={{\n            // Clamp both ends: negative/oversized coordinates from malformed\n            // model data must never produce an invalid CSS grid line.\n            gridColumn: `${Math.min(Math.max(widget.layout.x, 0), GRID_COLUMNS - 1) + 1} / span ${Math.min(\n              Math.max(widget.layout.w, 1),\n              GRID_COLUMNS\n            )}`,\n            gridRow: `${Math.max(widget.layout.y, 0) + 1} / span ${Math.max(widget.layout.h, 1)}`,\n          }}\n        >\n          <EmbedWidgetRenderer widget={widget} capabilities={capabilities} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function ReadOnlyDashboardRenderer({ model }: Props) {\n  const [activePageIndex, setActivePageIndex] = useState(0);\n  const pages = model.pages;\n  const activePage = pages[Math.min(activePageIndex, pages.length - 1)];\n\n  if (!activePage) {\n    return (\n      <div className=\"flex h-full items-center justify-center bg-surface text-sm text-secondary\">\n        This dashboard has no pages.\n      </div>\n    );\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"dashboard\">\n      <div className=\"flex h-full w-full flex-col bg-surface\">\n        {pages.length > 1 && (\n          <div role=\"tablist\" className=\"flex gap-1 border-b border-border-default px-2\">\n            {pages.map((page, i) => (\n              <button\n                key={page.id}\n                role=\"tab\"\n                aria-selected={i === activePageIndex}\n                onClick={() => setActivePageIndex(i)}\n                className={\n                  i === activePageIndex\n                    ? 'border-b-2 border-primary px-3 py-2 text-sm text-primary'\n                    : 'px-3 py-2 text-sm text-secondary'\n                }\n              >\n                {page.title ?? `Page ${i + 1}`}\n              </button>\n            ))}\n          </div>\n        )}\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <PageGrid page={activePage} capabilities={model.capabilities} />\n        </div>\n      </div>\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;AAcA,IAAM,IAAe;AAMrB,SAAS,EAAS,EAAE,SAAM,mBAA2E;AAMnG,QALI,EAAK,QAAQ,WAAW,IAExB,kBAAC,OAAD;EAAK,WAAU;YAA+D;EAA+B,CAAA,GAI/G,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,qBAAqB,UAAU,EAAa;GAAoB,cAAc;GAAsB;YAE5G,EAAK,QAAQ,KAAK,MACjB,kBAAC,OAAD;GAEE,WAAU;GACV,OAAO;IAGL,YAAY,GAAG,KAAK,IAAI,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAAE,IAAe,EAAE,GAAG,EAAE,UAAU,KAAK,IACzF,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAC5B,EACD;IACD,SAAS,GAAG,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,GAAG,EAAE,UAAU,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE;IACpF;aAED,kBAAC,GAAD;IAA6B;IAAsB;IAAgB,CAAA;GAC/D,EAbC,EAAO,GAaR,CACN;EACE,CAAA;;AAIV,SAAgB,EAA0B,EAAE,YAAgB;CAC1D,IAAM,CAAC,GAAiB,KAAsB,EAAS,EAAE,EACnD,IAAQ,EAAM,OACd,IAAa,EAAM,KAAK,IAAI,GAAiB,EAAM,SAAS,EAAE;AAUpE,QARK,IASH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,SAAS,KACd,kBAAC,OAAD;IAAK,MAAK;IAAU,WAAU;cAC3B,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;KAEE,MAAK;KACL,iBAAe,MAAM;KACrB,eAAe,EAAmB,EAAE;KACpC,WACE,MAAM,IACF,6DACA;eAGL,EAAK,SAAS,QAAQ,IAAI;KACpB,EAXF,EAAK,GAWH,CACT;IACE,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAU,MAAM;KAAY,cAAc,EAAM;KAAgB,CAAA;IAC5D,CAAA,CACF;;EACa,CAAA,GAhCnB,kBAAC,OAAD;EAAK,WAAU;YAA4E;EAErF,CAAA"}
+{"version":3,"file":"ReadOnlyDashboardRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/ReadOnlyDashboardRenderer.tsx"],"sourcesContent":["/**\n * Read-only embedded dashboard renderer (BOFF-2986).\n *\n * Renders the sanitized render model's pages + widgets on a simple responsive\n * grid. It is STRICTLY view-only: no builder toolbar, edit toggle, sharing,\n * save, palette, inspector or comments — those authenticated affordances do not\n * exist in this component tree at all.\n */\n\nimport { useState } from 'react';\nimport type { EmbedCapabilities, EmbedPageModel, EmbedRenderModel } from './types';\nimport { EmbedWidgetRenderer } from './EmbedWidgetRenderer';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\n\nconst GRID_COLUMNS = 12;\n\ninterface Props {\n  readonly model: EmbedRenderModel;\n}\n\nfunction PageGrid({ page, capabilities }: { page: EmbedPageModel; capabilities: EmbedCapabilities }) {\n  if (page.widgets.length === 0) {\n    return (\n      <div className=\"flex h-40 items-center justify-center text-sm text-text-secondary\">This page has no widgets.</div>\n    );\n  }\n  return (\n    <div\n      className=\"grid w-full gap-4 p-4\"\n      style={{ gridTemplateColumns: `repeat(${GRID_COLUMNS}, minmax(0, 1fr))`, gridAutoRows: 'minmax(80px, auto)' }}\n    >\n      {page.widgets.map((widget) => (\n        <div\n          key={widget.id}\n          className=\"overflow-hidden rounded-lg border border-border-default bg-bg-surface shadow-sm\"\n          style={{\n            // Clamp both ends: negative/oversized coordinates from malformed\n            // model data must never produce an invalid CSS grid line.\n            gridColumn: `${Math.min(Math.max(widget.layout.x, 0), GRID_COLUMNS - 1) + 1} / span ${Math.min(\n              Math.max(widget.layout.w, 1),\n              GRID_COLUMNS\n            )}`,\n            gridRow: `${Math.max(widget.layout.y, 0) + 1} / span ${Math.max(widget.layout.h, 1)}`,\n          }}\n        >\n          <EmbedWidgetRenderer widget={widget} capabilities={capabilities} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function ReadOnlyDashboardRenderer({ model }: Props) {\n  const [activePageIndex, setActivePageIndex] = useState(0);\n  const pages = model.pages;\n  const activePage = pages[Math.min(activePageIndex, pages.length - 1)];\n\n  if (!activePage) {\n    return (\n      <div className=\"flex h-full items-center justify-center bg-bg-canvas text-sm text-text-secondary\">\n        This dashboard has no pages.\n      </div>\n    );\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"dashboard\">\n      <div className=\"flex h-full w-full flex-col bg-bg-canvas\">\n        {pages.length > 1 && (\n          <div role=\"tablist\" className=\"flex gap-1 border-b border-border-default bg-bg-surface px-2\">\n            {pages.map((page, i) => (\n              <button\n                key={page.id}\n                role=\"tab\"\n                aria-selected={i === activePageIndex}\n                onClick={() => setActivePageIndex(i)}\n                className={\n                  i === activePageIndex\n                    ? '-mb-px border-b-2 border-action-primary-bg px-3 py-2 text-sm font-medium text-text-primary'\n                    : 'border-b-2 border-transparent px-3 py-2 text-sm text-text-secondary hover:text-text-primary'\n                }\n              >\n                {page.title ?? `Page ${i + 1}`}\n              </button>\n            ))}\n          </div>\n        )}\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <PageGrid page={activePage} capabilities={model.capabilities} />\n        </div>\n      </div>\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;AAcA,IAAM,IAAe;AAMrB,SAAS,EAAS,EAAE,SAAM,mBAA2E;AAMnG,QALI,EAAK,QAAQ,WAAW,IAExB,kBAAC,OAAD;EAAK,WAAU;YAAoE;EAA+B,CAAA,GAIpH,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,qBAAqB,UAAU,EAAa;GAAoB,cAAc;GAAsB;YAE5G,EAAK,QAAQ,KAAK,MACjB,kBAAC,OAAD;GAEE,WAAU;GACV,OAAO;IAGL,YAAY,GAAG,KAAK,IAAI,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAAE,IAAe,EAAE,GAAG,EAAE,UAAU,KAAK,IACzF,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAC5B,EACD;IACD,SAAS,GAAG,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,GAAG,EAAE,UAAU,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE;IACpF;aAED,kBAAC,GAAD;IAA6B;IAAsB;IAAgB,CAAA;GAC/D,EAbC,EAAO,GAaR,CACN;EACE,CAAA;;AAIV,SAAgB,EAA0B,EAAE,YAAgB;CAC1D,IAAM,CAAC,GAAiB,KAAsB,EAAS,EAAE,EACnD,IAAQ,EAAM,OACd,IAAa,EAAM,KAAK,IAAI,GAAiB,EAAM,SAAS,EAAE;AAUpE,QARK,IASH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,SAAS,KACd,kBAAC,OAAD;IAAK,MAAK;IAAU,WAAU;cAC3B,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;KAEE,MAAK;KACL,iBAAe,MAAM;KACrB,eAAe,EAAmB,EAAE;KACpC,WACE,MAAM,IACF,+FACA;eAGL,EAAK,SAAS,QAAQ,IAAI;KACpB,EAXF,EAAK,GAWH,CACT;IACE,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAU,MAAM;KAAY,cAAc,EAAM;KAAgB,CAAA;IAC5D,CAAA,CACF;;EACa,CAAA,GAhCnB,kBAAC,OAAD;EAAK,WAAU;YAAmF;EAE5F,CAAA"}

package/dist/bigconsole/components/embed/widgets/KpiComparisonEmbed.js

@@ -2,28 +2,34 @@ import { asFiniteNumber as e, asRecord as t, asString as n, formatNumber as r }
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/bigconsole/components/embed/widgets/KpiComparisonEmbed.tsx
 function o({ widget: o }) {
-	let s = t(o.config), c = t(o.data), l = e(c.current ?? s.current), u = e(c.previous ?? s.previous), d = n(s.label ?? o.title, "KPI"), f = null;
-	l !== null && u !== null && u !== 0 && (f = (l - u) / Math.abs(u) * 100);
-	let p = f !== null && f >= 0;
+	let s = t(o.config), c = t(o.data), l = e(c.current ?? s.current), u = e(c.previous ?? s.previous), d = n(s.label ?? o.title, "KPI"), f = n(s.comparisonLabel), p = s.positiveIsGood !== !1, m = null;
+	l !== null && u !== null && u !== 0 && (m = (l - u) / Math.abs(u) * 100);
+	let h = m === null || m === 0 ? "flat" : m > 0 ? "up" : "down", g = h === "flat" ? null : p ? h === "up" : h === "down", _ = h === "up" ? "▲" : h === "down" ? "▼" : "→", v = g === null ? "bg-bg-sunken text-text-secondary" : g ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text";
 	return /* @__PURE__ */ a("div", {
-		className: "flex h-full w-full flex-col justify-center gap-1 bg-surface p-4",
+		className: "flex h-full w-full flex-col justify-center gap-1.5 bg-bg-surface p-4",
 		children: [
 			/* @__PURE__ */ i("div", {
-				className: "text-xs uppercase tracking-wide text-secondary",
+				className: "truncate text-xs font-medium uppercase tracking-wide text-text-secondary",
 				children: d
 			}),
 			/* @__PURE__ */ i("div", {
-				className: "text-3xl font-semibold text-primary",
+				className: "text-3xl font-semibold tracking-tight text-text-primary",
 				children: l === null ? "—" : r(l, s)
 			}),
-			f !== null && /* @__PURE__ */ a("div", {
-				className: p ? "text-sm text-status-success-text" : "text-sm text-status-error-text",
-				children: [
-					p ? "▲" : "▼",
-					" ",
-					Math.abs(f).toFixed(1),
-					"%"
-				]
+			m !== null && /* @__PURE__ */ a("div", {
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ a("span", {
+					className: `inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-xs font-medium ${v}`,
+					children: [
+						_,
+						" ",
+						Math.abs(m).toFixed(1),
+						"%"
+					]
+				}), f && /* @__PURE__ */ i("span", {
+					className: "text-xs text-text-tertiary",
+					children: f
+				})]
 			})
 		]
 	});

package/dist/bigconsole/components/embed/widgets/KpiComparisonEmbed.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiComparisonEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/KpiComparisonEmbed.tsx"],"sourcesContent":["/** Read-only KPI comparison embed renderer (BOFF-2986). */\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { asRecord, asString, asFiniteNumber, formatNumber } from './shared';\n\nexport function KpiComparisonEmbed({ widget }: EmbedWidgetRenderProps) {\n  const config = asRecord(widget.config);\n  const data = asRecord(widget.data);\n  const current = asFiniteNumber(data.current ?? config.current);\n  const previous = asFiniteNumber(data.previous ?? config.previous);\n  const label = asString(config.label ?? widget.title, 'KPI');\n\n  let deltaPct: number | null = null;\n  if (current !== null && previous !== null && previous !== 0) {\n    deltaPct = ((current - previous) / Math.abs(previous)) * 100;\n  }\n  const positive = deltaPct !== null && deltaPct >= 0;\n\n  return (\n    <div className=\"flex h-full w-full flex-col justify-center gap-1 bg-surface p-4\">\n      <div className=\"text-xs uppercase tracking-wide text-secondary\">{label}</div>\n      <div className=\"text-3xl font-semibold text-primary\">\n        {current !== null ? formatNumber(current, config) : '—'}\n      </div>\n      {deltaPct !== null && (\n        <div className={positive ? 'text-sm text-status-success-text' : 'text-sm text-status-error-text'}>\n          {positive ? '▲' : '▼'} {Math.abs(deltaPct).toFixed(1)}%\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,EAAmB,EAAE,aAAkC;CACrE,IAAM,IAAS,EAAS,EAAO,OAAO,EAChC,IAAO,EAAS,EAAO,KAAK,EAC5B,IAAU,EAAe,EAAK,WAAW,EAAO,QAAQ,EACxD,IAAW,EAAe,EAAK,YAAY,EAAO,SAAS,EAC3D,IAAQ,EAAS,EAAO,SAAS,EAAO,OAAO,MAAM,EAEvD,IAA0B;AAC9B,CAAI,MAAY,QAAQ,MAAa,QAAQ,MAAa,MACxD,KAAa,IAAU,KAAY,KAAK,IAAI,EAAS,GAAI;CAE3D,IAAM,IAAW,MAAa,QAAQ,KAAY;AAElD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAkD;IAAY,CAAA;GAC7E,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAY,OAAuC,MAAhC,EAAa,GAAS,EAAO;IAC7C,CAAA;GACL,MAAa,QACZ,kBAAC,OAAD;IAAK,WAAW,IAAW,qCAAqC;cAAhE;KACG,IAAW,MAAM;KAAI;KAAE,KAAK,IAAI,EAAS,CAAC,QAAQ,EAAE;KAAC;KAClD;;GAEJ"}
+{"version":3,"file":"KpiComparisonEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/KpiComparisonEmbed.tsx"],"sourcesContent":["/** Read-only KPI comparison embed renderer (BOFF-2986 / BOFF-5733). */\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { asRecord, asString, asFiniteNumber, formatNumber } from './shared';\n\nexport function KpiComparisonEmbed({ widget }: EmbedWidgetRenderProps) {\n  const config = asRecord(widget.config);\n  const data = asRecord(widget.data);\n  const current = asFiniteNumber(data.current ?? config.current);\n  const previous = asFiniteNumber(data.previous ?? config.previous);\n  const label = asString(config.label ?? widget.title, 'KPI');\n  const comparisonLabel = asString(config.comparisonLabel);\n  // A lower value can be the \"good\" outcome (e.g. refund rate, churn); mirror the\n  // in-app widget's `positiveIsGood` so the delta colour matches the app.\n  const positiveIsGood = config.positiveIsGood !== false;\n\n  let deltaPct: number | null = null;\n  if (current !== null && previous !== null && previous !== 0) {\n    deltaPct = ((current - previous) / Math.abs(previous)) * 100;\n  }\n  // A flat (0%) delta is neither up nor down — use a neutral marker so the arrow\n  // doesn't imply an increase on the neutral badge.\n  const direction = deltaPct === null || deltaPct === 0 ? 'flat' : deltaPct > 0 ? 'up' : 'down';\n  const good = direction === 'flat' ? null : positiveIsGood ? direction === 'up' : direction === 'down';\n  const arrow = direction === 'up' ? '▲' : direction === 'down' ? '▼' : '→';\n\n  const badgeTone =\n    good === null\n      ? 'bg-bg-sunken text-text-secondary'\n      : good\n        ? 'bg-status-success-bg-subtle text-status-success-text'\n        : 'bg-status-error-bg-subtle text-status-error-text';\n\n  return (\n    <div className=\"flex h-full w-full flex-col justify-center gap-1.5 bg-bg-surface p-4\">\n      <div className=\"truncate text-xs font-medium uppercase tracking-wide text-text-secondary\">{label}</div>\n      <div className=\"text-3xl font-semibold tracking-tight text-text-primary\">\n        {current !== null ? formatNumber(current, config) : '—'}\n      </div>\n      {deltaPct !== null && (\n        <div className=\"flex items-center gap-1.5\">\n          <span\n            className={`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-xs font-medium ${badgeTone}`}\n          >\n            {arrow} {Math.abs(deltaPct).toFixed(1)}%\n          </span>\n          {comparisonLabel && <span className=\"text-xs text-text-tertiary\">{comparisonLabel}</span>}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,EAAmB,EAAE,aAAkC;CACrE,IAAM,IAAS,EAAS,EAAO,OAAO,EAChC,IAAO,EAAS,EAAO,KAAK,EAC5B,IAAU,EAAe,EAAK,WAAW,EAAO,QAAQ,EACxD,IAAW,EAAe,EAAK,YAAY,EAAO,SAAS,EAC3D,IAAQ,EAAS,EAAO,SAAS,EAAO,OAAO,MAAM,EACrD,IAAkB,EAAS,EAAO,gBAAgB,EAGlD,IAAiB,EAAO,mBAAmB,IAE7C,IAA0B;AAC9B,CAAI,MAAY,QAAQ,MAAa,QAAQ,MAAa,MACxD,KAAa,IAAU,KAAY,KAAK,IAAI,EAAS,GAAI;CAI3D,IAAM,IAAY,MAAa,QAAQ,MAAa,IAAI,SAAS,IAAW,IAAI,OAAO,QACjF,IAAO,MAAc,SAAS,OAAO,IAAiB,MAAc,OAAO,MAAc,QACzF,IAAQ,MAAc,OAAO,MAAM,MAAc,SAAS,MAAM,KAEhE,IACJ,MAAS,OACL,qCACA,IACE,yDACA;AAER,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAA4E;IAAY,CAAA;GACvG,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAY,OAAuC,MAAhC,EAAa,GAAS,EAAO;IAC7C,CAAA;GACL,MAAa,QACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KACE,WAAW,iFAAiF;eAD9F;MAGG;MAAM;MAAE,KAAK,IAAI,EAAS,CAAC,QAAQ,EAAE;MAAC;MAClC;QACN,KAAmB,kBAAC,QAAD;KAAM,WAAU;eAA8B;KAAuB,CAAA,CACrF;;GAEJ"}

package/dist/bigconsole/components/embed/widgets/ListEmbed.js

@@ -1,28 +1,28 @@
-import { asArray as e, asRecord as t, asString as n, displayValue as r } from "./shared.js";
+import { asArray as e, asRecord as t, asString as n, formatCell as r } from "./shared.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/bigconsole/components/embed/widgets/ListEmbed.tsx
 var o = 500;
 function s({ widget: s }) {
 	let c = t(s.config), l = t(s.data), u = n(c.primaryField ?? c.titleField, "title"), d = n(c.secondaryField ?? c.subtitleField, "subtitle"), f = e(l.items).map((e) => t(e)).slice(0, o);
 	return f.length === 0 ? /* @__PURE__ */ i("div", {
-		className: "flex h-full items-center justify-center bg-surface p-4 text-sm text-secondary",
+		className: "flex h-full items-center justify-center bg-bg-surface p-4 text-sm text-text-secondary",
 		children: "No items"
 	}) : /* @__PURE__ */ a("div", {
-		className: "h-full w-full overflow-auto bg-surface",
+		className: "h-full w-full overflow-auto bg-bg-surface",
 		children: [s.title && /* @__PURE__ */ i("div", {
-			className: "px-3 py-2 text-sm font-medium text-primary",
+			className: "sticky top-0 z-10 border-b border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary",
 			children: s.title
 		}), /* @__PURE__ */ i("ul", {
-			className: "divide-y divide-border-default",
+			className: "divide-y divide-border-subtle",
 			children: f.map((e, t) => {
 				let n = r(e[u]), o = r(e[d]);
 				return /* @__PURE__ */ a("li", {
-					className: "px-3 py-2",
+					className: "px-3 py-2 hover:bg-bg-sunken/50",
 					children: [/* @__PURE__ */ i("div", {
-						className: "text-sm text-primary",
+						className: "truncate text-sm text-text-primary",
 						children: n
 					}), o && /* @__PURE__ */ i("div", {
-						className: "text-xs text-secondary",
+						className: "truncate text-xs text-text-secondary",
 						children: o
 					})]
 				}, t);

package/dist/bigconsole/components/embed/widgets/ListEmbed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/ListEmbed.tsx"],"sourcesContent":["/** Read-only list embed renderer (BOFF-2986). */\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { asRecord, asArray, asString, displayValue } from './shared';\n\nconst MAX_ITEMS = 500;\n\nexport function ListEmbed({ widget }: EmbedWidgetRenderProps) {\n  const config = asRecord(widget.config);\n  const data = asRecord(widget.data);\n  const primaryKey = asString(config.primaryField ?? config.titleField, 'title');\n  const secondaryKey = asString(config.secondaryField ?? config.subtitleField, 'subtitle');\n\n  const items = asArray(data.items)\n    .map((item) => asRecord(item))\n    .slice(0, MAX_ITEMS);\n\n  if (items.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center bg-surface p-4 text-sm text-secondary\">No items</div>\n    );\n  }\n\n  return (\n    <div className=\"h-full w-full overflow-auto bg-surface\">\n      {widget.title && <div className=\"px-3 py-2 text-sm font-medium text-primary\">{widget.title}</div>}\n      <ul className=\"divide-y divide-border-default\">\n        {items.map((item, i) => {\n          const primary = displayValue(item[primaryKey]);\n          const secondary = displayValue(item[secondaryKey]);\n          return (\n            <li key={i} className=\"px-3 py-2\">\n              <div className=\"text-sm text-primary\">{primary}</div>\n              {secondary && <div className=\"text-xs text-secondary\">{secondary}</div>}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;AAIA,IAAM,IAAY;AAElB,SAAgB,EAAU,EAAE,aAAkC;CAC5D,IAAM,IAAS,EAAS,EAAO,OAAO,EAChC,IAAO,EAAS,EAAO,KAAK,EAC5B,IAAa,EAAS,EAAO,gBAAgB,EAAO,YAAY,QAAQ,EACxE,IAAe,EAAS,EAAO,kBAAkB,EAAO,eAAe,WAAW,EAElF,IAAQ,EAAQ,EAAK,MAAM,CAC9B,KAAK,MAAS,EAAS,EAAK,CAAC,CAC7B,MAAM,GAAG,EAAU;AAQtB,QANI,EAAM,WAAW,IAEjB,kBAAC,OAAD;EAAK,WAAU;YAAgF;EAAc,CAAA,GAK/G,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAO,SAAS,kBAAC,OAAD;GAAK,WAAU;aAA8C,EAAO;GAAY,CAAA,EACjG,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,KAAK,GAAM,MAAM;IACtB,IAAM,IAAU,EAAa,EAAK,GAAY,EACxC,IAAY,EAAa,EAAK,GAAc;AAClD,WACE,kBAAC,MAAD;KAAY,WAAU;eAAtB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAwB;MAAc,CAAA,EACpD,KAAa,kBAAC,OAAD;MAAK,WAAU;gBAA0B;MAAgB,CAAA,CACpE;OAHI,EAGJ;KAEP;GACC,CAAA,CACD"}
+{"version":3,"file":"ListEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/ListEmbed.tsx"],"sourcesContent":["/** Read-only list embed renderer (BOFF-2986 / BOFF-5733). */\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { asRecord, asArray, asString, formatCell } from './shared';\n\nconst MAX_ITEMS = 500;\n\nexport function ListEmbed({ widget }: EmbedWidgetRenderProps) {\n  const config = asRecord(widget.config);\n  const data = asRecord(widget.data);\n  const primaryKey = asString(config.primaryField ?? config.titleField, 'title');\n  const secondaryKey = asString(config.secondaryField ?? config.subtitleField, 'subtitle');\n\n  const items = asArray(data.items)\n    .map((item) => asRecord(item))\n    .slice(0, MAX_ITEMS);\n\n  if (items.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center bg-bg-surface p-4 text-sm text-text-secondary\">\n        No items\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full w-full overflow-auto bg-bg-surface\">\n      {widget.title && (\n        <div className=\"sticky top-0 z-10 border-b border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary\">\n          {widget.title}\n        </div>\n      )}\n      <ul className=\"divide-y divide-border-subtle\">\n        {items.map((item, i) => {\n          const primary = formatCell(item[primaryKey]);\n          const secondary = formatCell(item[secondaryKey]);\n          return (\n            <li key={i} className=\"px-3 py-2 hover:bg-bg-sunken/50\">\n              <div className=\"truncate text-sm text-text-primary\">{primary}</div>\n              {secondary && <div className=\"truncate text-xs text-text-secondary\">{secondary}</div>}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;AAIA,IAAM,IAAY;AAElB,SAAgB,EAAU,EAAE,aAAkC;CAC5D,IAAM,IAAS,EAAS,EAAO,OAAO,EAChC,IAAO,EAAS,EAAO,KAAK,EAC5B,IAAa,EAAS,EAAO,gBAAgB,EAAO,YAAY,QAAQ,EACxE,IAAe,EAAS,EAAO,kBAAkB,EAAO,eAAe,WAAW,EAElF,IAAQ,EAAQ,EAAK,MAAM,CAC9B,KAAK,MAAS,EAAS,EAAK,CAAC,CAC7B,MAAM,GAAG,EAAU;AAUtB,QARI,EAAM,WAAW,IAEjB,kBAAC,OAAD;EAAK,WAAU;YAAwF;EAEjG,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAO,SACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO;GACJ,CAAA,EAER,kBAAC,MAAD;GAAI,WAAU;aACX,EAAM,KAAK,GAAM,MAAM;IACtB,IAAM,IAAU,EAAW,EAAK,GAAY,EACtC,IAAY,EAAW,EAAK,GAAc;AAChD,WACE,kBAAC,MAAD;KAAY,WAAU;eAAtB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsC;MAAc,CAAA,EAClE,KAAa,kBAAC,OAAD;MAAK,WAAU;gBAAwC;MAAgB,CAAA,CAClF;OAHI,EAGJ;KAEP;GACC,CAAA,CACD"}