feat(sidebar): mark Agent entries as Agent or Pipeline

Add a trailing badge (icon + label) to each entry in the sidebar Agent
section so users can tell Agent orchestration apart from legacy Pipeline.
Thread the agent `kind` field through SidebarEntityItem.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Junyan Qin
2026-06-26 20:10:00 +08:00
parent 0ad39b884f
commit fac56e30aa
5 changed files with 23 additions and 0 deletions
@@ -32,6 +32,8 @@ import {
Server,
Puzzle,
RefreshCcw,
Bot,
Workflow,
} from 'lucide-react';
import { useTheme } from '@/components/providers/theme-provider';
@@ -723,6 +725,18 @@ function NavItems({
/>
) : null}
<span className="truncate">{item.name}</span>
{item.kind && (
<span className="ml-auto flex shrink-0 items-center gap-0.5 text-[10px] text-muted-foreground">
{item.kind === 'pipeline' ? (
<Workflow className="size-3" />
) : (
<Bot className="size-3" />
)}
{item.kind === 'pipeline'
? t('agents.kindBadgePipeline')
: t('agents.kindBadgeAgent')}
</span>
)}
{item.debug && (
<Bug className="size-3.5 shrink-0 text-orange-400" />
)}