fix: deleted tag

src/pages/usage/hooks/use-apikeys-columns.tsx

@@ -1,6 +1,7 @@
 // columns.ts
 import AutoTooltip from '@/components/auto-tooltip';
 import { useIntl } from '@umijs/max';
+import { Tag } from 'antd';
 import { useMemo } from 'react';
 import { BreakdownItem as ListItem } from '../config/types';
 
@@ -19,9 +20,23 @@ const useModelsColumns = (): Array<{
         key: 'api_key_name',
         render: (text: string, record: ListItem) => (
           <span className="flex items-center">
-            <AutoTooltip ghost style={{ maxWidth: 400 }}>
+            <AutoTooltip ghost title={<span>{text}</span>}>
               <span className="text-primary">{text}</span>
             </AutoTooltip>
+            {record.api_key?.deleted && (
+              <Tag
+                style={{
+                  marginLeft: 8,
+                  borderRadius: 12,
+                  color: 'var(--ant-color-text-tertiary)',
+                  borderColor: 'var(--ant-color-split)',
+                  backgroundColor: 'transparent'
+                }}
+                variant="outlined"
+              >
+                {intl.formatMessage({ id: 'usage.table.deleted' })}
+              </Tag>
+            )}
           </span>
         )
       },