admin-valentin/agent-ecosystem
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(team): show MemberBadge with avatar in ToolApprovalSheet header

Browse source 
Replace plain text teammate name with MemberBadge component showing
avatar + colored name badge, consistent with how members are displayed
in the Messages panel.
This commit is contained in:
iliya 2026-03-28 15:24:07 +02:00
parent ed69ed2f1f
commit ff8b844abe
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/renderer/components/team/ToolApprovalSheet.tsx
View file

@ -7,6 +7,8 @@ import { shortenDisplayPath } from '@renderer/utils/pathDisplay';
import { highlightLines } from '@renderer/utils/syntaxHighlighter';
import { AlertTriangle, FileText, Search, Terminal } from 'lucide-react';
import { MemberBadge } from './MemberBadge';
import {
ToolApprovalSettingsContent,
ToolApprovalSettingsToggle,
@ -189,6 +191,13 @@ export const ToolApprovalSheet: React.FC = () => {
const teamColor = getTeamColorSet(colorName);
const displayName = current.teamDisplayName ?? teamSummary?.displayName ?? current.teamName;
// Resolve teammate color for MemberBadge (when source !== 'lead')
const sourceColor = useMemo(() => {
if (current.source === 'lead') return undefined;
const member = selectedTeamData?.members?.find((m) => m.name === current.source);
return member?.color;
}, [current.source, selectedTeamData?.members]);
return (
<>
{/* Backdrop overlay */}
@ -208,9 +217,11 @@ export const ToolApprovalSheet: React.FC = () => {
style={{ borderColor: 'var(--color-border)' }}
>
<div className="flex items-center gap-2">
{current.source !== 'lead' && (
<MemberBadge name={current.source} color={sourceColor} size="xs" disableHoverCard />
)}
{getToolIcon(current.toolName)}
<span className="text-sm font-semibold" style={{ color: 'var(--color-text)' }}>
{current.source !== 'lead' ? `${current.source} — ` : ''}
{current.toolName}
</span>
</div>