fix: show usage update time

Author: abwuge

admin/handler.go

@@ -410,6 +410,7 @@ type accountResponse struct {
 	ProxyURL                 string                     `json:"proxy_url"`
 	CreatedAt                string                     `json:"created_at"`
 	UpdatedAt                string                     `json:"updated_at"`
+	CodexUsageUpdatedAt      string                     `json:"codex_usage_updated_at,omitempty"`
 	ActiveRequests           int64                      `json:"active_requests"`
 	TotalRequests            int64                      `json:"total_requests"`
 	LastUsedAt               string                     `json:"last_used_at"`
@@ -534,6 +535,7 @@ func (h *Handler) ListAccounts(c *gin.Context) {
 			BaseConcurrencyEffective: effectiveBaseConcurrency(row.BaseConcurrencyOverride, int64(h.store.GetMaxConcurrency())),
 			CreatedAt:                row.CreatedAt.Format(time.RFC3339),
 			UpdatedAt:                row.UpdatedAt.Format(time.RFC3339),
+			CodexUsageUpdatedAt:      row.GetCredential("codex_usage_updated_at"),
 		}
 		if acc, ok := accountMap[row.ID]; ok {
 			acc.Mu().RLock()

frontend/src/locales/en.json

@@ -227,6 +227,11 @@
     "requests": "Requests(7d)",
     "usage": "Usage",
     "updatedAt": "Updated",
+    "recordUpdatedAt": "Record updated",
+    "recordUpdatedAtShort": "Record",
+    "usageUpdatedAt": "Usage updated",
+    "usageUpdatedAtShort": "Usage",
+    "noUsageUpdatedAt": "None",
     "importTime": "Import Time",
     "actions": "Actions",
     "test": "Test",

frontend/src/locales/zh.json

@@ -227,6 +227,11 @@
     "requests": "请求(7d)",
     "usage": "用量",
     "updatedAt": "更新时间",
+    "recordUpdatedAt": "记录更新时间",
+    "recordUpdatedAtShort": "记录",
+    "usageUpdatedAt": "用量更新时间",
+    "usageUpdatedAtShort": "用量",
+    "noUsageUpdatedAt": "无",
     "importTime": "导入时间",
     "actions": "操作",
     "test": "测试",

frontend/src/pages/Accounts.tsx

@@ -19,6 +19,7 @@ import type {
   APIKeyRow,
   OpsOverviewResponse,
   AccountGroup,
+  SystemSettings,
 } from "../types";
 import { getErrorMessage } from "../utils/error";
 import { formatCompactEmail } from "../lib/utils";
@@ -401,36 +402,47 @@ export default function Accounts() {
   const { confirm, confirmDialog } = useConfirmDialog();
 
   const loadAccounts = useCallback(async () => {
-    const [accountsResponse, apiKeysResponse, opsOverview, groupsResponse] =
+    const [
+      accountsResponse,
+      apiKeysResponse,
+      opsOverview,
+      groupsResponse,
+      settings,
+    ] =
       await Promise.all([
         api.getAccounts(),
         api.getAPIKeys(),
         api.getOpsOverview().catch((): OpsOverviewResponse | null => null),
         api.listAccountGroups().catch(() => ({ groups: [] })),
+        api.getSettings().catch((): SystemSettings | null => null),
       ]);
     setAllGroups(groupsResponse.groups ?? []);
     return {
       accounts: accountsResponse.accounts ?? [],
       apiKeys: apiKeysResponse.keys ?? [],
       opsOverview,
+      lazyMode: settings?.lazy_mode ?? false,
     };
   }, []);
 
   const { data, loading, error, reload, reloadSilently } = useDataLoader<{
     accounts: AccountRow[];
     apiKeys: APIKeyRow[];
     opsOverview: OpsOverviewResponse | null;
+    lazyMode: boolean;
   }>({
     initialData: {
       accounts: [],
       apiKeys: [],
       opsOverview: null,
+      lazyMode: false,
     },
     load: loadAccounts,
   });
   const accounts = data.accounts;
   const apiKeys = data.apiKeys;
   const opsOverview = data.opsOverview;
+  const lazyMode = data.lazyMode;
   const usageReloadAttemptsRef = useRef<Map<number, number>>(new Map());
 
   useEffect(() => {
@@ -2855,8 +2867,29 @@ export default function Accounts() {
                               </TableCell>
                             )}
                             {visibleColumns.updatedAt && (
-                              <TableCell className="text-[14px] text-muted-foreground">
-                                {formatRelativeTime(account.updated_at)}
+                              <TableCell className="text-[13px] text-muted-foreground whitespace-nowrap">
+                                {lazyMode ? (
+                                  <div className="space-y-0.5 leading-tight">
+                                    <div title={t("accounts.recordUpdatedAt")}>
+                                      <span className="mr-1 text-[11px] text-muted-foreground/70">
+                                        {t("accounts.recordUpdatedAtShort")}
+                                      </span>
+                                      {formatRelativeTime(account.updated_at)}
+                                    </div>
+                                    <div title={t("accounts.usageUpdatedAt")}>
+                                      <span className="mr-1 text-[11px] text-muted-foreground/70">
+                                        {t("accounts.usageUpdatedAtShort")}
+                                      </span>
+                                      {account.codex_usage_updated_at
+                                        ? formatRelativeTime(
+                                            account.codex_usage_updated_at,
+                                          )
+                                        : t("accounts.noUsageUpdatedAt")}
+                                    </div>
+                                  </div>
+                                ) : (
+                                  formatRelativeTime(account.updated_at)
+                                )}
                               </TableCell>
                             )}
                             {visibleColumns.actions && (

frontend/src/types.ts

@@ -65,6 +65,7 @@ export interface AccountRow {
   proxy_url: string
   created_at: ISODateString
   updated_at: ISODateString
+  codex_usage_updated_at?: ISODateString
   active_requests?: number
   total_requests?: number
   last_used_at?: ISODateString