@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/DashboardViewPage.js

@@ -0,0 +1,325 @@
+import { useWidgetStore as e } from "../store/widgetStore.js";
+import { useDashboardStore as t } from "../store/dashboardStore.js";
+import "../store/index.js";
+import { useBigConsoleNavigate as n } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import r from "../hooks/useWidgetOperations.js";
+import i from "../hooks/useDashboardOperations.js";
+import a from "../hooks/useFilterUrlSync.js";
+import o from "../hooks/usePageOperations.js";
+import "../hooks/index.js";
+import s from "../components/dashboard/DashboardCanvas.js";
+import c from "../components/dashboard/ExportDashboardDialog.js";
+import l from "../components/dashboard/DrilldownBreadcrumb.js";
+import "../components/dashboard/index.js";
+import { memo as u, useCallback as d, useEffect as f, useState as p } from "react";
+import { useParams as ee } from "react-router-dom";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/bigconsole/pages/DashboardViewPage.tsx
+var g = u(function() {
+	let { dashboardId: u } = ee(), g = n(), [_, v] = p(null), [y, b] = p(!1), [x, S] = p(!1), [C, w] = p(!1), { isInDrilldown: T, getContextFromUrl: E, getDrilldownMetadata: D } = a(), O = t((e) => e.currentDashboard), k = t((e) => e.setCurrentDashboard), A = t((e) => e.setGlobalFilterValue), j = t((e) => e.clearAllGlobalFilters), M = e((e) => e.widgets), N = e((e) => e.clipboardWidgetId), P = e((e) => e.clipboardAction), F = e((e) => e.clearClipboard), I = e((e) => e.selectWidget), { loading: L, error: R, fetchDashboard: z, updateDashboard: B } = i(), { createWidget: V, deleteWidget: H, duplicateWidget: U, batchUpdatePositions: W } = r(_ || void 0, u), { createPage: G, updatePage: K, deletePage: q, reorderPages: J } = o();
+	f(() => {
+		if (!u) {
+			g("/dashboards");
+			return;
+		}
+		return j(), S(!1), z(u).then((e) => {
+			e ? e.pages && e.pages.length > 0 && v(e.pages[0].id) : S(!0);
+		}), () => {
+			k(null), j(), S(!1);
+		};
+	}, [
+		u,
+		g,
+		z,
+		k,
+		j
+	]), f(() => {
+		if (!T) return;
+		let e = E(), t = D();
+		Object.entries(e).forEach(([e, t]) => {
+			A(`ctx_${e}`, t);
+		}), t.depth > 0 && (A("__drilldown_depth", t.depth), A("__drilldown_parent", t.parent), A("__drilldown_path", t.path)), Object.keys(e).length > 0 && console.debug("[DashboardViewPage] Loaded drilldown context:", {
+			context: e,
+			metadata: t
+		});
+	}, [
+		T,
+		E,
+		D,
+		A
+	]);
+	let Y = d(async () => {
+		if (u) {
+			b(!0);
+			try {
+				let e = Array.from(M.values());
+				e.length > 0 && await W(e.map((e) => ({
+					id: e.id,
+					position: e.position
+				}))), O && await B({
+					id: u,
+					name: O.name,
+					description: O.description
+				});
+			} catch {} finally {
+				b(!1);
+			}
+		}
+	}, [
+		u,
+		M,
+		O,
+		W,
+		B
+	]), X = d((e) => {
+		v(e);
+	}, []), Z = d(async () => {
+		let e = _ || O?.pages?.[0]?.id;
+		if (!N || !u || !e) return;
+		let t = M.get(N);
+		if (!t) {
+			F();
+			return;
+		}
+		let n = {
+			x: 0,
+			y: Array.from(M.values()).reduce((e, t) => {
+				let n = (t.positionY ?? 0) + (t.positionHeight ?? 4);
+				return Math.max(e, n);
+			}, 0),
+			width: t.positionWidth ?? 4,
+			height: t.positionHeight ?? 4
+		}, r = P === "copy" ? `${t.title} (Copy)` : t.title, i = null;
+		try {
+			i = await U(N, n, r);
+		} catch {}
+		i ||= await V({
+			pageId: e,
+			dashboardId: u,
+			type: t.type,
+			title: r,
+			description: t.description,
+			dataSinkId: t.dataSinkId,
+			datasetId: t.datasetId,
+			parserId: t.parserId,
+			parserRules: t.parserRules,
+			config: t.config || {},
+			position: n,
+			refreshInterval: t.refreshInterval ?? void 0,
+			metadata: t.metadata
+		}), i && (I(i.id), P === "cut" && await H(N)), F();
+	}, [
+		N,
+		P,
+		u,
+		_,
+		O,
+		M,
+		U,
+		V,
+		H,
+		I,
+		F
+	]), Q = d(() => {
+		w(!0);
+	}, []), $ = d(() => {
+		w(!1);
+	}, []), te = d(async () => {
+		if (!O || !u) return;
+		let e = await G({
+			dashboardId: u,
+			name: `Page ${(O.pages?.length || 0) + 1}`
+		});
+		e && (k({
+			...O,
+			pages: [...O.pages || [], e]
+		}), v(e.id));
+	}, [
+		O,
+		u,
+		k,
+		G
+	]), ne = d(async (e, t) => {
+		O && await K({
+			id: e,
+			name: t
+		}) && k({
+			...O,
+			pages: O.pages?.map((n) => n.id === e ? {
+				...n,
+				name: t
+			} : n)
+		});
+	}, [
+		O,
+		k,
+		K
+	]), re = d(async (e) => {
+		if (!O || !u) return;
+		let t = O.pages?.find((t) => t.id === e);
+		if (!t) return;
+		let n = await G({
+			dashboardId: u,
+			name: `${t.name} (Copy)`
+		});
+		n && (k({
+			...O,
+			pages: [...O.pages || [], n]
+		}), v(n.id));
+	}, [
+		O,
+		u,
+		k,
+		G
+	]), ie = d(async (e) => {
+		if (!(!O || (O.pages?.length || 0) <= 1) && await q(e)) {
+			let t = O.pages?.filter((t) => t.id !== e).map((e, t) => ({
+				...e,
+				order: t
+			}));
+			k({
+				...O,
+				pages: t
+			}), _ === e && v(t?.[0]?.id || null);
+		}
+	}, [
+		O,
+		k,
+		_,
+		q
+	]), ae = d(async (e) => {
+		!O || !u || (k({
+			...O,
+			pages: e.map((e, t) => ({
+				...e,
+				order: t
+			}))
+		}), await J(u, e.map((e) => e.id)));
+	}, [
+		O,
+		u,
+		k,
+		J
+	]);
+	return R ? /* @__PURE__ */ m("div", {
+		className: "flex flex-col items-center justify-center h-full p-6",
+		children: /* @__PURE__ */ h("div", {
+			className: "bg-status-error-bg border border-status-error-border rounded-lg p-6 max-w-md",
+			children: [
+				/* @__PURE__ */ m("h3", {
+					className: "text-lg font-medium text-status-error-text mb-2",
+					children: "Error loading dashboard"
+				}),
+				/* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary mb-4",
+					children: R.message
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "flex gap-3",
+					children: [/* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => z(u),
+						className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md",
+						children: "Retry"
+					}), /* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => g("/dashboards"),
+						className: "px-4 py-2 text-sm font-medium text-text-secondary bg-bg-muted hover:bg-bg-muted/80 rounded-md",
+						children: "Back to Dashboards"
+					})]
+				})
+			]
+		})
+	}) : x ? /* @__PURE__ */ m("div", {
+		className: "flex flex-col items-center justify-center h-full p-6",
+		children: /* @__PURE__ */ h("div", {
+			className: "bg-bg-surface border border-border-default rounded-lg p-6 max-w-md text-center",
+			children: [
+				/* @__PURE__ */ m("svg", {
+					className: "w-16 h-16 mx-auto mb-4 text-text-tertiary",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ m("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 1.5,
+						d: "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+					})
+				}),
+				/* @__PURE__ */ m("h3", {
+					className: "text-lg font-medium text-text-primary mb-2",
+					children: "Dashboard not found"
+				}),
+				/* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary mb-4",
+					children: "The dashboard you're looking for doesn't exist or has been deleted."
+				}),
+				/* @__PURE__ */ h("p", {
+					className: "text-xs text-text-tertiary mb-4 font-mono",
+					children: ["ID: ", u]
+				}),
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => g("/dashboards"),
+					className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md",
+					children: "Back to Dashboards"
+				})
+			]
+		})
+	}) : L || !O ? /* @__PURE__ */ m("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ h("div", {
+			className: "flex flex-col items-center gap-4",
+			children: [/* @__PURE__ */ m("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" }), /* @__PURE__ */ m("p", {
+				className: "text-sm text-text-secondary",
+				children: "Loading dashboard..."
+			})]
+		})
+	}) : /* @__PURE__ */ h("div", {
+		className: "h-full flex flex-col",
+		children: [
+			T && /* @__PURE__ */ m(l, {
+				currentDashboardId: O.id,
+				currentDashboardName: O.name,
+				basePath: "/bigconsole/dashboards"
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ m(s, {
+					dashboardId: O.id,
+					pageId: _ || O.pages?.[0]?.id,
+					title: O.name,
+					onPaste: Z,
+					onSave: Y,
+					isSaving: y,
+					onExport: Q,
+					pages: (O.pages || []).map((e, t) => ({
+						id: e.id,
+						name: e.name || `Page ${t + 1}`,
+						order: e.order ?? 0
+					})),
+					activePageId: _ || O.pages?.[0]?.id,
+					onPageChange: X,
+					onPageAdd: te,
+					onPageRename: ne,
+					onPageDuplicate: re,
+					onPageDelete: ie,
+					onPagesReorder: ae,
+					showPageTabs: !0
+				})
+			}),
+			/* @__PURE__ */ m(c, {
+				isOpen: C,
+				dashboardId: O.id,
+				dashboardName: O.name,
+				onClose: $
+			})
+		]
+	});
+});
+//#endregion
+export { g as DashboardViewPage, g as default };
+
+//# sourceMappingURL=DashboardViewPage.js.map

package/dist/bigconsole/pages/DashboardViewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardViewPage.js","names":[],"sources":["../../../src/bigconsole/pages/DashboardViewPage.tsx"],"sourcesContent":["/**\n * DashboardViewPage\n *\n * View/edit a single dashboard - fetches data from real backend.\n * Supports drilldown context propagation via URL parameters.\n */\n\nimport { type FC, memo, useEffect, useCallback, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useBigConsoleNavigate } from '../context';\nimport { DashboardCanvas, ExportDashboardDialog, DrilldownBreadcrumb } from '../components/dashboard';\nimport { useDashboardStore, useWidgetStore } from '../store';\nimport { useDashboardOperations, useWidgetOperations, usePageOperations } from '../hooks';\nimport { useFilterUrlSync } from '../hooks/useFilterUrlSync';\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DashboardViewPage: FC = memo(function DashboardViewPage() {\n  const { dashboardId } = useParams<{ dashboardId: string }>();\n  const navigate = useBigConsoleNavigate();\n  const [currentPageId, setCurrentPageId] = useState<string | null>(null);\n  const [isSaving, setIsSaving] = useState(false);\n  const [notFound, setNotFound] = useState(false);\n  const [isExportDialogOpen, setIsExportDialogOpen] = useState(false);\n\n  // Drilldown context from URL\n  const { isInDrilldown, getContextFromUrl, getDrilldownMetadata } = useFilterUrlSync();\n\n  // Store actions\n  const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n  const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n  const setGlobalFilterValue = useDashboardStore((state) => state.setGlobalFilterValue);\n  const clearAllGlobalFilters = useDashboardStore((state) => state.clearAllGlobalFilters);\n  const widgets = useWidgetStore((state) => state.widgets);\n  const clipboardWidgetId = useWidgetStore((state) => state.clipboardWidgetId);\n  const clipboardAction = useWidgetStore((state) => state.clipboardAction);\n  const clearClipboard = useWidgetStore((state) => state.clearClipboard);\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n\n  // Dashboard operations hook\n  const { loading, error, fetchDashboard, updateDashboard } = useDashboardOperations();\n\n  // Widget operations hook\n  const {\n    createWidget: createWidgetMutation,\n    deleteWidget: deleteWidgetMutation,\n    duplicateWidget: duplicateWidgetMutation,\n    batchUpdatePositions,\n  } = useWidgetOperations(currentPageId || undefined, dashboardId);\n\n  // Page operations hook\n  const {\n    createPage: createPageMutation,\n    updatePage: updatePageMutation,\n    deletePage: deletePageMutation,\n    reorderPages: reorderPagesMutation,\n  } = usePageOperations();\n\n  // Load dashboard data\n  useEffect(() => {\n    if (!dashboardId) {\n      navigate('/dashboards');\n      return;\n    }\n\n    // Clear stale global filters from previous dashboard before loading new one.\n    // This prevents drilldown context filters (ctx_*) from the source dashboard\n    // from persisting and incorrectly filtering data on the target dashboard.\n    clearAllGlobalFilters();\n\n    setNotFound(false);\n\n    // Fetch dashboard from backend\n    fetchDashboard(dashboardId).then((dashboard) => {\n      if (dashboard) {\n        // Set the first page as current page\n        if (dashboard.pages && dashboard.pages.length > 0) {\n          setCurrentPageId(dashboard.pages[0].id);\n        }\n      } else {\n        // Dashboard not found\n        setNotFound(true);\n      }\n    });\n\n    // Cleanup\n    return () => {\n      setCurrentDashboard(null);\n      clearAllGlobalFilters();\n      setNotFound(false);\n    };\n  }, [dashboardId, navigate, fetchDashboard, setCurrentDashboard, clearAllGlobalFilters]);\n\n  // Load drilldown context from URL and apply to global filters\n  useEffect(() => {\n    if (!isInDrilldown) return;\n\n    // Get context params from URL (ctx_* params)\n    const contextParams = getContextFromUrl();\n    const drilldownMeta = getDrilldownMetadata();\n\n    // Apply context to dashboard state (available for widgets to use)\n    // Store as special filter values that widgets can reference\n    Object.entries(contextParams).forEach(([key, value]) => {\n      // Store context params as global filter values with ctx_ prefix for clarity\n      setGlobalFilterValue(`ctx_${key}`, value);\n    });\n\n    // Store drilldown metadata as special values\n    if (drilldownMeta.depth > 0) {\n      setGlobalFilterValue('__drilldown_depth', drilldownMeta.depth);\n      setGlobalFilterValue('__drilldown_parent', drilldownMeta.parent);\n      setGlobalFilterValue('__drilldown_path', drilldownMeta.path);\n    }\n\n    // Log for debugging\n    if (Object.keys(contextParams).length > 0) {\n      console.debug('[DashboardViewPage] Loaded drilldown context:', {\n        context: contextParams,\n        metadata: drilldownMeta,\n      });\n    }\n  }, [isInDrilldown, getContextFromUrl, getDrilldownMetadata, setGlobalFilterValue]);\n\n  // Handle save - batch update widget positions and dashboard metadata\n  const handleSave = useCallback(async () => {\n    if (!dashboardId) return;\n\n    setIsSaving(true);\n    try {\n      // Get all widgets and their positions\n      const widgetList = Array.from(widgets.values());\n      if (widgetList.length > 0) {\n        const positionUpdates = widgetList.map((widget) => ({\n          id: widget.id,\n          position: widget.position,\n        }));\n\n        await batchUpdatePositions(positionUpdates);\n      }\n\n      // Update dashboard metadata if needed\n      if (currentDashboard) {\n        await updateDashboard({\n          id: dashboardId,\n          name: currentDashboard.name,\n          description: currentDashboard.description,\n        });\n      }\n    } catch (error) {\n    } finally {\n      setIsSaving(false);\n    }\n  }, [dashboardId, widgets, currentDashboard, batchUpdatePositions, updateDashboard]);\n\n  // Handle page change\n  const handlePageChange = useCallback((pageId: string) => {\n    setCurrentPageId(pageId);\n  }, []);\n\n  // Handle paste widget from clipboard\n  const handlePaste = useCallback(async () => {\n    const pageId = currentPageId || currentDashboard?.pages?.[0]?.id;\n    if (!clipboardWidgetId || !dashboardId || !pageId) {\n      return;\n    }\n\n    const sourceWidget = widgets.get(clipboardWidgetId);\n    if (!sourceWidget) {\n      clearClipboard();\n      return;\n    }\n\n    // Calculate new position (place at bottom of existing widgets)\n    const widgetsArray = Array.from(widgets.values());\n    const maxY = widgetsArray.reduce((max, w) => {\n      const widgetBottom = (w.positionY ?? 0) + (w.positionHeight ?? 4);\n      return Math.max(max, widgetBottom);\n    }, 0);\n\n    const newPosition = {\n      x: 0,\n      y: maxY,\n      width: sourceWidget.positionWidth ?? 4,\n      height: sourceWidget.positionHeight ?? 4,\n    };\n\n    const newTitle = clipboardAction === 'copy' ? `${sourceWidget.title} (Copy)` : sourceWidget.title;\n\n    let newWidget = null;\n\n    // Try duplicateWidget API first\n    try {\n      newWidget = await duplicateWidgetMutation(clipboardWidgetId, newPosition, newTitle);\n    } catch (err) {}\n\n    // Fallback: Create new widget with source widget's data\n    if (!newWidget) {\n      newWidget = await createWidgetMutation({\n        pageId,\n        dashboardId,\n        type: sourceWidget.type,\n        title: newTitle,\n        description: sourceWidget.description,\n        // v2.0: Data source fields (DataSink → Parser → Widget)\n        dataSinkId: (sourceWidget as unknown as Record<string, string | undefined>).dataSinkId,\n        datasetId: (sourceWidget as unknown as Record<string, string | undefined>).datasetId,\n        parserId: (sourceWidget as unknown as Record<string, string | undefined>).parserId,\n        parserRules: (sourceWidget as unknown as Record<string, string | undefined>).parserRules,\n        config: sourceWidget.config || {},\n        position: newPosition,\n        refreshInterval: sourceWidget.refreshInterval ?? undefined,\n        metadata: sourceWidget.metadata,\n      });\n    }\n\n    if (newWidget) {\n      selectWidget(newWidget.id);\n\n      // If cut action, delete the original widget from backend\n      if (clipboardAction === 'cut') {\n        await deleteWidgetMutation(clipboardWidgetId);\n      }\n    }\n\n    clearClipboard();\n  }, [\n    clipboardWidgetId,\n    clipboardAction,\n    dashboardId,\n    currentPageId,\n    currentDashboard,\n    widgets,\n    duplicateWidgetMutation,\n    createWidgetMutation,\n    deleteWidgetMutation,\n    selectWidget,\n    clearClipboard,\n  ]);\n\n  // Handle export\n  const handleExport = useCallback(() => {\n    setIsExportDialogOpen(true);\n  }, []);\n\n  const handleExportClose = useCallback(() => {\n    setIsExportDialogOpen(false);\n  }, []);\n\n  // ============================================================================\n  // Page Management Callbacks\n  // ============================================================================\n\n  // Handle adding a new page\n  const handlePageAdd = useCallback(async () => {\n    if (!currentDashboard || !dashboardId) return;\n\n    const newPageCount = (currentDashboard.pages?.length || 0) + 1;\n    const newPageName = `Page ${newPageCount}`;\n\n    // Call GraphQL mutation to create page\n    // Note: 'order' is not available for create - backend auto-assigns order\n    const newPage = await createPageMutation({\n      dashboardId,\n      name: newPageName,\n    });\n\n    if (newPage) {\n      // Update local state with the created page\n      setCurrentDashboard({\n        ...currentDashboard,\n        pages: [...(currentDashboard.pages || []), newPage],\n      });\n\n      // Switch to the new page\n      setCurrentPageId(newPage.id);\n    }\n  }, [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation]);\n\n  // Handle renaming a page\n  const handlePageRename = useCallback(\n    async (pageId: string, newName: string) => {\n      if (!currentDashboard) return;\n\n      // Call GraphQL mutation to update page\n      const updatedPage = await updatePageMutation({\n        id: pageId,\n        name: newName,\n      });\n\n      if (updatedPage) {\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: currentDashboard.pages?.map((page) => (page.id === pageId ? { ...page, name: newName } : page)),\n        });\n      }\n    },\n    [currentDashboard, setCurrentDashboard, updatePageMutation]\n  );\n\n  // Handle duplicating a page\n  const handlePageDuplicate = useCallback(\n    async (pageId: string) => {\n      if (!currentDashboard || !dashboardId) return;\n\n      const sourcePage = currentDashboard.pages?.find((p) => p.id === pageId);\n      if (!sourcePage) return;\n\n      // Call GraphQL mutation to create a copy of the page\n      // Note: 'order' is not available for create - backend auto-assigns order\n      const newPage = await createPageMutation({\n        dashboardId,\n        name: `${sourcePage.name} (Copy)`,\n      });\n\n      if (newPage) {\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: [...(currentDashboard.pages || []), newPage],\n        });\n\n        setCurrentPageId(newPage.id);\n      }\n      // Note: Widget duplication would require additional backend support\n    },\n    [currentDashboard, dashboardId, setCurrentDashboard, createPageMutation]\n  );\n\n  // Handle deleting a page\n  const handlePageDelete = useCallback(\n    async (pageId: string) => {\n      if (!currentDashboard || (currentDashboard.pages?.length || 0) <= 1) return;\n\n      // Call GraphQL mutation to delete page\n      const success = await deletePageMutation(pageId);\n\n      if (success) {\n        const updatedPages = currentDashboard.pages\n          ?.filter((p) => p.id !== pageId)\n          .map((p, index) => ({ ...p, order: index }));\n\n        setCurrentDashboard({\n          ...currentDashboard,\n          pages: updatedPages,\n        });\n\n        // Switch to first page if current page was deleted\n        if (currentPageId === pageId) {\n          setCurrentPageId(updatedPages?.[0]?.id || null);\n        }\n      }\n    },\n    [currentDashboard, setCurrentDashboard, currentPageId, deletePageMutation]\n  );\n\n  // Handle reordering pages\n  const handlePagesReorder = useCallback(\n    async (reorderedPages: Array<{ id: string; name?: string; order?: number }>) => {\n      if (!currentDashboard || !dashboardId) return;\n\n      // Update local state optimistically\n      setCurrentDashboard({\n        ...currentDashboard,\n        pages: reorderedPages.map((page, index) => ({\n          ...page,\n          order: index,\n        })),\n      });\n\n      // Call GraphQL mutation to persist the reorder\n      const pageIds = reorderedPages.map((p) => p.id);\n      await reorderPagesMutation(dashboardId, pageIds);\n    },\n    [currentDashboard, dashboardId, setCurrentDashboard, reorderPagesMutation]\n  );\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-6\">\n        <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-6 max-w-md\">\n          <h3 className=\"text-lg font-medium text-status-error-text mb-2\">Error loading dashboard</h3>\n          <p className=\"text-sm text-text-secondary mb-4\">{error.message}</p>\n          <div className=\"flex gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => fetchDashboard(dashboardId!)}\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\"\n            >\n              Retry\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => navigate('/dashboards')}\n              className=\"px-4 py-2 text-sm font-medium text-text-secondary bg-bg-muted hover:bg-bg-muted/80 rounded-md\"\n            >\n              Back to Dashboards\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Not found state\n  if (notFound) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-6\">\n        <div className=\"bg-bg-surface border border-border-default rounded-lg p-6 max-w-md text-center\">\n          <svg\n            className=\"w-16 h-16 mx-auto mb-4 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n          <h3 className=\"text-lg font-medium text-text-primary mb-2\">Dashboard not found</h3>\n          <p className=\"text-sm text-text-secondary mb-4\">\n            The dashboard you&apos;re looking for doesn&apos;t exist or has been deleted.\n          </p>\n          <p className=\"text-xs text-text-tertiary mb-4 font-mono\">ID: {dashboardId}</p>\n          <button\n            type=\"button\"\n            onClick={() => navigate('/dashboards')}\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\"\n          >\n            Back to Dashboards\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // Loading state\n  if (loading || !currentDashboard) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <div className=\"animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full\" />\n          <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full flex flex-col\">\n      {/* Drilldown Breadcrumb - shown when navigating via drilldown */}\n      {isInDrilldown && (\n        <DrilldownBreadcrumb\n          currentDashboardId={currentDashboard.id}\n          currentDashboardName={currentDashboard.name}\n          basePath=\"/bigconsole/dashboards\"\n        />\n      )}\n\n      {/* Dashboard Canvas with Page Tabs */}\n      <div className=\"flex-1\">\n        <DashboardCanvas\n          dashboardId={currentDashboard.id}\n          pageId={currentPageId || currentDashboard.pages?.[0]?.id}\n          title={currentDashboard.name}\n          onPaste={handlePaste}\n          onSave={handleSave}\n          isSaving={isSaving}\n          onExport={handleExport}\n          // Page tabs props\n          pages={(currentDashboard.pages || []).map((page, index) => ({\n            id: page.id,\n            name: page.name || `Page ${index + 1}`,\n            order: page.order ?? 0,\n          }))}\n          activePageId={currentPageId || currentDashboard.pages?.[0]?.id}\n          onPageChange={handlePageChange}\n          onPageAdd={handlePageAdd}\n          onPageRename={handlePageRename}\n          onPageDuplicate={handlePageDuplicate}\n          onPageDelete={handlePageDelete}\n          onPagesReorder={handlePagesReorder}\n          showPageTabs={true}\n        />\n      </div>\n\n      {/* Export Dashboard Dialog */}\n      <ExportDashboardDialog\n        isOpen={isExportDialogOpen}\n        dashboardId={currentDashboard.id}\n        dashboardName={currentDashboard.name}\n        onClose={handleExportClose}\n      />\n    </div>\n  );\n});\n\nexport default DashboardViewPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DashboardsPage.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+
+export declare const DashboardsPage: FC;
+export default DashboardsPage;
+//# sourceMappingURL=DashboardsPage.d.ts.map

package/dist/bigconsole/pages/DashboardsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DashboardsPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AA6B7D,eAAO,MAAM,cAAc,EAAE,EAknB3B,CAAC;AAEH,eAAe,cAAc,CAAC"}