From 2a1c221bb339b941c322da7d7122a89314c26b52 Mon Sep 17 00:00:00 2001
From: john <cynell@139.com>
Date: Thu, 30 Jul 2026 09:51:38 +0800
Subject: [PATCH] feat(billing): show user display name in usage records

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 server/pagination.mjs           | 3 ++-
 src/admin/pages/BillingPage.tsx | 5 ++++-
 src/types.ts                    | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/server/pagination.mjs b/server/pagination.mjs
index a700865..c5bab39 100644
--- a/server/pagination.mjs
+++ b/server/pagination.mjs
@@ -31,7 +31,7 @@ export async function listUsagePaged(pool, query) {
     params,
   );
   const [rows] = await pool.query(
-    `SELECT r.id, r.user_id, u.username, r.agent_session_id, r.request_id,
+    `SELECT r.id, r.user_id, u.username, u.display_name, r.agent_session_id, r.request_id,
             r.input_tokens, r.output_tokens, r.cost_cents, r.balance_after_cents, r.created_at
      FROM h5_usage_records r
      JOIN h5_users u ON u.id = r.user_id
@@ -45,6 +45,7 @@ export async function listUsagePaged(pool, query) {
       id: Number(row.id),
       userId: row.user_id,
       username: row.username,
+      displayName: row.display_name,
       agentSessionId: row.agent_session_id,
       requestId: row.request_id,
       inputTokens: Number(row.input_tokens),
diff --git a/src/admin/pages/BillingPage.tsx b/src/admin/pages/BillingPage.tsx
index 81e8f43..434c3df 100644
--- a/src/admin/pages/BillingPage.tsx
+++ b/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>
diff --git a/src/types.ts b/src/types.ts
index 5faacbf..61def3c 100644
--- a/src/types.ts
+++ b/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;