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 and others added 16 commits December 16, 2025 11:17
…uestLogsRow.tsx

Co-authored-by: ケイラ <mckayla@hey.com>
Addressing feedback found in #21252

> [!IMPORTANT]
> This pull-request removes endpoints from `ExperimentalHandler` from
`coderd.go` and promotes the endpoints within the frontend. This means
that we will no longer be serving AI Bridge under the
`/api/experimental/` prefix now that things reached release in
[`v2.29.0`](https://github.com/coder/coder/releases/tag/v2.29.0).
>
> ### Migration 
>
> The `/api/experimental/aibridge` prefix has been removed. Any clients,
scripts, or integrations that previously called AI Bridge endpoints
under `/api/experimental/aibridge` must be updated to use the
`/api/v2/aibridge` stable API routes introduced in v2.29.0.

| Position | Pull-request |
| -------- | ------------ |
| | [fix: improve AI Bridge request logs
UI/UX](#21252) |
| | [feat: add AI Bridge request logs model
filter](#21259) |
| ✅ | [fix: promote AIBridge from
`ExperimentalHandler`](#21278) |

---------

Co-authored-by: Susana Ferreira <susana@coder.com>
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>
jakehwll added a commit that referenced this pull request Dec 19, 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.

![ai-bridge-improvements](https://github.com/user-attachments/assets/ce92852e-d0fc-4268-b52b-9aefd431033b)

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>
@jakehwll jakehwll force-pushed the jakehwll/ai-bridge-request-logs-model branch 3 times, most recently from c177a31 to 1f9aac6 Compare December 19, 2025 14:35
@jakehwll jakehwll force-pushed the jakehwll/ai-bridge-request-logs-model branch from b2a7d9b to 379b418 Compare December 19, 2025 15:08
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.

2 participants