# UsagePanel

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/settings/ai/page.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/settings/ai/page.tsx#L227)

Usage panel — renders REAL current-billing-month AI usage from /billing/summary. Only surfaces figures the API actually provides (this-month totals + per-provider breakdown). No fabricated daily/weekly buckets; honest-empty when there is no usage.

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `usage` | `RealUsage | null` | ✓ | - |
| `loading` | `boolean` | - | - |

## Diagram

```mermaid
graph TD
    component_UsagePanel_9b1dcca["UsagePanel"]
    class component_UsagePanel_9b1dcca rootComponent
```

## Referenced By

- `AISettingsPage` (RENDERS)