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

package/dist/components/workbench/index.mjs

@@ -9604,11 +9604,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__ */ 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__ */ jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: items.map((item) => {
+          const active = item.id === activeItemId;
+          return /* @__PURE__ */ jsxs("li", { className: "grid gap-1", children: [
+            /* @__PURE__ */ 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__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: item.icon }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: item.label })
+                ]
+              }
+            ),
+            item.children?.length ? /* @__PURE__ */ jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: child.label })
+            ] }) }, child.id)) }) : null
+          ] }, item.id);
+        }) }) }),
+        hasRenderableNode(footer) ? /* @__PURE__ */ 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",
@@ -9629,40 +9675,13 @@ function WorkbenchRadarWorkspace({
       ),
       style: { ...radarWorkspaceStyle, minHeight: minimumHeight },
       children: [
-        /* @__PURE__ */ jsxs(
-          "aside",
+        hasRenderableNode(navigation) ? navigation : /* @__PURE__ */ 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__ */ jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: navigationItems.map((item) => {
-                const active = item.id === activeNavigationId;
-                return /* @__PURE__ */ jsxs("li", { className: "grid gap-1", children: [
-                  /* @__PURE__ */ 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__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: item.icon }) : null,
-                        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: item.label })
-                      ]
-                    }
-                  ),
-                  item.children?.length ? /* @__PURE__ */ jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
-                    /* @__PURE__ */ jsx("span", { className: "truncate", children: child.label })
-                  ] }) }, child.id)) }) : null
-                ] }, item.id);
-              }) }) }),
-              hasRenderableNode(navigationFooter) ? /* @__PURE__ */ jsx("div", { className: "border-t border-border/70 p-3", children: navigationFooter }) : null
-            ]
+            items: navigationItems,
+            activeItemId: activeNavigationId,
+            onItemSelect: onNavigationSelect,
+            footer: navigationFooter
           }
         ),
         /* @__PURE__ */ jsx(
@@ -10079,6 +10098,6 @@ function WorkbenchRadarMatrix({
   );
 }
 
-export { InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, WorkbenchAssetGallery, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView };
+export { InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, WorkbenchAssetGallery, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map