fix button nesting in builder

This commit is contained in:
Ramnique Singh 2025-07-18 17:42:17 +05:30
parent 0a10bf2de3
commit 2b232c1fec

View file

@ -379,16 +379,15 @@ export function EntityList({
!expandedPanels.agents && "h-[53px]!" !expandedPanels.agents && "h-[53px]!"
)} )}
title={ title={
<button <div className={`${headerClasses} rounded-md transition-colors h-full`}>
onClick={() => setExpandedPanels(prev => ({ ...prev, agents: !prev.agents }))}
className={`${headerClasses} hover:bg-zinc-50 dark:hover:bg-zinc-800 rounded-md transition-colors h-full`}
>
<div className="flex items-center gap-2 h-full"> <div className="flex items-center gap-2 h-full">
<button onClick={() => setExpandedPanels(prev => ({ ...prev, agents: !prev.agents }))}>
{expandedPanels.agents ? ( {expandedPanels.agents ? (
<ChevronDown className="w-4 h-4" /> <ChevronDown className="w-4 h-4" />
) : ( ) : (
<ChevronRight className="w-4 h-4" /> <ChevronRight className="w-4 h-4" />
)} )}
</button>
<Brain className="w-4 h-4" /> <Brain className="w-4 h-4" />
<span>Agents</span> <span>Agents</span>
</div> </div>
@ -421,7 +420,7 @@ export function EntityList({
<PlusIcon className="w-4 h-4" /> <PlusIcon className="w-4 h-4" />
</Button> </Button>
</div> </div>
</button> </div>
} }
> >
{expandedPanels.agents && ( {expandedPanels.agents && (
@ -480,16 +479,15 @@ export function EntityList({
!expandedPanels.tools && "h-[53px]!" !expandedPanels.tools && "h-[53px]!"
)} )}
title={ title={
<button <div className={`${headerClasses} rounded-md transition-colors h-full`}>
onClick={() => setExpandedPanels(prev => ({ ...prev, tools: !prev.tools }))}
className={`${headerClasses} hover:bg-zinc-50 dark:hover:bg-zinc-800 rounded-md transition-colors h-full`}
>
<div className="flex items-center gap-2 h-full"> <div className="flex items-center gap-2 h-full">
<button onClick={() => setExpandedPanels(prev => ({ ...prev, tools: !prev.tools }))}>
{expandedPanels.tools ? ( {expandedPanels.tools ? (
<ChevronDown className="w-4 h-4" /> <ChevronDown className="w-4 h-4" />
) : ( ) : (
<ChevronRight className="w-4 h-4" /> <ChevronRight className="w-4 h-4" />
)} )}
</button>
<Wrench className="w-4 h-4" /> <Wrench className="w-4 h-4" />
<span>Tools</span> <span>Tools</span>
</div> </div>
@ -507,7 +505,7 @@ export function EntityList({
> >
<PlusIcon className="w-4 h-4" /> <PlusIcon className="w-4 h-4" />
</Button> </Button>
</button> </div>
} }
> >
{expandedPanels.tools && ( {expandedPanels.tools && (
@ -612,16 +610,15 @@ export function EntityList({
!expandedPanels.prompts && "h-[53px]!" !expandedPanels.prompts && "h-[53px]!"
)} )}
title={ title={
<button <div className={`${headerClasses} rounded-md transition-colors h-full`}>
onClick={() => setExpandedPanels(prev => ({ ...prev, prompts: !prev.prompts }))}
className={`${headerClasses} hover:bg-zinc-50 dark:hover:bg-zinc-800 rounded-md transition-colors h-full`}
>
<div className="flex items-center gap-2 h-full"> <div className="flex items-center gap-2 h-full">
<button onClick={() => setExpandedPanels(prev => ({ ...prev, prompts: !prev.prompts }))}>
{expandedPanels.prompts ? ( {expandedPanels.prompts ? (
<ChevronDown className="w-4 h-4" /> <ChevronDown className="w-4 h-4" />
) : ( ) : (
<ChevronRight className="w-4 h-4" /> <ChevronRight className="w-4 h-4" />
)} )}
</button>
<PenLine className="w-4 h-4" /> <PenLine className="w-4 h-4" />
<span>Prompts</span> <span>Prompts</span>
</div> </div>
@ -639,7 +636,7 @@ export function EntityList({
> >
<PlusIcon className="w-4 h-4" /> <PlusIcon className="w-4 h-4" />
</Button> </Button>
</button> </div>
} }
> >
{expandedPanels.prompts && ( {expandedPanels.prompts && (