fix(dashboard): use all models for log filter and compact Y-axis labels

- Derive model dropdown options from full model breakdown data instead
  of only recent 100 requests, so all models (e.g. haiku) appear
- Add formatCompactNumber (1.2k, 3.5M) for trend chart Y-axis to
  prevent label clipping

Author: noir19

dashboard/src/app.tsx

@@ -166,7 +166,10 @@ function DashboardContent({
     <>
       {activeTab === "overview" ? <OverviewPanel data={dashboardData} /> : null}
       {activeTab === "logs" ? (
-        <RequestLogsPanel requests={dashboardData.recentRequests} />
+        <RequestLogsPanel
+          requests={dashboardData.recentRequests}
+          allModels={dashboardData.requestModels}
+        />
       ) : null}
       {activeTab === "models" ? (
         <ModelConfigPanel

dashboard/src/components/dashboard/request-logs-panel.tsx

@@ -1,7 +1,7 @@
 import { ChevronLeft, ChevronRight } from "lucide-react"
 import { useMemo, useState } from "react"
 
-import type { RecentRequestRow } from "../../lib/dashboard-api"
+import type { ModelBreakdownRow, RecentRequestRow } from "../../lib/dashboard-api"
 import { formatTimestamp } from "../../lib/format"
 import { cn } from "../../lib/utils"
 import { Badge } from "../ui/badge"
@@ -21,8 +21,10 @@ const PAGE_SIZE = 20
 
 export function RequestLogsPanel({
   requests,
+  allModels,
 }: {
   requests: Array<RecentRequestRow>
+  allModels: Array<ModelBreakdownRow>
 }) {
   const [filterModel, setFilterModel] = useState("")
   const [filterRoute, setFilterRoute] = useState("")
@@ -33,11 +35,11 @@ export function RequestLogsPanel({
 
   const modelOptions = useMemo(() => {
     const set = new Set<string>()
-    for (const r of requests) {
-      if (r.modelRaw) set.add(r.modelRaw)
+    for (const m of allModels) {
+      if (m.modelRaw) set.add(m.modelRaw)
     }
     return Array.from(set).sort()
-  }, [requests])
+  }, [allModels])
 
   const filtered = useMemo(() => {
     const fromMs = timeFrom ? new Date(timeFrom).getTime() : 0

dashboard/src/components/dashboard/request-trend-card.tsx

@@ -10,7 +10,7 @@ import {
 } from "recharts"
 
 import { loadTimeSeries, type TimeSeriesPoint } from "../../lib/dashboard-api"
-import { formatNumber } from "../../lib/format"
+import { formatCompactNumber, formatNumber } from "../../lib/format"
 import { Button } from "../ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "../ui/card"
 
@@ -154,9 +154,9 @@ export function RequestTrendCard({
                 <YAxis
                   fontSize={11}
                   stroke="#94a3b8"
-                  tickFormatter={(v: number) => formatNumber(v)}
+                  tickFormatter={(v: number) => formatCompactNumber(v)}
                   tickLine={false}
-                  width={50}
+                  width={45}
                 />
                 <Tooltip
                   contentStyle={{

dashboard/src/lib/format.ts

@@ -4,6 +4,12 @@ export function formatNumber(value: number): string {
   return new Intl.NumberFormat().format(value)
 }
 
+export function formatCompactNumber(value: number): string {
+  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`
+  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`
+  return String(value)
+}
+
 export function formatPercent(value: number): string {
   return `${value.toFixed(1)}%`
 }