diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx index e34ed84f3c2..5dcb69ef2ad 100644 --- a/ui/litellm-dashboard/src/components/leftnav.tsx +++ b/ui/litellm-dashboard/src/components/leftnav.tsx @@ -48,6 +48,7 @@ interface MenuItem { roles?: string[]; children?: MenuItem[]; icon?: React.ReactNode; + external_url?: string; } // Group configuration @@ -259,6 +260,7 @@ const Sidebar: React.FC = ({ setPage, defaultSelectedKey, collapse page: "learning-resources", label: "Learning Resources", icon: , + external_url: "https://models.litellm.ai/cookbook", }, ], }, @@ -371,9 +373,23 @@ const Sidebar: React.FC = ({ setPage, defaultSelectedKey, collapse key: child.key, icon: child.icon, label: child.label, - onClick: () => navigateToPage(child.page), + onClick: () => { + if (child.external_url) { + window.open(child.external_url, "_blank"); + } else { + navigateToPage(child.page); + } + }, })), - onClick: !item.children ? () => navigateToPage(item.page) : undefined, + onClick: !item.children + ? () => { + if (item.external_url) { + window.open(item.external_url, "_blank"); + } else { + navigateToPage(item.page); + } + } + : undefined, })), }); });