feat(billing): show user display name in usage records

Co-authored-by: Cursor <cursoragent@cursor.com>

src/admin/pages/BillingPage.tsx

@@ -230,7 +230,10 @@ function UsageTab() {
                   {result.items.map((row) => (
                     <tr key={row.id}>
                       <td className="billing-time">{formatTime(row.createdAt)}</td>
-                      <td>@{row.username}</td>
+                      <td>
+                        <span>{row.displayName || row.username}</span>
+                        <span className="muted"> @{row.username}</span>
+                      </td>
                       <td className="billing-num">{row.inputTokens.toLocaleString()}</td>
                       <td className="billing-num">{row.outputTokens.toLocaleString()}</td>
                       <td className="billing-num">¥{formatYuan(row.costCents)}</td>

src/types.ts

@@ -237,6 +237,7 @@ export type UsageRecord = {
   id: number;
   userId: string;
   username: string;
+  displayName: string;
   agentSessionId: string;
   requestId: string | null;
   inputTokens: number;