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

pl-3

This commit is contained in:
marko-kraemer 2025-07-17 15:42:58 +03:00
parent 7bc0ab6548
commit ca0c66f327
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/agents/custom-agents-page/header.tsx
View File

@ -7,9 +7,19 @@ import { PageHeader } from '@/components/ui/page-header';
export const AgentsPageHeader = () => {
return (
<PageHeader icon={Bot}>
<span className="text-primary">Custom agents</span> that
<br />
<span className="text-muted-foreground">automate</span> your <span className="text-muted-foreground">workflows</span>.
<div className="space-y-4">
<div className="text-4xl font-semibold tracking-tight">
<span className="text-primary">AI Agents</span> = <span className="text-primary">AI Employee´s</span>
</div>
<p className="text-lg text-muted-foreground max-w-2xl mx-auto leading-relaxed">
Explore and create your own custom agents that combine{' '}
<span className="text-foreground font-medium">integrations</span>,{' '}
<span className="text-foreground font-medium">instructions</span>,{' '}
<span className="text-foreground font-medium">knowledge</span>,{' '}
<span className="text-foreground font-medium">triggers</span> and{' '}
<span className="text-foreground font-medium">workflows</span>.
</p>
</div>
</PageHeader>
);
};

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

@ -183,7 +183,7 @@ export function SidebarLeft({
<SidebarMenuButton
tooltip="Agents"
>
<Bot className="h-4 w-4" />
<Bot className="h-4 w-4 mr-1" />
<span>Agents</span>
<ChevronRight className="ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" />
</SidebarMenuButton>
@ -191,7 +191,7 @@ export function SidebarLeft({
<CollapsibleContent>
<SidebarMenuSub>
<SidebarMenuSubItem>
<SidebarMenuSubButton className={cn({
<SidebarMenuSubButton className={cn('pl-3', {
'bg-accent text-accent-foreground font-medium': pathname === '/agents' && searchParams.get('tab') === 'marketplace',
})} asChild>
<Link href="/agents?tab=marketplace">
@ -200,7 +200,7 @@ export function SidebarLeft({
</SidebarMenuSubButton>
</SidebarMenuSubItem>
<SidebarMenuSubItem>
<SidebarMenuSubButton className={cn({
<SidebarMenuSubButton className={cn('pl-3', {
'bg-accent text-accent-foreground font-medium': pathname === '/agents' && (searchParams.get('tab') === 'my-agents' || searchParams.get('tab') === null),
})} asChild>
<Link href="/agents?tab=my-agents">
@ -211,7 +211,7 @@ export function SidebarLeft({
<SidebarMenuSubItem>
<SidebarMenuSubButton
onClick={() => setShowNewAgentDialog(true)}
className="cursor-pointer"
className="cursor-pointer pl-3"
>
<span>New Agent</span>
</SidebarMenuSubButton>