Skip to content

feat(frontend): Display LLM model on conversation cards and header#13616

Merged
hieptl merged 7 commits intoOpenHands:mainfrom
sjathin:open-hands-13352
Apr 3, 2026
Merged

feat(frontend): Display LLM model on conversation cards and header#13616
hieptl merged 7 commits intoOpenHands:mainfrom
sjathin:open-hands-13352

Conversation

@sjathin
Copy link
Copy Markdown
Contributor

@sjathin sjathin commented Mar 26, 2026 •
edited
Loading

Summary of PR

Display the LLM model used for each conversation in the UI. The model name appears:

  • On conversation cards in the sidebar panel, truncated with a tooltip for the full value
  • In the conversation name header bar when viewing a conversation

Backend changes plumb the existing llm_model field from AppConversation through ConversationInfo to the API response.

Followed comment from #13352 (comment)

Demo Screenshots/Videos

Screenshot 2026-03-26 at 23 50 07 Screenshot 2026-03-27 at 00 11 55

Change Type

  • Bug fix
  • New feature
  • Breaking change
  • Refactor
  • Other (dependency update, docs, typo fixes, etc.)

Checklist

  • I have read and reviewed the code and I understand what the code is doing.
  • I have tested the code to the best of my ability and ensured it works as expected.

Fixes

Resolves #13352

Release Notes

  • Include this change in the Release Notes.

Users can now see which LLM model was used for each conversation, displayed on conversation cards and in the conversation header.

@sjathin sjathin marked this pull request as ready for review March 26, 2026 23:21
@sjathin sjathin mentioned this pull request Mar 26, 2026
Closed
1 task
@hieptl
Copy link
Copy Markdown
Collaborator

hieptl commented Mar 27, 2026

Hello @sjathin,

Thank you for creating this pull request!

I noticed that the model associated with each conversation is not displayed in the recent conversations list. Please refer to the video below for more details:

issue.mov

Thank you very much! 🙏

@hieptl
Copy link
Copy Markdown
Collaborator

hieptl commented Mar 27, 2026

In addition, I’ve created a thread to ask our designer to review the current output. You can refer to the link below for more details:

https://openhands-ai.slack.com/archives/C06QT0AGY4W/p1774603688833749

If you haven’t joined our community Slack yet, please feel free to let me know—I’d be happy to send you an invitation.

Thank you very much! 🙏

@sjathin
Copy link
Copy Markdown
Contributor Author

sjathin commented Mar 27, 2026

I noticed that the model associated with each conversation is not displayed in the recent conversations list. Please refer to the video below for more details:

Nice catch, made this change:

Screenshot 2026-03-27 at 19 03 29

I’ve created a thread to ask our designer to review the current output

Thanks for starting the thread, will also monitor the thread it if there is any input.

@FraterCCCLXIII
Copy link
Copy Markdown

FraterCCCLXIII commented Mar 27, 2026

Add the chip icon we use for models to the left of it.

@sjathin
Copy link
Copy Markdown
Contributor Author

sjathin commented Mar 28, 2026

Add the chip icon we use for models to the left of it.

Done -

13616.mov

@hieptl @FraterCCCLXIII - Can you please review the PR now?

@hieptl
Copy link
Copy Markdown
Collaborator

hieptl commented Mar 31, 2026

Hello @sjathin,

Would it be possible to display an ellipsis (...) at the end of the model name when it exceeds the available space? At the moment, the text appears to be truncated without indicating this with an ellipsis. Please refer to the image below for additional context.

image

I’ve also noticed the same behavior in the recent conversations list and on the conversation page.

Thank you very much! 🙏

@sjathin
Copy link
Copy Markdown
Contributor Author

sjathin commented Mar 31, 2026

Hello @hieptl
Thanks for catching this.

I have made the changes. Screenshots belows:

Screenshot 2026-03-31 at 20 20 57 Screenshot 2026-03-31 at 20 21 07 Screenshot 2026-03-31 at 20 21 24

hieptl
hieptl approved these changes Apr 3, 2026
View reviewed changes
Copy link
Copy Markdown
Collaborator

@hieptl hieptl left a comment •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hello @sjathin,

Thank you for creating this pull request!

I have reviewed it, approved the changes, and merged it.

Really appreciate your work on this — Thank you very much! 🙏

@hieptl hieptl merged commit 0731e8c into OpenHands:main Apr 3, 2026
22 checks passed
@sjathin sjathin deleted the open-hands-13352 branch April 3, 2026 11:18
@mamoodi mamoodi added the release:cloud-1.21.0 PRs included in cloud release 1.21.0 label Apr 6, 2026 — with OpenHands AI
@mamoodi mamoodi mentioned this pull request Apr 9, 2026
Closed
aivong-openhands pushed a commit to aivong-openhands/OpenHands that referenced this pull request Apr 15, 2026
@sjathin @hieptl
feat(frontend): Display LLM model on conversation cards and header (O…
ab4a84a 
…penHands#13616)

Co-authored-by: Jathin Sreenivas <sjathin@amazon.com>
Co-authored-by: hieptl <hieptl.developer@gmail.com>
This was referenced Apr 30, 2026
Open
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@hieptl hieptl hieptl approved these changes

@tofarr tofarr Awaiting requested review from tofarr

@malhotra5 malhotra5 Awaiting requested review from malhotra5

@amanape amanape Awaiting requested review from amanape

Assignees

No one assigned

Labels

release:cloud-1.21.0 PRs included in cloud release 1.21.0

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Feature]: See which model the conversation was started with

4 participants

@sjathin @hieptl @FraterCCCLXIII @mamoodi