Skip to content

[feat]: chat session ui #3310

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.

Sign up for GitHub

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

Jump to bottom
Merged
ashrafchowdury merged 50 commits into from
Dec 25, 2025
Merged

[feat]: chat session ui #3310

ashrafchowdury merged 50 commits into from
Dec 25, 2025

Conversation

@ashrafchowdury
Copy link
Contributor

@ashrafchowdury ashrafchowdury commented Dec 24, 2025 •
edited
Loading

What's new??

We have implemented UI to view and organise chat sessions, just like we can view traces.

  1. Added tabs on Observability for Trace and Session
  2. Added a new chat session view on Observability
  3. Added a dedicated chat session drawer to view all the chats of that session

Prep for the QA

  • Create a chat app
  • Deploy the chat app
  • Use the API of that deployed variant to and get the Invoke LLM code
  • You should be able to see a session_id on the code, change that session id whatever you want
  • Invoke the LLM

QA Steps

  • Go to Observability
  • First do a general QA on the Trace tab and with trace drawer to make sure it didn't get affected
  • Go to Session tab
  • IF you invoked the LLM as mentioned on the 'Prep for the QA' you should be able to see the sessions ground the trace on the table
  • Play around with the Uis, make sure all the filters and everything is working
  • Open the Session drawer by clicking on the table row
  • Make sure the Session drawer is opening and you are able to see all the messages on the drawer
  • Play around with the UI and make sure everything is working

mmabrouk and others added 30 commits December 12, 2025 18:21
@mmabrouk
Refactor imports in propagation.py for improved clarity and organizat…
1e3730e 
…ion; streamline baggage extraction logic.
@mmabrouk
Refactor baggage handling in TraceProcessor to streamline attribute s…
98035fc 
…etting; enhance clarity by simplifying baggage key checks.
@mmabrouk
Refactor import statements in otel.py for improved organization and c…
c88d6ff 
…larity; streamline middleware setup by rearranging dependencies.
@mmabrouk
Refactor baggage handling in TraceProcessor to enhance attribute sett…
61f485f 
…ing; simplify baggage key checks for improved clarity and functionality.
@mmabrouk
Refactor baggage handling in tracing.py to improve context propagatio…
5069681 
…n; enhance clarity by restructuring baggage attachment and detachment logic.
@mmabrouk
Refactor import statements in serving.py for improved organization an…
6884d84 
…d clarity; streamline middleware setup by rearranging dependencies and removing unused imports.
@mmabrouk
Replace old track chat sessions documentation with a new, comprehensi…
ee82d03 
…ve guide; enhance content to include session tracking concepts, benefits, and implementation examples for improved user understanding.
@mmabrouk
Add session tracking documentation for chat applications; include exa…
b05e820 
…mple code for using the Baggage header to group requests and enhance observability.
@mmabrouk
Add new documentation for session tracking in chat applications; incl…
f2e8eb4 
…ude guidance on setting session attributes and examples for using OpenTelemetry to group traces.
@mmabrouk
Add support for session tracking in cURL, Python, and TypeScript code…
e335156 
… snippets; conditionally include Baggage header for chat applications based on parsed parameters.
@ashrafchowdury
implemented the first version of chat session drawer --UI only
a3c4008
@ashrafchowdury
Merge branch 'feat/AGE-3461-chat-session' of https://github.com/Agent…
83f7b6c 
…a-AI/agenta into feat/chat-session-drawer
@ashrafchowdury
cleandup code
1d3b6d2
@ashrafchowdury
created a add to testset button
cb9a3e2
@ashrafchowdury
added tabs observability pages
048b5a0
@ashrafchowdury
organized folders
159006d
@ashrafchowdury
added session table
4d40c12
@ashrafchowdury
Merge branch 'feat/add-session-and-actor-to-tracing' of https://githu…
5fcf51a 
…b.com/Agenta-AI/agenta into feat/chat-session-drawer
@ashrafchowdury
lint fix
4c86da8
@ashrafchowdury
fixed import issue
3bf40ff
@ashrafchowdury
fetching session ids
39cebe7
@ashrafchowdury
lint fix
0520f2e
@ashrafchowdury
displaying aggregated data on table
80b9989
@ashrafchowdury
added atoms for session drawer
57ce49c
@ashrafchowdury
lint fix
8d497b5
@ashrafchowdury
made the session drawer ui functional
9a26559
@ashrafchowdury
fixed loading issue
1c1d516
@ashrafchowdury
fixed sorting problem
ee84ac7
@ashrafchowdury
showing model name
fd7a501
@ashrafchowdury
fix annotation mutation
d65246e
@vercel
Copy link

vercel bot commented Dec 24, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
agenta-documentation Ready Ready Preview, Comment Dec 25, 2025 8:40am

@dosubot dosubot bot added size:XXL This PR changes 1000+ lines, ignoring generated files. feature UI labels Dec 24, 2025
@dosubot dosubot bot added the lgtm This PR has been approved by a maintainer label Dec 24, 2025
@ashrafchowdury ashrafchowdury changed the base branch from organize-components to release/v0.72.0 December 25, 2025 09:13
@ashrafchowdury ashrafchowdury merged commit f01008f into release/v0.72.0 Dec 25, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@ardaerzin ardaerzin ardaerzin approved these changes

@bekossy bekossy bekossy approved these changes

Assignees

No one assigned

Labels

feature lgtm This PR has been approved by a maintainer size:XXL This PR changes 1000+ lines, ignoring generated files. UI

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

5 participants

@ashrafchowdury @ardaerzin @bekossy @mmabrouk