@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/BigConsoleRoutes.js.map

@@ -0,0 +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 { useAppNavigate } from './contexts';\nimport { useWorkflowOperations } from './hooks/useWorkflowOperations';\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-muted 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\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        <Route path=\"/workflows/builder/:id/:version\" element={<SDKWorkflowBuilderPage />} />\n        <Route path=\"/workflows/workflow/:id/:version\" element={<SDKWorkflowBuilderPage />} />\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) */}\n        <Route path=\"/workflow/:id/:version\" element={<SDKWorkflowBuilderPage />} />\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/DrilldownDashboardRenderer.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export interface DrilldownDashboardRendererProps {
+    /** Target dashboard ID to render */
+    dashboardId: string;
+    /** Parameters passed from drilldown (can be used for filtering) */
+    params: Record<string, unknown>;
+}
+export declare const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps>;
+export default DrilldownDashboardRenderer;
+//# sourceMappingURL=DrilldownDashboardRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownDashboardRenderer.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAW3D,MAAM,WAAW,+BAA+B;IAC9C,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAwED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAqM1E,CAAC;AAmBF,eAAe,0BAA0B,CAAC"}

package/dist/bigconsole/components/DrilldownDashboardRenderer.js

@@ -0,0 +1,199 @@
+import { GetDashboardDocument as e, ListWidgetsByDashboardDocument as t } from "../../generated/wspace-operations.js";
+import { mapFromFederationWidgetType as n } from "../utils/widgetTypeMapping.js";
+import r from "./widgets/WidgetWrapper.js";
+import { memo as i, useEffect as a, useState as o } from "react";
+import { useApolloClient as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/DrilldownDashboardRenderer.tsx
+function u(e, t) {
+	let r = t * 4, i = {
+		x: 0,
+		y: r,
+		width: 12,
+		height: 4
+	}, a = e.config || {}, o = a._internalWidgetType || n(e.type || "KPI");
+	return {
+		id: e.id ?? "",
+		pageId: e.pageId || "",
+		dashboardId: e.dashboardId,
+		type: o,
+		title: e.title || "Untitled Widget",
+		renderer: e.renderer || "BIGCONSOLE",
+		template: e.template || null,
+		dataSinkId: e.dataSinkId || null,
+		datasetId: e.datasetId || null,
+		parserId: e.parserId || null,
+		parserRules: e.parserRules || null,
+		config: a,
+		position: i,
+		positionX: 0,
+		positionY: r,
+		positionWidth: 12,
+		positionHeight: 4,
+		positionResponsive: e.positionResponsive,
+		rowOrder: e.rowOrder ?? null,
+		refreshInterval: e.refreshInterval,
+		lastRefreshedAt: e.lastRefreshedAt,
+		cacheTTL: e.cacheTTL ?? null,
+		drilldown: e.drilldown,
+		actions: e.actions || [],
+		translations: e.translations || [],
+		metadata: e.metadata,
+		context: e.context,
+		data: e.data || null,
+		createdAt: e.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
+		updatedAt: e.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
+	};
+}
+var d = i(function({ dashboardId: n, params: r }) {
+	let i = s(), [d, p] = o(!0), [m, h] = o(null), [g, _] = o(null), [v, y] = o([]);
+	return a(() => {
+		if (!n) {
+			p(!1);
+			return;
+		}
+		async function r() {
+			p(!0), h(null);
+			try {
+				let r = (await i.query({
+					query: e,
+					variables: { id: n },
+					fetchPolicy: "network-only"
+				})).data?.getDashboard;
+				if (!r) {
+					h("Dashboard not found"), p(!1);
+					return;
+				}
+				let a = r.pages?.edges?.map((e) => ({
+					id: e.node.id,
+					name: e.node.name || "Page 1"
+				})) || [];
+				_({
+					id: r.id,
+					name: r.name,
+					description: r.description,
+					pages: a
+				}), y(((await i.query({
+					query: t,
+					variables: { dashboardId: n },
+					fetchPolicy: "network-only"
+				})).data?.listWidgetsByDashboard || []).map((e, t) => u(e, t)));
+			} catch (e) {
+				h(e instanceof Error ? e.message : "Failed to load dashboard");
+			} finally {
+				p(!1);
+			}
+		}
+		r();
+	}, [n, i]), d ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ l("div", {
+			className: "flex flex-col items-center gap-3",
+			children: [/* @__PURE__ */ c("div", { className: "w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ c("p", {
+				className: "text-sm text-text-secondary",
+				children: "Loading dashboard..."
+			})]
+		})
+	}) : m ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ l("div", {
+			className: "flex flex-col items-center gap-3 text-center max-w-md",
+			children: [/* @__PURE__ */ c("svg", {
+				className: "w-12 h-12 text-state-error",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ c("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+				})
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-text-secondary",
+				children: m
+			})]
+		})
+	}) : !g || v.length === 0 ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ l("div", {
+			className: "flex flex-col items-center gap-3 text-center",
+			children: [/* @__PURE__ */ c("svg", {
+				className: "w-12 h-12 text-text-tertiary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ c("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
+				})
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-text-secondary",
+				children: g ? "This dashboard has no widgets" : "Dashboard not found"
+			})]
+		})
+	}) : /* @__PURE__ */ l("div", {
+		className: "w-full",
+		children: [/* @__PURE__ */ l("div", {
+			className: "pb-3 mb-4 border-b border-border-default",
+			children: [
+				/* @__PURE__ */ c("h3", {
+					className: "text-lg font-semibold text-text-primary",
+					children: g.name
+				}),
+				g.description && /* @__PURE__ */ c("p", {
+					className: "text-sm text-text-secondary mt-1",
+					children: g.description
+				}),
+				Object.keys(r).filter((e) => !e.startsWith("__")).length > 0 && /* @__PURE__ */ c("div", {
+					className: "flex flex-wrap gap-2 mt-2",
+					children: Object.entries(r).filter(([e]) => !e.startsWith("__")).map(([e, t]) => /* @__PURE__ */ l("span", {
+						className: "inline-flex items-center px-2 py-1 rounded bg-action-primary-bg/10 text-xs",
+						children: [/* @__PURE__ */ l("span", {
+							className: "font-medium text-text-primary",
+							children: [e, ":"]
+						}), /* @__PURE__ */ c("span", {
+							className: "ml-1 text-action-primary-text",
+							children: typeof t == "object" && t ? JSON.stringify(t) : String(t)
+						})]
+					}, e))
+				})
+			]
+		}), /* @__PURE__ */ c("div", {
+			className: "space-y-4",
+			children: v.map((e) => {
+				let t = e.config?._internalWidgetType, n = e.type;
+				return /* @__PURE__ */ c("div", {
+					className: "border border-border-default rounded-lg bg-bg-surface overflow-hidden",
+					style: n === "LINE_CHART" || n === "chart" || t === "chart" || t === "funnel_chart" ? { height: "350px" } : n === "TABLE" || n === "table" || t === "table" || t === "list" || t === "pivot_table" ? {
+						minHeight: "250px",
+						maxHeight: "500px"
+					} : {
+						minHeight: "120px",
+						maxHeight: "300px"
+					},
+					children: /* @__PURE__ */ c(f, {
+						widget: e,
+						filterValues: r
+					})
+				}, e.id);
+			})
+		})]
+	});
+}), f = i(function({ widget: e, filterValues: t }) {
+	return /* @__PURE__ */ c("div", {
+		className: "h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent",
+		children: /* @__PURE__ */ c(r, {
+			widget: e,
+			isLoading: !1,
+			error: null,
+			filterValues: t
+		})
+	});
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=DrilldownDashboardRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownDashboardRenderer.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"sourcesContent":["/**\n * DrilldownDashboardRenderer Component\n *\n * Renders a dashboard inside the DrilldownModal.\n * Fetches dashboard data and displays widgets with passed parameters.\n */\n\nimport { type FC, memo, useEffect, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget } from '../types';\nimport { WidgetWrapper } from './widgets/WidgetWrapper';\nimport { ListWidgetsByDashboardDocument, GetDashboardDocument } from '../../generated/wspace-operations';\nimport { mapFromFederationWidgetType } from '../utils/widgetTypeMapping';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownDashboardRendererProps {\n  /** Target dashboard ID to render */\n  dashboardId: string;\n  /** Parameters passed from drilldown (can be used for filtering) */\n  params: Record<string, unknown>;\n}\n\ninterface DashboardData {\n  id: string;\n  name: string;\n  description?: string;\n  pages: Array<{\n    id: string;\n    name: string;\n  }>;\n}\n\n// ============================================================================\n// Helper: Normalize widget from GraphQL\n// ============================================================================\n\nfunction normalizeWidget(raw: Record<string, unknown>, index: number): Widget {\n  // For drilldown modal, stack widgets vertically with compact sizing\n  const posX = 0;\n  const posY = index * 4; // Stack vertically, 4 row units per widget\n  const posW = 12; // Full width\n  const posH = 4; // Better height for widget content\n\n  const position = { x: posX, y: posY, width: posW, height: posH };\n\n  // Get the config object\n  const config = (raw.config as Record<string, unknown>) || {};\n\n  // Map widget type correctly: check _internalWidgetType first, then map from federation type\n  // This is critical — federation types like 'KPI' must be mapped to internal types like 'metric_card'\n  const internalType = config._internalWidgetType as string | undefined;\n  const widgetType = internalType || mapFromFederationWidgetType((raw.type as string) || 'KPI');\n\n  return {\n    id: (raw.id as string) ?? '',\n    pageId: (raw.pageId as string) || '',\n    dashboardId: raw.dashboardId as string | undefined,\n    type: widgetType,\n    title: (raw.title as string) || 'Untitled Widget',\n    renderer: raw.renderer || 'BIGCONSOLE',\n    template: raw.template || null,\n    dataSinkId: raw.dataSinkId || null,\n    datasetId: raw.datasetId || null,\n    parserId: raw.parserId || null,\n    parserRules: raw.parserRules || null,\n    config: config,\n    position: position,\n    positionX: posX,\n    positionY: posY,\n    positionWidth: posW,\n    positionHeight: posH,\n    positionResponsive: raw.positionResponsive as Widget['positionResponsive'],\n    rowOrder: (raw.rowOrder as number | null) ?? null,\n    refreshInterval: raw.refreshInterval,\n    lastRefreshedAt: raw.lastRefreshedAt,\n    cacheTTL: (raw.cacheTTL as number | null) ?? null,\n    drilldown: raw.drilldown as Widget['drilldown'],\n    actions: (raw.actions as Widget['actions']) || [],\n    translations: (raw.translations as Widget['translations']) || [],\n    metadata: raw.metadata as Record<string, unknown> | undefined,\n    context: raw.context,\n    // Include widget data from backend (critical for showing real data in modal)\n    data: raw.data || null,\n    createdAt: (raw.createdAt as string) || new Date().toISOString(),\n    updatedAt: (raw.updatedAt as string) || new Date().toISOString(),\n  } as Widget;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps> = memo(\n  function DrilldownDashboardRenderer({ dashboardId, params }) {\n    const apolloClient = useApolloClient();\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [dashboard, setDashboard] = useState<DashboardData | null>(null);\n    const [widgets, setWidgets] = useState<Widget[]>([]);\n\n    // Fetch dashboard and widgets — only when dashboardId is provided\n    useEffect(() => {\n      if (!dashboardId) {\n        setLoading(false);\n        return;\n      }\n\n      async function fetchData() {\n        setLoading(true);\n        setError(null);\n\n        try {\n          // Fetch dashboard info\n          interface DashboardQueryResult {\n            getDashboard: {\n              id: string;\n              name: string;\n              description?: string;\n              pages?: {\n                edges?: Array<{ node: { id: string; name?: string } }>;\n              };\n            } | null;\n          }\n\n          const dashboardResult = await apolloClient.query<DashboardQueryResult>({\n            query: GetDashboardDocument,\n            variables: { id: dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          const dashboardData = dashboardResult.data?.getDashboard;\n          if (!dashboardData) {\n            setError('Dashboard not found');\n            setLoading(false);\n            return;\n          }\n\n          // Normalize dashboard\n          const pages =\n            dashboardData.pages?.edges?.map((edge) => ({\n              id: edge.node.id,\n              name: edge.node.name || 'Page 1',\n            })) || [];\n\n          setDashboard({\n            id: dashboardData.id,\n            name: dashboardData.name,\n            description: dashboardData.description,\n            pages,\n          });\n\n          // Fetch widgets for the dashboard\n          const widgetsResult = await apolloClient.query<{ listWidgetsByDashboard: Record<string, unknown>[] }>({\n            query: ListWidgetsByDashboardDocument,\n            variables: { dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          const widgetsList = widgetsResult.data?.listWidgetsByDashboard || [];\n          setWidgets(widgetsList.map((w, i) => normalizeWidget(w, i)));\n        } catch (err) {\n          setError(err instanceof Error ? err.message : 'Failed to load dashboard');\n        } finally {\n          setLoading(false);\n        }\n      }\n\n      fetchData();\n    }, [dashboardId, apolloClient]);\n\n    // Loading state\n    if (loading) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin\" />\n            <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center max-w-md\">\n            <svg className=\"w-12 h-12 text-state-error\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">{error}</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Empty state\n    if (!dashboard || widgets.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center\">\n            <svg className=\"w-12 h-12 text-text-tertiary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">\n              {dashboard ? 'This dashboard has no widgets' : 'Dashboard not found'}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"w-full\">\n        {/* Dashboard Header */}\n        <div className=\"pb-3 mb-4 border-b border-border-default\">\n          <h3 className=\"text-lg font-semibold text-text-primary\">{dashboard.name}</h3>\n          {dashboard.description && <p className=\"text-sm text-text-secondary mt-1\">{dashboard.description}</p>}\n          {/* Show params if present (filter out internal __drilldown metadata) */}\n          {Object.keys(params).filter((k) => !k.startsWith('__')).length > 0 && (\n            <div className=\"flex flex-wrap gap-2 mt-2\">\n              {Object.entries(params)\n                .filter(([key]) => !key.startsWith('__'))\n                .map(([key, value]) => (\n                  <span\n                    key={key}\n                    className=\"inline-flex items-center px-2 py-1 rounded bg-action-primary-bg/10 text-xs\"\n                  >\n                    <span className=\"font-medium text-text-primary\">{key}:</span>\n                    <span className=\"ml-1 text-action-primary-text\">\n                      {typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value)}\n                    </span>\n                  </span>\n                ))}\n            </div>\n          )}\n        </div>\n\n        {/* Widgets List - simple vertical layout for modal */}\n        <div className=\"space-y-4\">\n          {widgets.map((widget) => {\n            // Chart widgets (LINE_CHART / chart) need explicit pixel height because\n            // Recharts ResponsiveContainer height=\"100%\" requires a parent with\n            // a definite height — minHeight alone doesn't work.\n            const internalType = (widget.config as Record<string, unknown>)?._internalWidgetType as string | undefined;\n            const widgetType = widget.type as string;\n            const isChartWidget =\n              widgetType === 'LINE_CHART' ||\n              widgetType === 'chart' ||\n              internalType === 'chart' ||\n              internalType === 'funnel_chart';\n            const isTableWidget =\n              widgetType === 'TABLE' ||\n              widgetType === 'table' ||\n              internalType === 'table' ||\n              internalType === 'list' ||\n              internalType === 'pivot_table';\n\n            // Charts need explicit height; tables need more space; KPIs auto-size\n            const heightStyle = isChartWidget\n              ? { height: '350px' }\n              : isTableWidget\n                ? { minHeight: '250px', maxHeight: '500px' }\n                : { minHeight: '120px', maxHeight: '300px' };\n\n            return (\n              <div\n                key={widget.id}\n                className=\"border border-border-default rounded-lg bg-bg-surface overflow-hidden\"\n                style={heightStyle}\n              >\n                <WidgetInModal widget={widget} filterValues={params} />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n);\n\n// ============================================================================\n// Widget In Modal Component\n// ============================================================================\n\ninterface WidgetInModalProps {\n  widget: Widget;\n  filterValues?: Record<string, unknown>;\n}\n\nconst WidgetInModal: FC<WidgetInModalProps> = memo(function WidgetInModal({ widget, filterValues }) {\n  return (\n    <div className=\"h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent\">\n      <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={filterValues} />\n    </div>\n  );\n});\n\nexport default DrilldownDashboardRenderer;\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export interface DrilldownModalProps {
+    /** Custom content renderer for the dashboard */
+    renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;
+    /** Called when modal closes */
+    onClose?: () => void;
+}
+export declare const DrilldownModal: FC<DrilldownModalProps>;
+export default DrilldownModal;
+//# sourceMappingURL=DrilldownModal.d.ts.map

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

@@ -0,0 +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;AAO9D,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,CAyIjD,CAAC;AAYH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/DrilldownModal.js

@@ -0,0 +1,117 @@
+import e from "../store/drilldownStore.js";
+import { memo as t, useCallback as n, useEffect as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/bigconsole/components/DrilldownModal.tsx
+var o = t(function({ renderDashboard: t, onClose: o }) {
+	let c = e((e) => e.isOpen), l = e((e) => e.dashboardId), u = e((e) => e.params), d = e((e) => e.history), f = e((e) => e.closeModal), p = e((e) => e.popDrilldown), m = n(() => {
+		f(), o?.();
+	}, [f, o]), h = n(() => {
+		p();
+	}, [p]), g = n((e) => {
+		e.target === e.currentTarget && m();
+	}, [m]);
+	return r(() => {
+		let e = (e) => {
+			e.key === "Escape" && c && m();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [c, m]), r(() => (c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+		document.body.style.overflow = "";
+	}), [c]), !c || !l ? null : /* @__PURE__ */ a("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: g,
+		children: [/* @__PURE__ */ i("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm" }), /* @__PURE__ */ a("div", {
+			className: "relative z-10 w-full max-w-5xl bg-bg-surface rounded-xl shadow-2xl flex flex-col",
+			style: { maxHeight: "calc(100vh - 2rem)" },
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "flex-shrink-0 flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-muted/50 rounded-t-xl",
+					children: [/* @__PURE__ */ a("div", {
+						className: "flex items-center gap-3",
+						children: [
+							d.length > 0 && /* @__PURE__ */ i("button", {
+								type: "button",
+								onClick: h,
+								className: "p-1.5 rounded-md hover:bg-bg-muted transition-colors",
+								title: "Go back",
+								children: /* @__PURE__ */ i("svg", {
+									className: "w-5 h-5 text-text-secondary",
+									fill: "none",
+									stroke: "currentColor",
+									viewBox: "0 0 24 24",
+									children: /* @__PURE__ */ i("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M15 19l-7-7 7-7"
+									})
+								})
+							}),
+							/* @__PURE__ */ i("h2", {
+								id: "drilldown-modal-title",
+								className: "text-sm font-medium text-text-primary",
+								children: "Drilldown View"
+							}),
+							d.length > 0 && /* @__PURE__ */ a("span", {
+								className: "text-xs text-text-tertiary",
+								children: [
+									"(",
+									d.length + 1,
+									" level",
+									d.length > 0 ? "s" : "",
+									" deep)"
+								]
+							})
+						]
+					}), /* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: m,
+						className: "p-2 rounded-md hover:bg-bg-muted transition-colors",
+						title: "Close (Esc)",
+						children: /* @__PURE__ */ i("svg", {
+							className: "w-5 h-5 text-text-secondary",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ i("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M6 18L18 6M6 6l12 12"
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "flex-1 overflow-y-auto min-h-0 p-4",
+					children: t ? t(l, u) : /* @__PURE__ */ i(s, {})
+				}),
+				/* @__PURE__ */ i("div", {
+					className: "flex-shrink-0 px-4 py-2 border-t border-border-default bg-bg-muted/30 rounded-b-xl",
+					children: /* @__PURE__ */ a("div", {
+						className: "flex items-center justify-between text-xs text-text-tertiary",
+						children: [/* @__PURE__ */ a("span", { children: [
+							"Parameters:",
+							" ",
+							Object.keys(u).filter((e) => !e.startsWith("__")).length > 0 ? Object.keys(u).filter((e) => !e.startsWith("__")).join(", ") : "None"
+						] }), /* @__PURE__ */ i("span", { children: "Press Esc to close" })]
+					})
+				})
+			]
+		})]
+	});
+});
+function s() {
+	return /* @__PURE__ */ i("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 { o as default };
+
+//# sourceMappingURL=DrilldownModal.js.map

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

@@ -0,0 +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';\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-black/60 backdrop-blur-sm\" />\n\n      {/* Modal Content - contained within viewport */}\n      <div\n        className=\"relative z-10 w-full max-w-5xl bg-bg-surface rounded-xl shadow-2xl flex flex-col\"\n        style={{ maxHeight: 'calc(100vh - 2rem)' }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div className=\"flex-shrink-0 flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-muted/50 rounded-t-xl\">\n          <div className=\"flex items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className=\"p-1.5 rounded-md hover:bg-bg-muted transition-colors\"\n                title=\"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=\"text-sm font-medium text-text-primary\">\n              Drilldown View\n            </h2>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-tertiary\">\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=\"p-2 rounded-md hover:bg-bg-muted transition-colors\"\n            title=\"Close (Esc)\"\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 - scrollable */}\n        <div className=\"flex-1 overflow-y-auto min-h-0 p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex-shrink-0 px-4 py-2 border-t border-border-default bg-bg-muted/30 rounded-b-xl\">\n          <div className=\"flex items-center justify-between text-xs text-text-tertiary\">\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":";;;;AAyBA,IAAa,IAA0C,EAAK,SAAwB,EAAE,oBAAiB,cAAW;CAChH,IAAM,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,EAEZ,IAAsB,GACzB,MAAwB;AACvB,EAAI,EAAE,WAAW,EAAE,iBACjB,GAAa;IAGjB,CAAC,EAAY,CACd;AA8BD,QA3BA,QAAgB;EACd,IAAM,KAAgB,MAAyB;AAC7C,GAAI,EAAM,QAAQ,YAAY,KAC5B,GAAa;;AAKjB,SADA,SAAS,iBAAiB,WAAW,EAAa,QACrC,SAAS,oBAAoB,WAAW,EAAa;IACjE,CAAC,GAAQ,EAAY,CAAC,EAGzB,SACM,IACF,SAAS,KAAK,MAAM,WAAW,WAE/B,SAAS,KAAK,MAAM,WAAW,UAEpB;AACX,WAAS,KAAK,MAAM,WAAW;KAEhC,CAAC,EAAO,CAAC,EAER,CAAC,KAAU,CAAC,IACP,OAIP,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,mBAAgB;EAChB,SAAS;YALX,CAQE,kBAAC,OAAD,EAAK,WAAU,iDAAkD,CAAA,EAGjE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,WAAW,sBAAsB;GAC1C,UAAU,MAAM,EAAE,iBAAiB;aAHrC;IAME,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEG,EAAQ,SAAS,KAChB,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;QACV,OAAM;kBAEN,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,MAAD;QAAI,IAAG;QAAwB,WAAU;kBAAwC;QAE5E,CAAA;OAGJ,EAAQ,SAAS,KAChB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA6C;SACzC,EAAQ,SAAS;SAAE;SAAO,EAAQ,SAAS,IAAI,MAAM;SAAG;SACrD;;OAEL;SAGN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,OAAM;gBAEN,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;;IAGN,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;IACF;KACF;;EAER;AAIF,SAAS,IAAoB;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA"}

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+
+export interface CreateDashboardDialogProps {
+    isOpen: boolean;
+    isCreating?: boolean;
+    onClose: () => void;
+    onCreate: (data: {
+        name: string;
+        description: string;
+        category: string;
+        tags?: string[];
+        templateId?: string;
+    }) => void;
+    /** Whether to show the template picker option */
+    showTemplates?: boolean;
+}
+export declare const CreateDashboardDialog: FC<CreateDashboardDialogProps>;
+export default CreateDashboardDialog;
+//# sourceMappingURL=CreateDashboardDialog.d.ts.map

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDashboardDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/CreateDashboardDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAsE,MAAM,OAAO,CAAC;AAsBpG,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,KAAK,IAAI,CAAC;IACX,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA+d/D,CAAC;AAEH,eAAe,qBAAqB,CAAC"}