shiyue/PinchChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: display agent name badge in header next to session label

Browse Source 
Shows the agentId (e.g. 'main') with a bot icon in the header subtitle,
making it clear which agent is handling the current conversation.
Useful for multi-agent setups.
This commit is contained in:
Nicolas Varrot
2026-02-12 17:45:38 +00:00
parent 7faab405db
commit 17ff52aaaf
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
FEEDBACK.md
View File

@@ -290,7 +290,8 @@
## Item #32 ## Item #32
- **Date:** 2026-02-12 - **Date:** 2026-02-12
- **Priority:** medium - **Priority:** medium
- **Status:** pending - **Status:** done
- **Completed:** 2026-02-12 — commit `52a1a7f`
- **Description:** Meilleur titre de session en haut de page - **Description:** Meilleur titre de session en haut de page
- **Details:** - **Details:**
- Actuellement on voit un UUID moche comme titre - Actuellement on voit un UUID moche comme titre
@@ -302,7 +303,7 @@
## Item #33 ## Item #33
- **Date:** 2026-02-12 - **Date:** 2026-02-12
- **Priority:** medium - **Priority:** medium
- **Status:** pending - **Status:** in-progress
- **Description:** Afficher le nom de l'agent dans l'UI - **Description:** Afficher le nom de l'agent dans l'UI
- **Details:** - **Details:**
- Montrer clairement à quel agent on parle (pas juste l'agentId technique) - Montrer clairement à quel agent on parle (pas juste l'agentId technique)

13
src/components/Header.tsx
View File

@@ -1,4 +1,4 @@
import { Menu, Sparkles, LogOut, Volume2, VolumeOff, Cpu } from 'lucide-react'; import { Menu, Sparkles, LogOut, Volume2, VolumeOff, Cpu, Bot } from 'lucide-react';
import type { ConnectionStatus, Session } from '../types'; import type { ConnectionStatus, Session } from '../types';
import { useT } from '../hooks/useLocale'; import { useT } from '../hooks/useLocale';
import { LanguageSelector } from './LanguageSelector'; import { LanguageSelector } from './LanguageSelector';
@@ -31,7 +31,16 @@ export function Header({ status, sessionKey, onToggleSidebar, activeSessionData,
<span className="font-semibold text-zinc-300 text-sm tracking-wide">{t('header.title')}</span> <span className="font-semibold text-zinc-300 text-sm tracking-wide">{t('header.title')}</span>
<Sparkles className="h-3.5 w-3.5 text-cyan-300/60" /> <Sparkles className="h-3.5 w-3.5 text-cyan-300/60" />
</div> </div>
<span className="text-xs text-zinc-500 truncate">{sessionLabel}</span> <span className="text-xs text-zinc-500 truncate flex items-center gap-1.5">
{activeSessionData?.agentId && (
<span className="inline-flex items-center gap-0.5 text-cyan-400/70 font-medium">
<Bot className="h-3 w-3" />
{activeSessionData.agentId}
<span className="text-zinc-600 mx-0.5">·</span>
</span>
)}
{sessionLabel}
</span>
</div> </div>
</div> </div>
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2 text-sm">