Skip to content

Show agent avatars in chat history nav #8010

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

syntheticgoo
Copy link

This change displays agent avatars in the chat history navigation list instead of using the generic feather icon for all agents. It improves the visual identification of different agents in the conversation list.

The PR adds the following improvements:

  • Display agent avatars in the chat history sidebar instead of the generic feather icon
  • Properly handle agent data in the conversation components
  • Add styling for rounded avatar images
  • Maintain backward compatibility with existing code

This PR helps users visually identify different agents in their conversation history.

This change displays agent avatars in the chat history navigation list
instead of using the generic feather icon for all agents. It improves
the visual identification of different agents in the conversation list.

- Updated EndpointIcon to handle agent avatar information
- Modified MinimalIcon to display agent avatars properly
- Updated ConvoLink components to pass agent data
- Added proper styling for rounded avatar images
@rubentalstra rubentalstra added the 🎨 design UI/UX improvements label Jun 22, 2025
if (!agentsData?.data) {
return {};
}
return agentsData.data.reduce((acc, agent) => {

Check failure

Code scanning / ESLint

Ensure code is properly formatted, use insertion, deletion, or replacement to obtain desired formatting. Error

Insert ⏎······
return {};
}
return agentsData.data.reduce((acc, agent) => {
acc[agent.id] = agent;

Check failure

Code scanning / ESLint

Ensure code is properly formatted, use insertion, deletion, or replacement to obtain desired formatting. Error

Insert ··
}
return agentsData.data.reduce((acc, agent) => {
acc[agent.id] = agent;
return acc;

Check failure

Code scanning / ESLint

Ensure code is properly formatted, use insertion, deletion, or replacement to obtain desired formatting. Error

Insert ··
return agentsData.data.reduce((acc, agent) => {
acc[agent.id] = agent;
return acc;
}, {} as Record<string, any>);

Check failure

Code scanning / ESLint

Ensure code is properly formatted, use insertion, deletion, or replacement to obtain desired formatting. Error

Replace ····},·{}·as·Record<string,·any> with ······},⏎······{}·as·Record<string,·any>,⏎····
Comment on lines +40 to +42
const agent = isAgentsEndpoint(endpoint)
? agentsMap?.[conversation?.agent_id ?? '']
: null;

Check failure

Code scanning / ESLint

Ensure code is properly formatted, use insertion, deletion, or replacement to obtain desired formatting. Error

Replace ⏎····?·agentsMap?.[conversation?.agent\_id·??·'']⏎··· with ·?·agentsMap?.[conversation?.agent\_id·??·'']
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 design UI/UX improvements
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants