@inf-monkeys-tech/monkeys-design 1.0.7 → 1.0.8

package/dist/components/workbench/index.d.mts

@@ -923,10 +923,11 @@ interface WorkbenchRadarNavigationItem {
     children?: WorkbenchRadarNavigationChild[];
 }
 interface WorkbenchRadarWorkspaceProps {
-    navigationItems: WorkbenchRadarNavigationItem[];
-    activeNavigationId: string;
+    navigationItems?: WorkbenchRadarNavigationItem[];
+    activeNavigationId?: string;
     onNavigationSelect?: (item: WorkbenchRadarNavigationItem) => void;
     navigationFooter?: ReactNode;
+    navigation?: ReactNode;
     children: ReactNode;
     inspector?: ReactNode;
     inspectorLabel?: string;
@@ -935,7 +936,15 @@ interface WorkbenchRadarWorkspaceProps {
     minimumHeight?: number | string;
     ariaLabel?: string;
 }
-declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, onNavigationSelect, navigationFooter, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
+interface WorkbenchRadarNavigationProps {
+    items: WorkbenchRadarNavigationItem[];
+    activeItemId?: string;
+    onItemSelect?: (item: WorkbenchRadarNavigationItem) => void;
+    footer?: ReactNode;
+    ariaLabel?: string;
+}
+declare function WorkbenchRadarNavigation({ items, activeItemId, onItemSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, onNavigationSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
 declare function WorkbenchRadarInspectorSection({ title, icon, description, children, className, }: {
     title: ReactNode;
     icon?: ReactNode;
@@ -978,4 +987,4 @@ interface WorkbenchRadarMatrixProps {
     className?: string;
 }
 declare function WorkbenchRadarMatrix({ points, xAxis, yAxis, thresholds, quadrants, legend, selectedPointId, onPointSelect, width, height, labelLimit, emptyState, ariaLabel, className, }: WorkbenchRadarMatrixProps): null | react_jsx_runtime.JSX.Element;
-export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchResizableSidebarSection, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };
+export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, WorkbenchRadarNavigation, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarNavigationProps, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchResizableSidebarSection, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };

package/dist/components/workbench/index.d.ts

@@ -923,10 +923,11 @@ interface WorkbenchRadarNavigationItem {
     children?: WorkbenchRadarNavigationChild[];
 }
 interface WorkbenchRadarWorkspaceProps {
-    navigationItems: WorkbenchRadarNavigationItem[];
-    activeNavigationId: string;
+    navigationItems?: WorkbenchRadarNavigationItem[];
+    activeNavigationId?: string;
     onNavigationSelect?: (item: WorkbenchRadarNavigationItem) => void;
     navigationFooter?: ReactNode;
+    navigation?: ReactNode;
     children: ReactNode;
     inspector?: ReactNode;
     inspectorLabel?: string;
@@ -935,7 +936,15 @@ interface WorkbenchRadarWorkspaceProps {
     minimumHeight?: number | string;
     ariaLabel?: string;
 }
-declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, onNavigationSelect, navigationFooter, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
+interface WorkbenchRadarNavigationProps {
+    items: WorkbenchRadarNavigationItem[];
+    activeItemId?: string;
+    onItemSelect?: (item: WorkbenchRadarNavigationItem) => void;
+    footer?: ReactNode;
+    ariaLabel?: string;
+}
+declare function WorkbenchRadarNavigation({ items, activeItemId, onItemSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
+declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, onNavigationSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
 declare function WorkbenchRadarInspectorSection({ title, icon, description, children, className, }: {
     title: ReactNode;
     icon?: ReactNode;
@@ -978,4 +987,4 @@ interface WorkbenchRadarMatrixProps {
     className?: string;
 }
 declare function WorkbenchRadarMatrix({ points, xAxis, yAxis, thresholds, quadrants, legend, selectedPointId, onPointSelect, width, height, labelLimit, emptyState, ariaLabel, className, }: WorkbenchRadarMatrixProps): null | react_jsx_runtime.JSX.Element;
-export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchResizableSidebarSection, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };
+export { InteractiveTable, type InteractiveTableClassNames, type InteractiveTableColumn, type InteractiveTableColumnMenuLabels, InteractiveTableEditableTextCell, type InteractiveTableEditableTextCellProps, type InteractiveTableHeaderContext, type InteractiveTableHeaderProps, type InteractiveTableProps, InteractiveTableReadonlyCell, type InteractiveTableReadonlyCellProps, type InteractiveTableRenderContext, type InteractiveTableRowState, InteractiveTableSelectCell, type InteractiveTableSelectCellProps, type InteractiveTableSelectOption, WorkbenchAssetGallery, type WorkbenchAssetGalleryItem, type WorkbenchAssetGalleryProps, WorkbenchContentPane, type WorkbenchContentPaneBodyProps, type WorkbenchContentPaneClassNames, type WorkbenchContentPaneProps, WorkbenchContentToolbar, type WorkbenchContentToolbarClassNames, type WorkbenchContentToolbarProps, type WorkbenchContentToolbarViewModeOption, WorkbenchDetailSidebar, type WorkbenchDetailSidebarBodyProps, type WorkbenchDetailSidebarClassNames, type WorkbenchDetailSidebarField, type WorkbenchDetailSidebarProps, type WorkbenchDetailSidebarRenderContext, type WorkbenchDetailSidebarSection, type WorkbenchEvidenceItem, WorkbenchEvidenceList, type WorkbenchEvidenceListProps, WorkbenchGalleryCard, type WorkbenchGalleryCardMetaContext, type WorkbenchGalleryCardProps, type WorkbenchGalleryCardRenderContext, type WorkbenchGalleryColumn, type WorkbenchGalleryLabels, type WorkbenchGalleryRecordVisual, WorkbenchGallerySettingsButton, type WorkbenchGallerySettingsButtonClassNames, type WorkbenchGallerySettingsButtonProps, type WorkbenchGallerySettingsLabels, type WorkbenchGallerySettingsOption, WorkbenchGallerySettingsPanel, type WorkbenchGallerySettingsPanelClassNames, type WorkbenchGallerySettingsPanelProps, type WorkbenchGallerySettingsValue, WorkbenchGalleryView, type WorkbenchGalleryViewProps, type WorkbenchJourneyItem, type WorkbenchJourneyItemState, WorkbenchJourneyNavigation, type WorkbenchJourneyNavigationProps, type WorkbenchLaneClassNames, type WorkbenchLaneColumn, type WorkbenchLaneRenderCardContext, WorkbenchLaneView, type WorkbenchLaneViewProps, type WorkbenchMasonryItemSize, WorkbenchMasonryLayout, type WorkbenchMasonryLayoutContext, type WorkbenchMasonryLayoutProps, WorkbenchMetricGrid, type WorkbenchMetricGridDensity, type WorkbenchMetricGridProps, type WorkbenchMetricGridVariant, type WorkbenchMetricItem, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, type WorkbenchRadarLegendItem, WorkbenchRadarMatrix, type WorkbenchRadarMatrixProps, WorkbenchRadarNavigation, type WorkbenchRadarNavigationChild, type WorkbenchRadarNavigationItem, type WorkbenchRadarNavigationProps, type WorkbenchRadarQuadrant, WorkbenchRadarWorkspace, type WorkbenchRadarWorkspaceProps, WorkbenchRankedList, type WorkbenchRankedListItem, type WorkbenchRankedListMetric, type WorkbenchRankedListProps, type WorkbenchRelationshipEdge, WorkbenchRelationshipGraph, type WorkbenchRelationshipGraphProps, type WorkbenchRelationshipNode, WorkbenchResizableSidebar, type WorkbenchResizableSidebarClassNames, type WorkbenchResizableSidebarItem, type WorkbenchResizableSidebarProps, type WorkbenchResizableSidebarSection, type WorkbenchScatterAxis, WorkbenchScatterPlot, type WorkbenchScatterPlotProps, type WorkbenchScatterPoint, type WorkbenchScatterThresholds, WorkbenchSelectionTray, type WorkbenchSelectionTrayItem, type WorkbenchSelectionTrayProps, WorkbenchTableView, type WorkbenchTableViewClassNames, type WorkbenchTableViewColumn, type WorkbenchTableViewHeaderContext, type WorkbenchTableViewProps, type WorkbenchTableViewRenderContext, type WorkbenchVisualizationTone };

package/dist/components/workbench/index.js

@@ -9626,11 +9626,57 @@ var radarPanelStyle = {
   backgroundColor: "hsl(var(--radar-panel, var(--card)))",
   borderColor: "hsl(var(--radar-border, var(--border)))"
 };
+function WorkbenchRadarNavigation({
+  items,
+  activeItemId,
+  onItemSelect,
+  footer,
+  ariaLabel = "Radar navigation"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      "aria-label": ariaLabel,
+      "data-monkeys-component": "workbench-radar-navigation",
+      className: "flex min-h-0 flex-col overflow-hidden rounded-[calc(var(--radius)+0.25rem)] border",
+      style: radarPanelStyle,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "grid gap-2", children: items.map((item) => {
+          const active = item.id === activeItemId;
+          return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-current": active ? "page" : void 0,
+                onClick: onItemSelect ? () => onItemSelect(item) : void 0,
+                className: cn(
+                  "flex min-h-11 w-full items-center gap-3 rounded-[var(--radius)] border border-transparent px-3 py-2 text-left text-sm font-semibold outline-none transition-[background-color,border-color,color,box-shadow] focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+                  active ? "bg-primary text-primary-foreground shadow-[0_0_1.25rem_hsl(var(--primary)/0.28)]" : "text-muted-foreground hover:border-border hover:bg-muted/60 hover:text-foreground"
+                ),
+                children: [
+                  hasRenderableNode(item.icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: item.icon }) : null,
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: item.label })
+                ]
+              }
+            ),
+            item.children?.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-9 items-center gap-2 rounded-md px-2 text-xs font-medium text-muted-foreground", children: [
+              hasRenderableNode(child.icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: child.label })
+            ] }) }, child.id)) }) : null
+          ] }, item.id);
+        }) }) }),
+        hasRenderableNode(footer) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/70 p-3", children: footer }) : null
+      ]
+    }
+  );
+}
 function WorkbenchRadarWorkspace({
-  navigationItems,
+  navigationItems = [],
   activeNavigationId,
   onNavigationSelect,
   navigationFooter,
+  navigation,
   children,
   inspector,
   inspectorLabel = "Context controls",
@@ -9651,40 +9697,13 @@ function WorkbenchRadarWorkspace({
       ),
       style: { ...radarWorkspaceStyle, minHeight: minimumHeight },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "aside",
+        hasRenderableNode(navigation) ? navigation : /* @__PURE__ */ jsxRuntime.jsx(
+          WorkbenchRadarNavigation,
           {
-            "aria-label": "Radar navigation",
-            className: "flex min-h-0 flex-col overflow-hidden rounded-[calc(var(--radius)+0.25rem)] border",
-            style: radarPanelStyle,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "grid gap-2", children: navigationItems.map((item) => {
-                const active = item.id === activeNavigationId;
-                return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "grid gap-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-current": active ? "page" : void 0,
-                      onClick: onNavigationSelect ? () => onNavigationSelect(item) : void 0,
-                      className: cn(
-                        "flex min-h-11 w-full items-center gap-3 rounded-[var(--radius)] border border-transparent px-3 py-2 text-left text-sm font-semibold outline-none transition-[background-color,border-color,color,box-shadow] focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
-                        active ? "bg-primary text-primary-foreground shadow-[0_0_1.25rem_hsl(var(--primary)/0.28)]" : "text-muted-foreground hover:border-border hover:bg-muted/60 hover:text-foreground"
-                      ),
-                      children: [
-                        hasRenderableNode(item.icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: item.icon }) : null,
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: item.label })
-                      ]
-                    }
-                  ),
-                  item.children?.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-9 items-center gap-2 rounded-md px-2 text-xs font-medium text-muted-foreground", children: [
-                    hasRenderableNode(child.icon) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: child.label })
-                  ] }) }, child.id)) }) : null
-                ] }, item.id);
-              }) }) }),
-              hasRenderableNode(navigationFooter) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/70 p-3", children: navigationFooter }) : null
-            ]
+            items: navigationItems,
+            activeItemId: activeNavigationId,
+            onItemSelect: onNavigationSelect,
+            footer: navigationFooter
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -10121,6 +10140,7 @@ exports.WorkbenchMetricGrid = WorkbenchMetricGrid;
 exports.WorkbenchRadarFilterChip = WorkbenchRadarFilterChip;
 exports.WorkbenchRadarInspectorSection = WorkbenchRadarInspectorSection;
 exports.WorkbenchRadarMatrix = WorkbenchRadarMatrix;
+exports.WorkbenchRadarNavigation = WorkbenchRadarNavigation;
 exports.WorkbenchRadarWorkspace = WorkbenchRadarWorkspace;
 exports.WorkbenchRankedList = WorkbenchRankedList;
 exports.WorkbenchRelationshipGraph = WorkbenchRelationshipGraph;