@burdenoff/microfe-bigconsole 2026.624.2 → 2026.625.1

package/dist/bigconsole/components/dashboard/DashboardToolbar.js

@@ -5,142 +5,142 @@ import n from "./SavedViewsDropdown/SavedViewsDropdown.js";
 import "./SavedViewsDropdown/index.js";
 import { memo as r, useCallback as i } from "react";
 import { Clipboard as a, Download as o, Eye as s, FileText as c, Image as l, Minus as u, PanelLeft as d, PanelLeftClose as f, Pencil as p, Plus as m, RotateCcw as h, Save as g, Share2 as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, Spinner as S, Tooltip as C, TooltipContent as w, TooltipProvider as T, TooltipTrigger as E } from "@burdenoff/fe-libs/ui";
+import { Button as v, Spinner as y, Tooltip as b, TooltipContent as x, TooltipProvider as S, TooltipTrigger as C } from "@burdenoff/fe-libs/ui";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/DashboardToolbar.tsx
 var D = r(function({ dashboardId: r, title: D, onAddWidget: O, onTogglePalette: k, isPaletteOpen: A = !1, onPaste: j, onSave: M, isSaving: N = !1, onExport: P, onExportImage: F, onExportPdf: I, isExportingImage: L = !1, onShare: R }) {
 	let z = t((e) => e.viewMode === "edit"), B = t((e) => e.toggleViewMode), V = t((e) => e.zoomLevel), H = t((e) => e.setZoomLevel), U = !!e((e) => e.clipboardWidgetId), W = i(() => {
 		U && j && j();
 	}, [U, j]);
-	return /* @__PURE__ */ y(T, { children: /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ T(S, { children: /* @__PURE__ */ E("div", {
 		className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-2 px-4 py-2 bg-bg-surface border-b",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex min-w-0 items-center gap-4",
-				children: [D && /* @__PURE__ */ y("h1", {
+				children: [D && /* @__PURE__ */ T("h1", {
 					className: "min-w-0 truncate text-lg font-semibold",
 					title: D,
 					children: D
-				}), r && /* @__PURE__ */ y(n, { dashboardId: r })]
+				}), r && /* @__PURE__ */ T(n, { dashboardId: r })]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-shrink-0 items-center gap-1",
 				children: [
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: () => H(Math.max(50, V - 10)),
 							disabled: V <= 50,
-							children: /* @__PURE__ */ y(u, { className: "size-4" })
+							children: /* @__PURE__ */ T(u, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Zoom out" })] }),
-					/* @__PURE__ */ b("span", {
+					}), /* @__PURE__ */ T(x, { children: "Zoom out" })] }),
+					/* @__PURE__ */ E("span", {
 						className: "text-sm text-text-secondary w-12 text-center",
 						children: [V, "%"]
 					}),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: () => H(Math.min(200, V + 10)),
 							disabled: V >= 200,
-							children: /* @__PURE__ */ y(m, { className: "size-4" })
+							children: /* @__PURE__ */ T(m, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Zoom in" })] }),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Zoom in" })] }),
+					/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(x, {
+						children: /* @__PURE__ */ E(v, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => H(100),
-							children: [/* @__PURE__ */ y(h, { className: "size-3.5 mr-1" }), "Reset"]
+							children: [/* @__PURE__ */ T(h, { className: "size-3.5 mr-1" }), "Reset"]
 						})
-					}), /* @__PURE__ */ y(w, { children: "Reset zoom to 100%" })] })
+					}), /* @__PURE__ */ T(x, { children: "Reset zoom to 100%" })] })
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-wrap items-center justify-end gap-2",
 				children: [
-					z && /* @__PURE__ */ b(v, { children: [
-						k && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					z && /* @__PURE__ */ E(w, { children: [
+						k && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 							asChild: !0,
-							children: /* @__PURE__ */ b(x, {
+							children: /* @__PURE__ */ E(v, {
 								variant: A ? "secondary" : "outline",
 								size: "sm",
 								onClick: k,
-								children: [y(A ? f : d, { className: "size-4" }), "Widgets"]
+								children: [T(A ? f : d, { className: "size-4" }), "Widgets"]
 							})
-						}), /* @__PURE__ */ y(w, { children: A ? "Hide widget palette" : "Show widget palette for drag & drop" })] }),
-						/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+						}), /* @__PURE__ */ T(x, { children: A ? "Hide widget palette" : "Show widget palette for drag & drop" })] }),
+						/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 							asChild: !0,
-							children: /* @__PURE__ */ b(x, {
+							children: /* @__PURE__ */ E(v, {
 								variant: "ghost",
 								size: "sm",
 								onClick: W,
 								disabled: !U,
-								children: [/* @__PURE__ */ y(a, { className: "size-4" }), "Paste"]
+								children: [/* @__PURE__ */ T(a, { className: "size-4" }), "Paste"]
 							})
-						}), /* @__PURE__ */ y(w, { children: "Paste widget from clipboard" })] }),
-						/* @__PURE__ */ b(x, {
+						}), /* @__PURE__ */ T(x, { children: "Paste widget from clipboard" })] }),
+						/* @__PURE__ */ E(v, {
 							size: "sm",
 							onClick: O,
-							children: [/* @__PURE__ */ y(m, { className: "size-4" }), "Add Widget"]
+							children: [/* @__PURE__ */ T(m, { className: "size-4" }), "Add Widget"]
 						})
 					] }),
-					/* @__PURE__ */ y(x, {
+					/* @__PURE__ */ T(v, {
 						variant: z ? "secondary" : "outline",
 						size: "sm",
 						onClick: B,
-						children: z ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(s, { className: "size-4" }), "Preview"] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(p, { className: "size-4" }), "Edit"] })
+						children: z ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(s, { className: "size-4" }), "Preview"] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(p, { className: "size-4" }), "Edit"] })
 					}),
-					M && /* @__PURE__ */ y(x, {
+					M && /* @__PURE__ */ T(v, {
 						variant: "outline",
 						size: "sm",
 						onClick: M,
 						disabled: N,
-						children: N ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(S, { className: "size-4" }), "Saving..."] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(g, { className: "size-4" }), "Save"] })
+						children: N ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(y, { className: "size-4" }), "Saving..."] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(g, { className: "size-4" }), "Save"] })
 					}),
-					R && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					R && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(x, {
+						children: /* @__PURE__ */ E(v, {
 							variant: "outline",
 							size: "sm",
 							onClick: R,
-							children: [/* @__PURE__ */ y(_, { className: "size-4" }), "Share"]
+							children: [/* @__PURE__ */ T(_, { className: "size-4" }), "Share"]
 						})
-					}), /* @__PURE__ */ y(w, { children: "Share dashboard with others" })] }),
-					P && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Share dashboard with others" })] }),
+					P && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(x, {
+						children: /* @__PURE__ */ E(v, {
 							variant: "outline",
 							size: "sm",
 							onClick: P,
-							children: [/* @__PURE__ */ y(o, { className: "size-4" }), "Export"]
+							children: [/* @__PURE__ */ T(o, { className: "size-4" }), "Export"]
 						})
-					}), /* @__PURE__ */ y(w, { children: "Export dashboard to JSON" })] }),
-					F && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Export dashboard to JSON" })] }),
+					F && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: F,
 							disabled: L,
-							children: y(L ? S : l, { className: "size-4" })
+							children: T(L ? y : l, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Export board as PNG image" })] }),
-					I && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Export board as PNG image" })] }),
+					I && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: I,
 							disabled: L,
-							children: /* @__PURE__ */ y(c, { className: "size-4" })
+							children: /* @__PURE__ */ T(c, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Export board as PDF" })] })
+					}), /* @__PURE__ */ T(x, { children: "Export board as PDF" })] })
 				]
 			})
 		]

package/dist/bigconsole/components/dashboard/DrilldownBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownBreadcrumb.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/DrilldownBreadcrumb.tsx"],"sourcesContent":["/**\n * DrilldownBreadcrumb Component\n *\n * Displays a breadcrumb trail showing the drilldown navigation path.\n * Allows users to navigate back up the drilldown hierarchy.\n *\n * URL Parameters Used:\n * - drilldown_depth: Current depth in drilldown hierarchy\n * - drilldown_parent: Parent dashboard ID\n * - drilldown_path: JSON array of dashboard IDs in the path\n */\n\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport { useBigConsoleNavigate } from '../../context';\nimport { useFilterUrlSync } from '../../hooks/useFilterUrlSync';\nimport { useDashboardStore } from '../../store';\nimport { ChevronRight, Home, ArrowLeft } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface DrilldownBreadcrumbProps {\n  /** Additional CSS classes */\n  className?: string;\n  /** Current dashboard ID */\n  currentDashboardId?: string;\n  /** Current dashboard name */\n  currentDashboardName?: string;\n  /** Whether to show the home/root link */\n  showHome?: boolean;\n  /** Base path for dashboard URLs */\n  basePath?: string;\n}\n\ninterface BreadcrumbItem {\n  id: string;\n  name: string;\n  href: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownBreadcrumb = memo(function DrilldownBreadcrumb({\n  className = '',\n  currentDashboardId,\n  currentDashboardName,\n  showHome = true,\n  basePath = '/bigconsole/dashboards',\n}: DrilldownBreadcrumbProps) {\n  const navigate = useBigConsoleNavigate();\n  const { getDrilldownMetadata, isInDrilldown, drilldownDepth } = useFilterUrlSync();\n\n  // Get dashboards from store for name lookup\n  const dashboards = useDashboardStore((state) => state.dashboards);\n\n  const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbItem[]>([]);\n\n  // Build breadcrumb items from path\n  useEffect(() => {\n    if (!isInDrilldown) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    const metadata = getDrilldownMetadata();\n    const { path } = metadata;\n\n    if (path.length === 0) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    // Map path IDs to breadcrumb items\n    const items: BreadcrumbItem[] = path.map((dashboardId) => {\n      // Try to find dashboard name in store\n      const dashboard = dashboards.get(dashboardId);\n      const name = dashboard?.name || `Dashboard ${dashboardId.slice(0, 8)}...`;\n\n      return {\n        id: dashboardId,\n        name,\n        href: `${basePath}/${dashboardId}`,\n      };\n    });\n\n    setBreadcrumbs(items);\n  }, [isInDrilldown, getDrilldownMetadata, dashboards, basePath]);\n\n  // Handle navigation to a breadcrumb item\n  const handleNavigate = useCallback(\n    (item: BreadcrumbItem, index: number) => {\n      // Build URL preserving context up to this point\n      const metadata = getDrilldownMetadata();\n      const newPath = metadata.path.slice(0, index);\n      const newDepth = index;\n\n      // Build URL with updated drilldown params\n      const url = new URL(item.href, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n      }\n      if (index > 0 && newPath.length > 0) {\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    },\n    [getDrilldownMetadata, navigate]\n  );\n\n  // Handle back button click\n  const handleBack = useCallback(() => {\n    const metadata = getDrilldownMetadata();\n\n    if (metadata.parent) {\n      // Navigate to parent dashboard\n      const newPath = metadata.path.slice(0, -1);\n      const newDepth = metadata.depth - 1;\n\n      const url = new URL(`${basePath}/${metadata.parent}`, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    } else if (breadcrumbs.length > 0) {\n      // Navigate to last breadcrumb\n      const lastBreadcrumb = breadcrumbs[breadcrumbs.length - 1];\n      handleNavigate(lastBreadcrumb, breadcrumbs.length - 1);\n    }\n  }, [getDrilldownMetadata, basePath, navigate, breadcrumbs, handleNavigate]);\n\n  // Handle home click\n  const handleHomeClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      navigate(basePath);\n    },\n    [navigate, basePath]\n  );\n\n  // Don't render if not in drilldown mode\n  if (!isInDrilldown) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={`flex items-center gap-2 px-4 py-2 bg-bg-surface border-b border-border-default ${className}`}\n      aria-label=\"Drilldown breadcrumb\"\n    >\n      {/* Back button */}\n      <button\n        type=\"button\"\n        onClick={handleBack}\n        className=\"flex items-center gap-1 px-2 py-1 text-sm font-medium text-action-primary-bg hover:bg-action-primary-bg/10 rounded-md transition-colors\"\n        aria-label=\"Go back\"\n      >\n        <ArrowLeft className=\"w-4 h-4\" />\n        <span className=\"hidden sm:inline\">Back</span>\n      </button>\n\n      <span className=\"text-border-default\">|</span>\n\n      {/* Home link */}\n      {showHome && (\n        <>\n          <a\n            href={basePath}\n            onClick={handleHomeClick}\n            className=\"flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            aria-label=\"Home\"\n          >\n            <Home className=\"w-4 h-4\" />\n            <span className=\"hidden sm:inline\">Dashboards</span>\n          </a>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </>\n      )}\n\n      {/* Breadcrumb items */}\n      {breadcrumbs.map((item, index) => (\n        <div key={item.id} className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => handleNavigate(item, index)}\n            className=\"text-sm text-text-secondary hover:text-text-primary hover:underline transition-colors max-w-[150px] truncate\"\n            title={item.name}\n          >\n            {item.name}\n          </button>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </div>\n      ))}\n\n      {/* Current dashboard (non-clickable) */}\n      {currentDashboardName && (\n        <span className=\"text-sm font-medium text-text-primary max-w-[200px] truncate\" title={currentDashboardName}>\n          {currentDashboardName}\n        </span>\n      )}\n\n      {/* Depth indicator */}\n      <span className=\"ml-auto text-xs text-text-tertiary bg-bg-sunken px-2 py-0.5 rounded\">Level {drilldownDepth}</span>\n    </nav>\n  );\n});\n\nexport default DrilldownBreadcrumb;\n"],"mappings":"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"}
+{"version":3,"file":"DrilldownBreadcrumb.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/DrilldownBreadcrumb.tsx"],"sourcesContent":["/**\n * DrilldownBreadcrumb Component\n *\n * Displays a breadcrumb trail showing the drilldown navigation path.\n * Allows users to navigate back up the drilldown hierarchy.\n *\n * URL Parameters Used:\n * - drilldown_depth: Current depth in drilldown hierarchy\n * - drilldown_parent: Parent dashboard ID\n * - drilldown_path: JSON array of dashboard IDs in the path\n */\n\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport { useBigConsoleNavigate } from '../../context';\nimport { useFilterUrlSync } from '../../hooks/useFilterUrlSync';\nimport { useDashboardStore } from '../../store';\nimport { ChevronRight, Home, ArrowLeft } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface DrilldownBreadcrumbProps {\n  /** Additional CSS classes */\n  className?: string;\n  /** Current dashboard ID */\n  currentDashboardId?: string;\n  /** Current dashboard name */\n  currentDashboardName?: string;\n  /** Whether to show the home/root link */\n  showHome?: boolean;\n  /** Base path for dashboard URLs */\n  basePath?: string;\n}\n\ninterface BreadcrumbItem {\n  id: string;\n  name: string;\n  href: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownBreadcrumb = memo(function DrilldownBreadcrumb({\n  className = '',\n  currentDashboardId,\n  currentDashboardName,\n  showHome = true,\n  basePath = '/bigconsole/dashboards',\n}: DrilldownBreadcrumbProps) {\n  const navigate = useBigConsoleNavigate();\n  const { getDrilldownMetadata, isInDrilldown, drilldownDepth } = useFilterUrlSync();\n\n  // Get dashboards from store for name lookup\n  const dashboards = useDashboardStore((state) => state.dashboards);\n\n  const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbItem[]>([]);\n\n  // Build breadcrumb items from path\n  useEffect(() => {\n    if (!isInDrilldown) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    const metadata = getDrilldownMetadata();\n    const { path } = metadata;\n\n    if (path.length === 0) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    // Map path IDs to breadcrumb items\n    const items: BreadcrumbItem[] = path.map((dashboardId) => {\n      // Try to find dashboard name in store\n      const dashboard = dashboards.get(dashboardId);\n      const name = dashboard?.name || `Dashboard ${dashboardId.slice(0, 8)}...`;\n\n      return {\n        id: dashboardId,\n        name,\n        href: `${basePath}/${dashboardId}`,\n      };\n    });\n\n    setBreadcrumbs(items);\n  }, [isInDrilldown, getDrilldownMetadata, dashboards, basePath]);\n\n  // Handle navigation to a breadcrumb item\n  const handleNavigate = useCallback(\n    (item: BreadcrumbItem, index: number) => {\n      // Build URL preserving context up to this point\n      const metadata = getDrilldownMetadata();\n      const newPath = metadata.path.slice(0, index);\n      const newDepth = index;\n\n      // Build URL with updated drilldown params\n      const url = new URL(item.href, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n      }\n      if (index > 0 && newPath.length > 0) {\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    },\n    [getDrilldownMetadata, navigate]\n  );\n\n  // Handle back button click\n  const handleBack = useCallback(() => {\n    const metadata = getDrilldownMetadata();\n\n    if (metadata.parent) {\n      // Navigate to parent dashboard\n      const newPath = metadata.path.slice(0, -1);\n      const newDepth = metadata.depth - 1;\n\n      const url = new URL(`${basePath}/${metadata.parent}`, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    } else if (breadcrumbs.length > 0) {\n      // Navigate to last breadcrumb\n      const lastBreadcrumb = breadcrumbs[breadcrumbs.length - 1];\n      handleNavigate(lastBreadcrumb, breadcrumbs.length - 1);\n    }\n  }, [getDrilldownMetadata, basePath, navigate, breadcrumbs, handleNavigate]);\n\n  // Handle home click\n  const handleHomeClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      navigate(basePath);\n    },\n    [navigate, basePath]\n  );\n\n  // Don't render if not in drilldown mode\n  if (!isInDrilldown) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={`flex items-center gap-2 px-4 py-2 bg-bg-surface border-b border-border-default ${className}`}\n      aria-label=\"Drilldown breadcrumb\"\n    >\n      {/* Back button */}\n      <button\n        type=\"button\"\n        onClick={handleBack}\n        className=\"flex items-center gap-1 px-2 py-1 text-sm font-medium text-action-primary-bg hover:bg-action-primary-bg/10 rounded-md transition-colors\"\n        aria-label=\"Go back\"\n      >\n        <ArrowLeft className=\"w-4 h-4\" />\n        <span className=\"hidden sm:inline\">Back</span>\n      </button>\n\n      <span className=\"text-border-default\">|</span>\n\n      {/* Home link */}\n      {showHome && (\n        <>\n          <a\n            href={basePath}\n            onClick={handleHomeClick}\n            className=\"flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            aria-label=\"Home\"\n          >\n            <Home className=\"w-4 h-4\" />\n            <span className=\"hidden sm:inline\">Dashboards</span>\n          </a>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </>\n      )}\n\n      {/* Breadcrumb items */}\n      {breadcrumbs.map((item, index) => (\n        <div key={item.id} className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => handleNavigate(item, index)}\n            className=\"text-sm text-text-secondary hover:text-text-primary hover:underline transition-colors max-w-[150px] truncate\"\n            title={item.name}\n          >\n            {item.name}\n          </button>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </div>\n      ))}\n\n      {/* Current dashboard (non-clickable) */}\n      {currentDashboardName && (\n        <span className=\"text-sm font-medium text-text-primary max-w-[200px] truncate\" title={currentDashboardName}>\n          {currentDashboardName}\n        </span>\n      )}\n\n      {/* Depth indicator */}\n      <span className=\"ml-auto text-xs text-text-tertiary bg-bg-sunken px-2 py-0.5 rounded\">\n        Level {drilldownDepth}\n      </span>\n    </nav>\n  );\n});\n\nexport default DrilldownBreadcrumb;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/ExportDashboardDialog.js

@@ -2,8 +2,8 @@ import e from "../../hooks/useExportDashboard.js";
 import "../../hooks/index.js";
 import { memo as t, useCallback as n, useEffect as r, useState as i } from "react";
 import { Check as a, Download as o, FileJson as s } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Dialog as d, DialogContent as f, DialogDescription as p, DialogTitle as m, Spinner as h } from "@burdenoff/fe-libs/ui";
+import { Dialog as c, DialogContent as l, DialogDescription as u, DialogTitle as d, Spinner as f } from "@burdenoff/fe-libs/ui";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ExportDashboardDialog.tsx
 var g = {
 	dialogContent: {
@@ -169,7 +169,7 @@ var g = {
 		cursor: "not-allowed"
 	}
 }, _ = t(function({ checked: e, onChange: t, disabled: n, label: r, description: i }) {
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ h("div", {
 		style: {
 			...g.optionItem,
 			...e ? g.optionItemActive : {},
@@ -177,22 +177,22 @@ var g = {
 			cursor: n ? "not-allowed" : "pointer"
 		},
 		onClick: () => !n && t(!e),
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ m("div", {
 			style: {
 				...g.checkbox,
 				...e ? g.checkboxChecked : {}
 			},
-			children: e && /* @__PURE__ */ l(a, { style: {
+			children: e && /* @__PURE__ */ m(a, { style: {
 				width: "14px",
 				height: "14px",
 				color: "var(--color-action-primary-text)"
 			} })
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ h("div", {
 			style: g.optionText,
-			children: [/* @__PURE__ */ l("p", {
+			children: [/* @__PURE__ */ m("p", {
 				style: g.optionLabel,
 				children: r
-			}), /* @__PURE__ */ l("p", {
+			}), /* @__PURE__ */ m("p", {
 				style: g.optionDescription,
 				children: i
 			})]
@@ -219,87 +219,87 @@ var g = {
 		b,
 		y
 	]);
-	return a ? /* @__PURE__ */ l(d, {
+	return a ? /* @__PURE__ */ m(c, {
 		open: t,
 		onOpenChange: (e) => !e && !D && y(),
-		children: /* @__PURE__ */ u(f, {
+		children: /* @__PURE__ */ h(l, {
 			style: g.dialogContent,
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ h("div", {
 					style: g.header,
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ m("div", {
 						style: g.iconWrapper,
-						children: /* @__PURE__ */ l(s, { style: {
+						children: /* @__PURE__ */ m(s, { style: {
 							width: "22px",
 							height: "22px"
 						} })
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ h("div", {
 						style: g.headerText,
-						children: [/* @__PURE__ */ l(m, {
+						children: [/* @__PURE__ */ m(d, {
 							asChild: !0,
-							children: /* @__PURE__ */ l("h2", {
+							children: /* @__PURE__ */ m("h2", {
 								style: g.title,
 								children: "Export Dashboard"
 							})
-						}), /* @__PURE__ */ l(p, {
+						}), /* @__PURE__ */ m(u, {
 							asChild: !0,
-							children: /* @__PURE__ */ l("p", {
+							children: /* @__PURE__ */ m("p", {
 								style: g.description,
 								children: "Export your dashboard configuration to a JSON file."
 							})
 						})]
 					})]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ h("div", {
 					style: g.content,
 					children: [
-						v && /* @__PURE__ */ u("div", {
+						v && /* @__PURE__ */ h("div", {
 							style: g.dashboardInfo,
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ m("p", {
 								style: g.dashboardLabel,
 								children: "Exporting:"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ m("p", {
 								style: g.dashboardName,
 								children: v
 							})]
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ m("p", {
 							style: g.optionsTitle,
 							children: "Export Options"
 						}),
-						/* @__PURE__ */ l(_, {
+						/* @__PURE__ */ m(_, {
 							checked: x,
 							onChange: S,
 							disabled: D,
 							label: "Include Data Source References",
 							description: "Store data source names for reference (IDs are not transferred)"
 						}),
-						/* @__PURE__ */ l(_, {
+						/* @__PURE__ */ m(_, {
 							checked: C,
 							onChange: w,
 							disabled: D,
 							label: "Include Webhook Mappings",
 							description: "Export webhook configurations (URLs will need to be reconfigured)"
 						}),
-						/* @__PURE__ */ l(_, {
+						/* @__PURE__ */ m(_, {
 							checked: T,
 							onChange: E,
 							disabled: D,
 							label: "Format JSON (Pretty Print)",
 							description: "Makes the export file human-readable (larger file size)"
 						}),
-						O && /* @__PURE__ */ l("div", {
+						O && /* @__PURE__ */ m("div", {
 							style: g.error,
-							children: /* @__PURE__ */ l("p", {
+							children: /* @__PURE__ */ m("p", {
 								style: g.errorText,
 								children: O.message
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ h("div", {
 					style: g.footer,
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ m("button", {
 						style: g.cancelButton,
 						onClick: y,
 						disabled: D,
@@ -310,7 +310,7 @@ var g = {
 							e.currentTarget.style.backgroundColor = "var(--color-bg-surface)";
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ m("button", {
 						style: {
 							...g.exportButton,
 							...D ? g.exportButtonDisabled : {}
@@ -323,10 +323,10 @@ var g = {
 						onMouseLeave: (e) => {
 							D || (e.currentTarget.style.opacity = "1");
 						},
-						children: D ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(h, { style: {
+						children: D ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, { style: {
 							width: "16px",
 							height: "16px"
-						} }), "Exporting..."] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, { style: {
+						} }), "Exporting..."] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(o, { style: {
 							width: "16px",
 							height: "16px"
 						} }), "Download Export"] })