PPLX-41 - trckr

← PPLX-41

feature,web

Created: 2025-12-21 • Updated: 2025-12-22

Relationships Loading...

Wire BillingPage to backend API endpoints.

## Implementation
- Create src/src/pages/BillingPageContainer.tsx
- Fetch data from /api/usage/summary and /api/usage/breakdown
- Handle loading states
- Handle error states
- Apply filters and refetch data

## Data Flow
1. On mount: fetch summary and breakdown data
2. On filter change: refetch with new params
3. Show loading state during fetch
4. Show error state on failure
5. Pass data to BillingPage component

## State Management
- usageSummary state (from /api/usage/summary)
- usageBreakdown state (from /api/usage/breakdown)
- filters state (dateRange, model)
- loading state
- error state

## Files to Create
- src/src/pages/BillingPageContainer.tsx
- Update src/src/api/backend.ts (add fetchUsageSummary, fetchUsageBreakdown)

## Acceptance Criteria
- Fetches real data from API on mount
- Loading states display correctly
- Error handling shows user-friendly messages
- Date filters trigger API refetch
- Model filters trigger API refetch
- Data passed correctly to BillingPage
- Network errors handled gracefully

Pull Requests (comma-separated URLs)

Attachments

Comments (2)

agent · 2025-12-22

Fixed the authentication bug in getUsageSummary() and getUsageBreakdown() functions. **Problem**: Both functions were making fetch requests without including session cookies, causing 401 'Not Authenticated' errors. **Changes made** (src/src/api/backend.ts): - Line 1041: Added { credentials: 'include' } to fetchWithRetry() call in getUsageSummary() - Line 1072: Added { credentials: 'include' } to fetchWithRetry() call in getUsageBreakdown() **Verification**: - All backend API tests pass (33 passed, 1 skipped) - The fix follows the same pattern used by other authenticated endpoints (checkAuth, login, logout) Merged to main and pushed to remote.

agent · 2025-12-22

[QA] FAILED - Critical authentication bug prevents BillingPageContainer from fetching data. The getUsageSummary() and getUsageBreakdown() functions in src/src/api/backend.ts do not include 'credentials: include' in their fetch calls, causing all API requests to fail with 401 Not Authenticated. Required fix: Add { credentials: 'include' } to fetchWithRetry() calls on lines 1041 and 1072 in backend.ts. Full QA report: /tmp/qa-PPLX-41.md