Skip to content

fix: improve AI Bridge request logs UI/UX #21252

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
Open
jakehwll wants to merge 43 commits into
base: main
Choose a base branch
from
Open

fix: improve AI Bridge request logs UI/UX #21252

jakehwll wants to merge 43 commits into from

Conversation

@jakehwll
Copy link
Contributor

@jakehwll jakehwll commented Dec 12, 2025 •
edited
Loading

Closes #21052 and is related to #21218

This pull request implements a bunch of changes the team requested to improve the overall user experience when navigating to the Request Logs page. Since these are mostly UI changes, screenshots do a much better job of showing what's different than me trying to explain everything in words, so I've included them below.

Warning

More globally we've changed how we're rendering <PaginationHeader />, therefore we've renamed it to <PaginationAmount />. This will effect multiple layouts however its a global improvement we're intentionally looking to make.

Preview

ai-bridge-improvements

Changes

  1. Date formatting set to a standardised way including the month as a MMM (i.e Dec)
  2. Names and avatars are now rendered larger, furthermore they render the .name field falling back on .username.
  3. Font-size increased from text-xs to text-sm to increase overall legibility globally.
  4. Initiator is now rendered inside of a <Badge /> and gives longer names a chance to render.
  5. Models are now rendered in a <Badge /> alongside their icons.
  6. Input/Output tokens are in a shared <Badge />-group alongside truncation (when necessary).
  7. Badge from 5 is rendered with the proper name being visible on hover (for use if truncated).
  8. Move globally the Showing X of X counts to the bottom of the tables (effects other components outside of AI Bridge).
  9. Icons are now included within the dropdown for the Provider filter.
  10. Truncation of elements is now handled so larger prompts don't cause the table to require further scrolling.
  11. New merged Input/Output <dt> element with the badge
Position Pull-request
✅ fix: improve AI Bridge request logs UI/UX
feat: add AI Bridge request logs model filter
fix: promote AIBridge from ExperimentalHandler

@jakehwll
feat: update header content
65dbb72
@jakehwll
fix: resolve table layout
f708a74
@jakehwll
feat: add model content
0b2ab86
@jakehwll
feat: implement badges for input/output
476030a
@jakehwll
feat: add customised date (ew)
c69c5dd
@jakehwll
chore: remove hover effect
375be8b
@jakehwll
fix: truncate content correctly in <RequestLogsRow />
7d1fdc7
@jakehwll
feat: add provider iconography
0798036
@jakehwll
feat: enforce truncation of usernames
d3ce38a
@jakehwll
feat: extend icons into <ProviderFilter />
fd91c72
@jakehwll
feat: restore tooltips
10328b6
@jakehwll
fix: resolve location of X of X
1ad186f
@jakehwll
fix: rename user to initiator
6413524
@jakehwll
fix: resolve padding on tablecell
306cef3
@jakehwll
fix: resolve date rendering on interception
939a343
@jakehwll
feat: implement interception model truncation
dabd9db
@jakehwll
fix: resolve initiator truncation
9c79649
@jakehwll
fix: resolve content leading and size
8295422
@jakehwll
fix: prefer name instead of username
af9767d
@jakehwll
fix: resolve pagination amount position
742a0ec
@jakehwll
Merge branch 'main' into jakehwll/ai-bridge-request-logs-improvements
0e5e705
@jakehwll jakehwll changed the title fix: AI Bridge request logs UI/UX improvements fix: improve AI Bridge request logs UI/UX Dec 12, 2025
jakehwll
jakehwll commented Dec 12, 2025
View reviewed changes
jakehwll
jakehwll commented Dec 13, 2025
View reviewed changes
@jakehwll jakehwll requested a review from matifali December 13, 2025 09:56
matifali
matifali reviewed Dec 13, 2025
View reviewed changes
@jakehwll jakehwll requested a review from aslilac December 15, 2025 13:14
This was referenced Dec 15, 2025
Merged
Open
aslilac
aslilac reviewed Dec 15, 2025
View reviewed changes
aslilac
aslilac reviewed Dec 16, 2025
View reviewed changes
@bpmct bpmct added the doc-check Assign this label to PRs to check for any doc changes. label Dec 16, 2025
@github-actions
Copy link

github-actions bot commented Dec 16, 2025

Task created: https://dev.coder.com/tasks/bpmct/c56b5a95-770a-4422-b9e1-12fa823dbf80

@bpmct Coder
Copy link
Member

bpmct commented Dec 16, 2025

📚 Documentation Check

✨ Suggested Enhancement (Optional)

The UI improvements in this PR (provider icons, token badges, improved layout) could benefit the user-facing documentation:

  • docs/ai-coder/ai-bridge/monitoring.md - Currently shows only Grafana dashboards. Consider adding a screenshot showing the improved Request Logs UI in the Coder dashboard, which now includes:
    • Provider icons (OpenAI, Anthropic)
    • Token usage badges with visual indicators
    • Improved date formatting and column layout
    • Model display with provider branding

This would help users understand they can monitor AI Bridge usage directly in Coder's UI, not just through Grafana.

Note: This is purely a visual enhancement to existing functionality - no new features or behavior changes, so documentation updates are optional.

This comment was generated by an AI Agent through Coder Tasks

@github-actions
Copy link

github-actions bot commented Dec 17, 2025 •
edited
Loading

All contributors have signed the CLA ✍️ ✅
Posted by the CLA Assistant Lite bot.

@jakehwll jakehwll force-pushed the jakehwll/ai-bridge-request-logs-improvements branch from 0a75b0c to 4941f85 Compare December 17, 2025 01:55
@jakehwll jakehwll mentioned this pull request Dec 17, 2025
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@aslilac aslilac aslilac left review comments

@matifali matifali matifali left review comments

@chrifro chrifro chrifro left review comments

@jaaydenh jaaydenh Awaiting requested review from jaaydenh

At least 1 approving review is required to merge this pull request.

Assignees

@jakehwll jakehwll

Labels

doc-check Assign this label to PRs to check for any doc changes.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

AI Bridge: Truncate long prompts in request logs view

7 participants

@jakehwll @chrifro @dannykopping @matifali @bpmct @aslilac