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 = () => { export const AgentsPageHeader = () => {
return ( return (
<PageHeader icon={Bot}> <PageHeader icon={Bot}>
<span className="text-primary">Custom agents</span> that <div className="space-y-4">
<br /> <div className="text-4xl font-semibold tracking-tight">
<span className="text-muted-foreground">automate</span> your <span className="text-muted-foreground">workflows</span>. <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> </PageHeader>
); );
}; };

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

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