Skip to content

Conversation

@jakehwll
Copy link
Contributor

@jakehwll jakehwll commented Dec 18, 2025

This pull-request ensures that the content of our prompts don't completely overflow our screen and make the content harder to consume (especially when comparing multiple prompts together).

Preview

aibridge-collapsed-prompts.mp4
Position Pull-request
fix: improve AI Bridge request logs UI/UX
feat: add AI Bridge request logs model filter
chore!: promote AIBridge from ExperimentalHandler
feat: implement request log collapsing prompt (<RequestLogsPrompt />)
feat: add <SyntaxHighlighter /> for AI Bridge Token Usages Metadata

jakehwll added a commit that referenced this pull request Dec 18, 2025
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](https://github.com/user-attachments/assets/ce92852e-d0fc-4268-b52b-9aefd431033b)

### 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](#21252) |
| | [feat: add AI Bridge request logs model
filter](#21259) |
| | [chore!: promote AIBridge from
`ExperimentalHandler`](#21278) |
| | [feat: implement request log collapsing prompt (`<RequestLogsPrompt
/>`)](#21313) |

---------

Co-authored-by: ケイラ <mckayla@hey.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant