diff --git a/ui/src/components/layout/app-sidebar.tsx b/ui/src/components/layout/app-sidebar.tsx index 3fe67dd7..6aeaac7b 100644 --- a/ui/src/components/layout/app-sidebar.tsx +++ b/ui/src/components/layout/app-sidebar.tsx @@ -31,6 +31,7 @@ import { import { CcsLogo } from '@/components/shared/ccs-logo'; import { useSidebar } from '@/hooks/use-sidebar'; import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'; +import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'; // Define navigation groups const navGroups = [ @@ -44,7 +45,12 @@ const navGroups = [ { title: 'Identity & Access', items: [ - { path: '/providers', icon: Key, label: 'API Profiles' }, + { + path: '/providers', + icon: Key, + label: 'API Profiles', + badge: { text: 'OpenRouter', icon: '/icons/openrouter.svg' }, + }, { path: '/cliproxy', icon: Zap, @@ -147,7 +153,28 @@ export function AppSidebar() { > {item.icon && } - {item.label} + + {item.label} + + {item.badge && ( + + + + + {item.badge.text} + + + +

349+ models via OpenRouter

+
+
+ )} )}