Ling0925
/
suna
mirror of https://github.com/kortix-ai/suna.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #971 from kortix-ai/cursor/refine-agent-ui-and-navigation-7ec7 

Refine agent UI and navigation
This commit is contained in:
Marko Kraemer 2025-07-17 12:24:17 +02:00 committed by GitHub
parent 4657c1495f f9ba44a9da
commit c54c49701a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/agents/custom-agents-page/tabs-navigation.tsx
View File

@ -10,17 +10,17 @@ interface TabsNavigationProps {
}
const agentTabs: TabConfig[] = [
{
value: 'marketplace',
icon: ShoppingBag,
label: 'Explore',
shortLabel: 'Explore',
},
{
value: 'my-agents',
icon: Bot,
label: 'My Agents',
},
{
value: 'marketplace',
icon: ShoppingBag,
label: 'Marketplace',
shortLabel: 'Market',
},
];
export const TabsNavigation = ({ activeTab, onTabChange }: TabsNavigationProps) => {

15
frontend/src/components/sidebar/sidebar-left.tsx
View File

@ -192,21 +192,19 @@ export function SidebarLeft({
<SidebarMenuSub>
<SidebarMenuSubItem>
<SidebarMenuSubButton className={cn({
'bg-accent text-accent-foreground font-medium': pathname === '/agents' && (searchParams.get('tab') === 'my-agents' || searchParams.get('tab') === null),
'bg-accent text-accent-foreground font-medium': pathname === '/agents' && searchParams.get('tab') === 'marketplace',
})} asChild>
<Link href="/agents?tab=my-agents">
<Bot className="h-4 w-4" />
<span>My Agents</span>
<Link href="/agents?tab=marketplace">
<span>Explore</span>
</Link>
</SidebarMenuSubButton>
</SidebarMenuSubItem>
<SidebarMenuSubItem>
<SidebarMenuSubButton className={cn({
'bg-accent text-accent-foreground font-medium': pathname === '/agents' && searchParams.get('tab') === 'marketplace',
'bg-accent text-accent-foreground font-medium': pathname === '/agents' && (searchParams.get('tab') === 'my-agents' || searchParams.get('tab') === null),
})} asChild>
<Link href="/agents?tab=marketplace">
<Store className="h-4 w-4" />
<span>Marketplace</span>
<Link href="/agents?tab=my-agents">
<span>My Agents</span>
</Link>
</SidebarMenuSubButton>
</SidebarMenuSubItem>
@ -215,7 +213,6 @@ export function SidebarLeft({
onClick={() => setShowNewAgentDialog(true)}
className="cursor-pointer"
>
<Plus className="h-4 w-4" />
<span>New Agent</span>
</SidebarMenuSubButton>
</SidebarMenuSubItem>