wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: polish AI agent config tabs

Browse Source
This commit is contained in:
mlogclub
2026-06-22 11:39:27 +08:00
parent d19b5054e7
commit 20245e3073
1 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-agents/_components/config-workbench.tsx
+18 -7
View File
@@ -472,21 +472,32 @@ export function AIAgentConfigWorkbench({
</div> </div>
<div className="grid min-h-0 flex-1 grid-cols-[240px_minmax(0,1fr)]"> <div className="grid min-h-0 flex-1 grid-cols-[240px_minmax(0,1fr)]">
<aside className="min-h-0 overflow-y-auto border-r bg-muted/20 p-3"> <aside className="min-h-0 overflow-y-auto border-r bg-muted/30 p-3">
<div className="space-y-1"> <div className="space-y-1.5">
{sections.map((section) => ( {sections.map((section) => (
<button <button
key={section.key} key={section.key}
type="button" type="button"
onClick={() => setActiveSection(section.key)} onClick={() => setActiveSection(section.key)}
className={`flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm ${ className={`group relative flex h-10 w-full items-center gap-3 rounded-md border px-3 text-left text-sm transition-colors ${
activeSection === section.key activeSection === section.key
? "bg-background font-medium shadow-xs" ? "border-primary/25 bg-primary/10 font-medium text-foreground shadow-xs"
: "text-muted-foreground hover:bg-background/70 hover:text-foreground" : "border-transparent text-muted-foreground hover:border-border hover:bg-background hover:text-foreground"
}`} }`}
> >
<span className="size-4">{section.icon}</span> {activeSection === section.key ? (
<span>{section.title}</span> <span className="absolute left-0 top-1/2 h-5 w-0.5 -translate-y-1/2 rounded-r-full bg-primary" />
) : null}
<span
className={`flex size-6 shrink-0 items-center justify-center rounded-sm ${
activeSection === section.key
? "bg-primary/15 text-primary"
: "text-muted-foreground group-hover:bg-muted group-hover:text-foreground"
}`}
>
{section.icon}
</span>
<span className="min-w-0 flex-1 truncate leading-none">{section.title}</span>
</button> </button>
))} ))}
</div> </div>