From a7dd535d479325b3a0c9506e933d1580f0b8e5ee Mon Sep 17 00:00:00 2001
From: erio <asakifeng@gmail.com>
Date: Wed, 15 Apr 2026 15:56:39 +0800
Subject: [PATCH] fix(usage): show account cost inline under cost column,
 remove separate column
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Cost cell: change gray "A $xxx" to orange "成本 $xxx" with i18n
- Remove standalone account_cost column from column settings (redundant)
---
 frontend/src/components/admin/usage/UsageTable.vue | 10 ++--------
 frontend/src/views/admin/UsageView.vue             |  1 -
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/admin/usage/UsageTable.vue b/frontend/src/components/admin/usage/UsageTable.vue
index c7fad3b1..8609635a 100644
--- a/frontend/src/components/admin/usage/UsageTable.vue
+++ b/frontend/src/components/admin/usage/UsageTable.vue
@@ -154,18 +154,12 @@
                 </div>
               </div>
             </div>
-            <div v-if="row.account_rate_multiplier != null" class="mt-0.5 text-[11px] text-gray-400">
-              A ${{ accountBilled(row).toFixed(6) }}
+            <div v-if="row.account_rate_multiplier != null" class="mt-0.5 text-[11px] text-orange-500 dark:text-orange-400">
+              {{ t('usage.accountCost') }} ${{ accountBilled(row).toFixed(6) }}
             </div>
           </div>
         </template>
 
-        <template #cell-account_cost="{ row }">
-          <span class="text-sm font-medium text-orange-500 dark:text-orange-400">
-            ${{ accountBilled(row).toFixed(6) }}
-          </span>
-        </template>
-
         <template #cell-first_token="{ row }">
           <span v-if="row.first_token_ms != null" class="text-sm text-gray-600 dark:text-gray-400">{{ formatDuration(row.first_token_ms) }}</span>
           <span v-else class="text-sm text-gray-400 dark:text-gray-500">-</span>
diff --git a/frontend/src/views/admin/UsageView.vue b/frontend/src/views/admin/UsageView.vue
index d0c3358e..495ca7ad 100644
--- a/frontend/src/views/admin/UsageView.vue
+++ b/frontend/src/views/admin/UsageView.vue
@@ -533,7 +533,6 @@ const allColumns = computed(() => [
   { key: 'billing_mode', label: t('admin.usage.billingMode'), sortable: false },
   { key: 'tokens', label: t('usage.tokens'), sortable: false },
   { key: 'cost', label: t('usage.cost'), sortable: false },
-  { key: 'account_cost', label: t('usage.accountCost'), sortable: false },
   { key: 'first_token', label: t('usage.firstToken'), sortable: false },
   { key: 'duration', label: t('usage.duration'), sortable: false },
   { key: 'created_at', label: t('usage.time'), sortable: true },