@burdenoff/microfe-bigconsole 2026.1004.3 → 2026.1004.4

package/dist/bigconsole/BigConsoleRoutes.d.ts

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

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

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

package/dist/bigconsole/BigConsoleRoutes.js

@@ -120,7 +120,13 @@ var J = o(function() {
 	});
 });
 function Z(e) {
-	return /* @__PURE__ */ _(i, {
+	return e.routePage === "workflow-feeds" ? /* @__PURE__ */ _(i, {
+		fallback: /* @__PURE__ */ _(G, {}),
+		children: /* @__PURE__ */ _(P, {})
+	}) : e.routePage === "workflow-detail" ? /* @__PURE__ */ _(i, {
+		fallback: /* @__PURE__ */ _(G, {}),
+		children: /* @__PURE__ */ _(F, {})
+	}) : /* @__PURE__ */ _(i, {
 		fallback: /* @__PURE__ */ _(G, {}),
 		children: /* @__PURE__ */ v(p, { children: [
 			/* @__PURE__ */ _(f, {
@@ -207,6 +213,14 @@ function Z(e) {
 				path: "/workflows",
 				element: /* @__PURE__ */ _(P, {})
 			}),
+			/* @__PURE__ */ _(f, {
+				path: "/workflows/feeds",
+				element: /* @__PURE__ */ _(P, {})
+			}),
+			/* @__PURE__ */ _(f, {
+				path: "/workflows/details/:workflowId",
+				element: /* @__PURE__ */ _(F, {})
+			}),
 			/* @__PURE__ */ _(f, {
 				path: "/workflows/list",
 				element: /* @__PURE__ */ _(P, {})

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';\nimport { type BigConsoleRootProps } from './types';\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 OverviewPage = lazy(() => import('./pages/OverviewPage'));\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={<OverviewPage />} />\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 { 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 OverviewPage = lazy(() => import('./pages/OverviewPage'));\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  if (props.routePage === 'workflow-feeds')\n    return (\n      <Suspense fallback={<PageLoader />}>\n        <WorkflowsPage />\n      </Suspense>\n    );\n  if (props.routePage === 'workflow-detail')\n    return (\n      <Suspense fallback={<PageLoader />}>\n        <WorkflowViewPage />\n      </Suspense>\n    );\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route path=\"/\" element={<OverviewPage />} />\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/feeds\" element={<WorkflowsPage />} />\n        <Route path=\"/workflows/details/:workflowId\" element={<WorkflowViewPage />} />\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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"}

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

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

package/dist/bigconsole/components/DrilldownModal.js

@@ -1,52 +1,54 @@
 import e from "../store/drilldownStore.js";
 import { SECTION_FOCUS_RING as t } from "./common/sectionStyles.js";
 import "./common/index.js";
-import { memo as n, useCallback as r, useEffect as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { memo as n, useCallback as r, useRef as i } from "react";
+import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogTitle as c } from "@burdenoff/fe-libs/ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/bigconsole/components/DrilldownModal.tsx
-var s = n(function({ renderDashboard: n, onClose: s }) {
-	let l = e((e) => e.isOpen), u = e((e) => e.dashboardId), d = e((e) => e.params), f = e((e) => e.history), p = e((e) => e.closeModal), m = e((e) => e.popDrilldown), h = r(() => {
-		p(), s?.();
-	}, [p, s]), g = r(() => {
-		m();
-	}, [m]), _ = r((e) => {
-		e.target === e.currentTarget && h();
-	}, [h]);
-	return i(() => {
-		let e = (e) => {
-			e.key === "Escape" && l && h();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [l, h]), i(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-		document.body.style.overflow = "";
-	}), [l]), !l || !u ? null : /* @__PURE__ */ o("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": "drilldown-modal-title",
-		onClick: _,
-		children: [/* @__PURE__ */ a("div", { className: "absolute inset-0 bg-[var(--color-overlay-scrim)] backdrop-blur-sm" }), /* @__PURE__ */ o("div", {
-			className: "relative z-10 flex w-full max-w-5xl flex-col overflow-hidden rounded-card bg-bg-surface shadow-[var(--shadow-elevation-3)]",
-			style: { maxHeight: "calc(100vh - 2rem)" },
-			onClick: (e) => e.stopPropagation(),
+var d = n(function({ renderDashboard: n, onClose: d }) {
+	let p = i(null), m = e((e) => e.isOpen), h = e((e) => e.dashboardId), g = e((e) => e.params), _ = e((e) => e.history), v = e((e) => e.closeModal), y = e((e) => e.popDrilldown), b = r(() => {
+		v(), d?.();
+	}, [v, d]), x = r(() => {
+		y();
+	}, [y]);
+	return !m || !h ? null : /* @__PURE__ */ l(a, {
+		open: m,
+		onOpenChange: (e) => {
+			e || b();
+		},
+		children: /* @__PURE__ */ u(o, {
+			showCloseButton: !1,
+			onOpenAutoFocus: () => {
+				let e = document.activeElement;
+				e instanceof HTMLElement && e !== document.body && !e.closest("[role=\"dialog\"]") && (p.current = e);
+			},
+			onCloseAutoFocus: (e) => {
+				e.preventDefault(), p.current?.isConnected && p.current.focus();
+			},
+			className: "flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl",
+			style: { maxHeight: "calc(100dvh - 2rem)" },
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ l(s, {
+					className: "sr-only",
+					children: "Explore the linked dashboard and return to the previous drilldown level."
+				}),
+				/* @__PURE__ */ u("div", {
 					className: "flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3",
-					children: [/* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ u("div", {
 						className: "flex min-w-0 items-center gap-3",
 						children: [
-							f.length > 0 && /* @__PURE__ */ a("button", {
+							_.length > 0 && /* @__PURE__ */ l("button", {
 								type: "button",
-								onClick: g,
+								onClick: x,
 								className: "flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 								title: "Go back",
 								"aria-label": "Go back",
-								children: /* @__PURE__ */ a("svg", {
+								children: /* @__PURE__ */ l("svg", {
 									className: "w-5 h-5 text-text-secondary",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ a("path", {
+									children: /* @__PURE__ */ l("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -54,34 +56,33 @@ var s = n(function({ renderDashboard: n, onClose: s }) {
 									})
 								})
 							}),
-							/* @__PURE__ */ a("h2", {
-								id: "drilldown-modal-title",
+							/* @__PURE__ */ l(c, {
 								className: "truncate text-sm font-semibold text-text-primary",
 								children: "Drilldown View"
 							}),
-							f.length > 0 && /* @__PURE__ */ o("span", {
+							_.length > 0 && /* @__PURE__ */ u("span", {
 								className: "text-xs text-text-muted",
 								children: [
 									"(",
-									f.length + 1,
+									_.length + 1,
 									" level",
-									f.length > 0 ? "s" : "",
+									_.length > 0 ? "s" : "",
 									" deep)"
 								]
 							})
 						]
-					}), /* @__PURE__ */ a("button", {
+					}), /* @__PURE__ */ l("button", {
 						type: "button",
-						onClick: h,
+						onClick: b,
 						className: `flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${t}`,
 						title: "Close (Esc)",
 						"aria-label": "Close drilldown",
-						children: /* @__PURE__ */ a("svg", {
+						children: /* @__PURE__ */ l("svg", {
 							className: "w-5 h-5 text-text-secondary",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ a("path", {
+							children: /* @__PURE__ */ l("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -90,32 +91,32 @@ var s = n(function({ renderDashboard: n, onClose: s }) {
 						})
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ l("div", {
 					className: "min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4",
-					children: n ? n(u, d) : /* @__PURE__ */ a(c, {})
+					children: n ? n(h, g) : /* @__PURE__ */ l(f, {})
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ l("div", {
 					className: "flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2",
-					children: /* @__PURE__ */ o("div", {
+					children: /* @__PURE__ */ u("div", {
 						className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted",
-						children: [/* @__PURE__ */ o("span", { children: [
+						children: [/* @__PURE__ */ u("span", { children: [
 							"Parameters:",
 							" ",
-							Object.keys(d).filter((e) => !e.startsWith("__")).length > 0 ? Object.keys(d).filter((e) => !e.startsWith("__")).join(", ") : "None"
-						] }), /* @__PURE__ */ a("span", { children: "Press Esc to close" })]
+							Object.keys(g).filter((e) => !e.startsWith("__")).length > 0 ? Object.keys(g).filter((e) => !e.startsWith("__")).join(", ") : "None"
+						] }), /* @__PURE__ */ l("span", { children: "Press Esc to close" })]
 					})
 				})
 			]
-		})]
+		})
 	});
 });
-function c() {
-	return /* @__PURE__ */ a("div", {
+function f() {
+	return /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-center h-full text-sm text-text-secondary",
 		children: "Unable to load drilldown content. Please try again."
 	});
 }
 //#endregion
-export { s as default };
+export { d as default };
 
 //# sourceMappingURL=DrilldownModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useEffect, useCallback, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.target === e.currentTarget) {\n        handleClose();\n      }\n    },\n    [handleClose]\n  );\n\n  // Handle escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && isOpen) {\n        handleClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [isOpen, handleClose]);\n\n  // Prevent body scroll when modal is open\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center p-4\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"drilldown-modal-title\"\n      onClick={handleBackdropClick}\n    >\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-[var(--color-overlay-scrim)] backdrop-blur-sm\" />\n\n      {/* Modal Content - contained within viewport */}\n      <div\n        className=\"relative z-10 flex w-full max-w-5xl flex-col overflow-hidden rounded-card bg-bg-surface shadow-[var(--shadow-elevation-3)]\"\n        style={{ maxHeight: 'calc(100vh - 2rem)' }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <h2 id=\"drilldown-modal-title\" className=\"truncate text-sm font-semibold text-text-primary\">\n              Drilldown View\n            </h2>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {Object.keys(params).filter((k) => !k.startsWith('__')).length > 0\n                ? Object.keys(params)\n                    .filter((k) => !k.startsWith('__'))\n                    .join(', ')\n                : 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":"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"}
+{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useCallback, useRef, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\nimport {\n  ResponsiveDialog as Dialog,\n  ResponsiveDialogContent as DialogContent,\n  ResponsiveDialogTitle as DialogTitle,\n  ResponsiveDialogDescription as DialogDescription,\n} from '@burdenoff/fe-libs/ui';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const returnFocus = useRef<HTMLElement | null>(null);\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) handleClose();\n      }}\n    >\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={() => {\n          const activeElement = document.activeElement;\n          if (\n            activeElement instanceof HTMLElement &&\n            activeElement !== document.body &&\n            !activeElement.closest('[role=\"dialog\"]')\n          ) {\n            returnFocus.current = activeElement;\n          }\n        }}\n        onCloseAutoFocus={(event) => {\n          event.preventDefault();\n          if (returnFocus.current?.isConnected) returnFocus.current.focus();\n        }}\n        className=\"flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl\"\n        style={{ maxHeight: 'calc(100dvh - 2rem)' }}\n      >\n        <DialogDescription className=\"sr-only\">\n          Explore the linked dashboard and return to the previous drilldown level.\n        </DialogDescription>\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <DialogTitle className=\"truncate text-sm font-semibold text-text-primary\">Drilldown View</DialogTitle>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {Object.keys(params).filter((k) => !k.startsWith('__')).length > 0\n                ? Object.keys(params)\n                    .filter((k) => !k.startsWith('__'))\n                    .join(', ')\n                : 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":";;;;;;;AAgCA,IAAa,IAA0C,EAAK,SAAwB,EAAE,oBAAiB,cAAW;CAChH,IAAM,IAAc,EAA2B,KAAK,EAC9C,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAc,GAAmB,MAAU,EAAM,YAAY,EAC7D,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAU,GAAmB,MAAU,EAAM,QAAQ,EACrD,IAAa,GAAmB,MAAU,EAAM,WAAW,EAC3D,IAAe,GAAmB,MAAU,EAAM,aAAa,EAG/D,IAAc,QAAkB;AAEpC,EADA,GAAY,EACZ,KAAW;IACV,CAAC,GAAY,EAAQ,CAAC,EAEnB,IAAa,QAAkB;AACnC,KAAc;IACb,CAAC,EAAa,CAAC;AAMlB,QAJI,CAAC,KAAU,CAAC,IACP,OAIP,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAa;;YAG1B,kBAAC,GAAD;GACE,iBAAiB;GACjB,uBAAuB;IACrB,IAAM,IAAgB,SAAS;AAC/B,IACE,aAAyB,eACzB,MAAkB,SAAS,QAC3B,CAAC,EAAc,QAAQ,oBAAkB,KAEzC,EAAY,UAAU;;GAG1B,mBAAmB,MAAU;AAE3B,IADA,EAAM,gBAAgB,EAClB,EAAY,SAAS,eAAa,EAAY,QAAQ,OAAO;;GAEnE,WAAU;GACV,OAAO,EAAE,WAAW,uBAAuB;aAjB7C;IAmBE,kBAAC,GAAD;KAAmB,WAAU;eAAU;KAEnB,CAAA;IAEpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEG,EAAQ,SAAS,KAChB,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAW;kBAEX,kBAAC,OAAD;SAAK,WAAU;SAA8B,MAAK;SAAO,QAAO;SAAe,SAAQ;mBACrF,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;UAAoB,CAAA;SACrF,CAAA;QACC,CAAA;OAIX,kBAAC,GAAD;QAAa,WAAU;kBAAmD;QAA4B,CAAA;OAGrG,EAAQ,SAAS,KAChB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA0C;SACtC,EAAQ,SAAS;SAAE;SAAO,EAAQ,SAAS,IAAI,MAAM;SAAG;SACrD;;OAEL;SAGN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,2JAA2J;MACtK,OAAM;MACN,cAAW;gBAEX,kBAAC,OAAD;OAAK,WAAU;OAA8B,MAAK;OAAO,QAAO;OAAe,SAAQ;iBACrF,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;QAAyB,CAAA;OAC1F,CAAA;MACC,CAAA,CACL;;IAIN,kBAAC,OAAD;KAAK,WAAU;eACZ,IAAkB,EAAgB,GAAa,EAAO,GAAG,kBAAC,GAAD,EAAqB,CAAA;KAC3E,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OAAM;OACQ;OACX,OAAO,KAAK,EAAO,CAAC,QAAQ,MAAM,CAAC,EAAE,WAAW,KAAK,CAAC,CAAC,SAAS,IAC7D,OAAO,KAAK,EAAO,CAChB,QAAQ,MAAM,CAAC,EAAE,WAAW,KAAK,CAAC,CAClC,KAAK,KAAK,GACb;OACC,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA,CAC3B;;KACF,CAAA;IACQ;;EACT,CAAA;EAEX;AAIF,SAAS,IAAoB;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA"}

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

@@ -1,12 +1,14 @@
 import { FC } from 'react';
-import { WidgetBinding, WidgetBindingStatus } from '../../../types';
+import { WidgetBinding, WidgetBindingStatus, Parser } from '../../../types';
 
 export interface DataBindingSectionProps {
     consoleId: string;
     binding: WidgetBinding;
+    resolvedParser?: Parser;
     dataSinkKey: string | null;
     dataPath?: string;
     status: WidgetBindingStatus;
+    resolving?: boolean;
     missingFields?: string[];
     preview?: unknown;
     error?: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"DataBindingSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKzE,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAgBD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8J1D,CAAC"}
+{"version":3,"file":"DataBindingSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAKjF,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAgBD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAmK1D,CAAC"}

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js

@@ -13,59 +13,60 @@ var u = {
 	no_data: "warning",
 	parser_error: "danger",
 	field_mismatch: "warning"
-}, d = ({ consoleId: d, binding: f, dataSinkKey: p, dataPath: m, status: h, missingFields: g = [], preview: _, error: v, onDataSinkChange: y, onParserChange: b, onDataPathChange: x }) => {
-	let { t: S } = l(), C = {
-		unbound: S("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
-		loading: S("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
-		bound: S("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
-		no_data: S("bigconsole.builder.dataBinding.status.noData", "Parser returned no data"),
-		parser_error: S("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
-		field_mismatch: S("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
+}, d = ({ consoleId: d, binding: f, resolvedParser: p, dataSinkKey: m, dataPath: h, status: g, resolving: _ = !1, missingFields: v = [], preview: y, error: b, onDataSinkChange: x, onParserChange: S, onDataPathChange: C }) => {
+	let { t: w } = l(), T = {
+		unbound: w("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
+		loading: _ ? w("bigconsole.parsers.selector.loading", "Loading parsers...") : w("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
+		bound: w("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
+		no_data: w("bigconsole.builder.dataBinding.status.noData", "Parser returned no data"),
+		parser_error: w("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
+		field_mismatch: w("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
 	};
 	return /* @__PURE__ */ c(t, { children: [
 		/* @__PURE__ */ s(e, {
 			title: "Data source",
-			description: S("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
+			description: w("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
 			"data-testid": "widget-inspector-data-source",
 			children: /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-form-gap",
 				children: [/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+						/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
 						/* @__PURE__ */ s(n, {
-							value: p,
-							onChange: y,
-							placeholder: S("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
+							value: m,
+							onChange: x,
+							placeholder: w("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
 						}),
-						p && /* @__PURE__ */ c("p", {
+						m && /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [S("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: p }), f.source.ref && /* @__PURE__ */ s("span", {
+							children: [w("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: m }), f.source.ref && /* @__PURE__ */ s("span", {
 								className: "ml-2 text-text-muted",
-								children: S("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
+								children: w("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
 							})]
 						})
 					]
 				}), /* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
+					children: [/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
 						consoleId: d,
 						value: f.parserId ?? null,
-						onChange: b,
-						filterInputSinkKey: p ?? void 0,
+						resolvedParser: p,
+						onChange: S,
+						filterInputSinkKey: m ?? void 0,
 						filterStatus: void 0,
-						placeholder: p ? S("bigconsole.builder.dataBinding.parserPlaceholder", "Select a parser...") : S("bigconsole.builder.dataBinding.parserPlaceholderNoSink", "Select a DataSink first..."),
-						disabled: !p
+						placeholder: m ? w("bigconsole.builder.dataBinding.parserPlaceholder", "Select a parser...") : w("bigconsole.builder.dataBinding.parserPlaceholderNoSink", "Select a DataSink first..."),
+						disabled: !m
 					})]
 				})]
 			})
 		}),
 		/* @__PURE__ */ s(e, {
-			title: C[h],
-			tone: u[h],
+			title: T[g],
+			tone: u[g],
 			padding: "compact",
 			headingLevel: 3,
-			icon: h === "loading" ? /* @__PURE__ */ s(o, { style: {
+			icon: g === "loading" ? /* @__PURE__ */ s(o, { style: {
 				width: "14px",
 				height: "14px"
 			} }) : void 0,
@@ -77,17 +78,17 @@ var u = {
 				children: [
 					/* @__PURE__ */ s("p", {
 						className: "sr-only",
-						children: C[h]
+						children: T[g]
 					}),
-					v && /* @__PURE__ */ s("p", {
+					b && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-error-text)]",
-						children: v
+						children: b
 					}),
-					g.length > 0 && /* @__PURE__ */ s("p", {
+					v.length > 0 && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-warning-text)]",
-						children: S("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: g.join(", ") })
+						children: w("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: v.join(", ") })
 					}),
-					!v && g.length === 0 && h === "bound" && /* @__PURE__ */ s("p", {
+					!b && v.length === 0 && g === "bound" && y !== void 0 && /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: "The parser ran and its output matches the fields this widget expects."
 					})
@@ -97,7 +98,7 @@ var u = {
 		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
-			title: S("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
+			title: w("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
 			headingLevel: 3,
 			children: /* @__PURE__ */ s("div", {
 				className: "min-w-0 space-y-1 text-xs text-text-secondary",
@@ -114,15 +115,15 @@ var u = {
 				}, e))
 			})
 		}),
-		_ !== void 0 && /* @__PURE__ */ s(e, {
+		y !== void 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
-			title: S("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
+			title: w("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
 			description: "Raw parser output, exactly as the widget receives it.",
 			headingLevel: 3,
 			children: /* @__PURE__ */ s("pre", {
 				className: "max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary",
-				children: JSON.stringify(_, null, 2)
+				children: JSON.stringify(y, null, 2)
 			})
 		}),
 		/* @__PURE__ */ s(e, {
@@ -135,17 +136,17 @@ var u = {
 				children: [
 					/* @__PURE__ */ s(a, {
 						htmlFor: "widget-inspector-data-path",
-						children: S("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
+						children: w("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
 					}),
 					/* @__PURE__ */ s(i, {
 						id: "widget-inspector-data-path",
-						value: m ?? "",
-						onChange: (e) => x(e.target.value || void 0),
-						placeholder: S("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
+						value: h ?? "",
+						onChange: (e) => C(e.target.value || void 0),
+						placeholder: w("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
 					}),
 					/* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
-						children: S("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
+						children: w("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})
 				]
 			})