fix(api-keys): change default tab to 'active' and update filtering logic

Author: fylorn

web/src/i18n/en.json

@@ -51,7 +51,6 @@
     "copied": "Copied!",
     "done": "Done",
     "edit": "Edit",
-    "total": "Total",
     "all": "All",
     "none": "None",
     "selectAll": "Select all",

web/src/i18n/zh.json

@@ -51,7 +51,6 @@
     "copied": "已复制！",
     "done": "完成",
     "edit": "编辑",
-    "total": "总计",
     "all": "全部",
     "none": "无",
     "selectAll": "全选",

web/src/routes/api-keys.tsx

@@ -186,7 +186,7 @@ export function ApiKeysPage() {
   const [keys, setKeys] = useState<ApiKey[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
-  const [tab, setTab] = useState('all');
+  const [tab, setTab] = useState('active');
 
   // Shared data for dialogs
   const [costCenterOptions, setCostCenterOptions] = useState<string[]>([]);
@@ -319,7 +319,7 @@ export function ApiKeysPage() {
         })
       : tab === 'inactive'
         ? keys.filter((k) => !k.is_active || !!k.disabled_reason)
-        : keys;
+        : keys.filter((k) => k.is_active && !k.disabled_reason);
 
   // ---------------------------------------------------------------------------
   // Callbacks
@@ -415,7 +415,7 @@ export function ApiKeysPage() {
       <div className="mb-4 flex items-center">
         <Tabs value={tab} onValueChange={setTab}>
           <TabsList>
-            <TabsTrigger value="all">{t('common.total')}</TabsTrigger>
+            <TabsTrigger value="active">{t('common.active')}</TabsTrigger>
             <TabsTrigger value="expiring">{t('apiKeys.expiringSoon')}</TabsTrigger>
             <TabsTrigger value="inactive">{t('apiKeys.inactiveTab')}</TabsTrigger>
           </TabsList>
@@ -442,9 +442,9 @@ export function ApiKeysPage() {
             <div className="flex h-full flex-col items-center justify-center text-center">
               <KeyRound className="h-10 w-10 text-muted-foreground mb-3" />
               <p className="text-sm text-muted-foreground">
-                {tab === 'all' ? t('apiKeys.noKeys') : t('common.noData')}
+                {keys.length === 0 ? t('apiKeys.noKeys') : t('common.noData')}
               </p>
-              {tab === 'all' && (
+              {keys.length === 0 && (
                 <>
                   <p className="text-xs text-muted-foreground mt-1">{t('apiKeys.noKeysHint')}</p>
                   {hasPermission('api_keys:create') && (