feat(site): add chat cost analytics frontend by ibetitsmike · Pull Request #23037 · coder/coder

ibetitsmike · 2026-03-13T14:20:41Z

Add UI components for viewing and managing LLM chat cost analytics.

Changes

UserAnalyticsDialog: personal cost summary with 30-day date range
ChatCostSummaryView: shared component for cost breakdowns by model and chat
ConfigureAgentsDialog: admin Usage tab with deployment-wide cost rollup
Storybook stories for all new and existing components
Replace ModelsSection.test.tsx, DashboardLayout.test.tsx, AuditPage.test.tsx with Storybook stories
Cost-related API client methods and React Query hooks
Analytics utilities for formatting microdollar values

Backend: #23036

coder-tasks · 2026-03-13T14:30:05Z

Documentation Check

Updates Needed

docs/ai-coder/agents/platform-controls.md - The "Usage controls and analytics" section currently describes this as future work ("We plan to give platform teams visibility..."). Now that basic cost analytics are shipping (admin Usage tab + per-user analytics dialog), this section should be updated to describe what is available today rather than what is planned.

⚠️ Marked as addressed in a prior run, but no corresponding documentation changes are present in this PR — platform-controls.md still reads as future-tense.

New Documentation Needed

docs/ai-coder/agents/platform-controls.md or a dedicated page — Document the new Usage tab in the admin Configure Agents dialog (deployment-wide spend rollup by user) and the personal usage stats dialog accessible from the Agents sidebar. Users and admins need to know these views exist and how to access them.

⚠️ Marked as addressed in a prior run, but no corresponding documentation changes are present in this PR.

Automated review via Coder Tasks

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 7b2b5502d7

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Add cost tracking for LLM chat interactions with microdollar precision. ## Changes - Add `chatcost` package for per-message cost calculation using `shopspring/decimal` for intermediate arithmetic - **Ceil rounding policy**: fractional micros round UP to next whole micro (applied once after summing all components) - Database migration: `total_cost_micros` BIGINT column with historical backfill and `created_at` index - API endpoints: per-user cost summary and admin rollup under `/api/experimental/chats/cost/` - SDK types: `ChatCostSummary`, `ChatCostModelBreakdown`, `ChatCostUserRollup` - Fix `modeloptionsgen` to handle `decimal.Decimal` as opaque numeric type - Update frontend pricing test fixtures for string decimal types ## Design decisions - `NULL` = unpriced (no matching model config), `0` = free - Reasoning tokens included in output tokens (no double-counting) - Integer microdollars (BIGINT) for storage and API responses - Price config uses `decimal.Decimal` for exact parsing; totals use `int64` Frontend: #23037

Add UI components for viewing and managing LLM chat cost analytics. - Add UserAnalyticsDialog with cost summary for personal usage - Add ChatCostSummaryView shared component for cost breakdowns - Add ConfigureAgentsDialog with Usage tab for admin cost rollup - Add Storybook stories for all new and existing components - Replace deleted test files with comprehensive Storybook stories (ModelsSection, DashboardLayout, AuditPage) - Add cost-related API client methods and React Query hooks - Add analytics utilities for formatting microdollar values

kylecarbs

PR Review Summary

Architecture is solid — shared ChatCostSummaryView, clean query factories, good Storybook coverage. Comments below are ordered roughly by impact. The highest-priority items are the key prop animation bug, missing debounce, accessibility gaps, and the NaN guard in formatCostMicros.

ibetitsmike · 2026-03-13T18:21:55Z

@codex review

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 6f41cb655c

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

ibetitsmike · 2026-03-13T18:40:14Z

@codex review

chatgpt-codex-connector · 2026-03-13T18:50:16Z

Codex Review: Didn't find any major issues. Hooray!

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

ibetitsmike mentioned this pull request Mar 13, 2026

feat: add chat cost analytics backend #23036

Merged

github-actions Bot assigned ibetitsmike Mar 13, 2026

ibetitsmike mentioned this pull request Mar 13, 2026

feat(agents): add chat cost analytics for admins and users #23008

Closed

ibetitsmike force-pushed the mike/cost-analytics-backend branch from 63331ff to 3309c60 Compare March 13, 2026 14:26

ibetitsmike requested a review from Emyrk as a code owner March 13, 2026 14:26

ibetitsmike force-pushed the mike/cost-analytics-frontend branch from 7b2b550 to ec92d61 Compare March 13, 2026 14:27

chatgpt-codex-connector Bot reviewed Mar 13, 2026

View reviewed changes

Comment thread site/index.html

ibetitsmike force-pushed the mike/cost-analytics-backend branch from 3309c60 to 1f68feb Compare March 13, 2026 14:54

ibetitsmike force-pushed the mike/cost-analytics-frontend branch from ec92d61 to 159eecd Compare March 13, 2026 14:54

ibetitsmike force-pushed the mike/cost-analytics-backend branch from 1f68feb to ed75f06 Compare March 13, 2026 15:16

ibetitsmike force-pushed the mike/cost-analytics-frontend branch 3 times, most recently from 33ba6be to bad63ee Compare March 13, 2026 15:38

ibetitsmike force-pushed the mike/cost-analytics-backend branch from ed75f06 to d5ea139 Compare March 13, 2026 16:12

ibetitsmike force-pushed the mike/cost-analytics-frontend branch 2 times, most recently from fa10d9b to 81e1a44 Compare March 13, 2026 16:34

ibetitsmike force-pushed the mike/cost-analytics-backend branch from 59a5383 to 9e5df3c Compare March 13, 2026 17:04

ibetitsmike force-pushed the mike/cost-analytics-frontend branch 2 times, most recently from 1f01cd2 to cb597cc Compare March 13, 2026 17:16

Base automatically changed from mike/cost-analytics-backend to main March 13, 2026 17:30

ibetitsmike added 4 commits March 13, 2026 17:32

docs: move Frontend Patterns section to frontend PR

0c518ea

fix(site): stabilize audit page story filter test

a2abcd8

fix(site): stabilize Chromatic interaction stories

72f0ac2

ibetitsmike force-pushed the mike/cost-analytics-frontend branch from 94d6861 to 72f0ac2 Compare March 13, 2026 17:32

DanielleMaywood approved these changes Mar 13, 2026

View reviewed changes

fix(site): add proxy provider to DashboardLayout story

8d517bb

kylecarbs reviewed Mar 13, 2026

View reviewed changes

ibetitsmike added 5 commits March 13, 2026 18:18

fix(site): use counter key for dialog remount on open only

544684e

fix(site): improve ConfigureAgentsDialog a11y and add search debounce

5e8708b

fix(site): nest cost query keys under chatsKey and simplify API methods

4a3f890

fix(site): improve analytics formatting, error handling, and a11y

5a57a3b

fix(site): use Button component with Tooltip for analytics button

6f41cb6

fix(site): update chats.test.ts for nested cost query keys

82fc32d

chatgpt-codex-connector Bot reviewed Mar 13, 2026

View reviewed changes

Comment thread site/src/pages/AgentsPage/ChatCostSummaryView.tsx Outdated

Comment thread site/src/api/queries/chats.test.ts Outdated

fix(site): pass loading prop to Spinner in ChatCostSummaryView

d58ce24

revert(site): restore original DashboardLayout and AuditPage test files

98afa14

ibetitsmike enabled auto-merge (squash) March 13, 2026 18:55

ibetitsmike merged commit eacabd8 into main Mar 13, 2026
26 checks passed

ibetitsmike deleted the mike/cost-analytics-frontend branch March 13, 2026 18:59

github-actions Bot locked and limited conversation to collaborators Mar 13, 2026

Conversation

ibetitsmike commented Mar 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

Uh oh!

coder-tasks Bot commented Mar 13, 2026 • edited by ibetitsmike Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Documentation Check

Updates Needed

New Documentation Needed

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

Uh oh!

kylecarbs left a comment

Choose a reason for hiding this comment

PR Review Summary

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ibetitsmike commented Mar 13, 2026

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

Uh oh!

Uh oh!

ibetitsmike commented Mar 13, 2026

Uh oh!

chatgpt-codex-connector Bot commented Mar 13, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

ibetitsmike commented Mar 13, 2026 •

edited

Loading

coder-tasks Bot commented Mar 13, 2026 •

edited by ibetitsmike

Loading