feat: show the apikey mask value

src/locales/en-US/apikeys.ts

@@ -1,6 +1,7 @@
 export default {
   'apikeys.title': 'API Keys',
   'apikeys.table.apikeys': 'keys',
+  'apikeys.table.key': 'Key',
   'apikeys.button.create': 'Add API Key',
   'apikeys.button.edit': 'Edit API Key',
   'apikeys.title.save': 'Save API Key',

src/locales/ja-JP/apikeys.ts

@@ -1,6 +1,7 @@
 export default {
   'apikeys.title': 'APIキー',
   'apikeys.table.apikeys': 'キー',
+  'apikeys.table.key': 'キー',
   'apikeys.button.create': '新しいAPIキーを作成',
   'apikeys.button.edit': 'APIキーを編集',
   'apikeys.title.save': 'APIキーを保存',

src/locales/ru-RU/apikeys.ts

@@ -1,6 +1,7 @@
 export default {
   'apikeys.title': 'API-ключи',
   'apikeys.table.apikeys': 'Ключи',
+  'apikeys.table.key': 'Ключ',
   'apikeys.button.create': 'Создать API-ключ',
   'apikeys.button.edit': 'Редактировать API-ключ',
   'apikeys.title.save': 'Сохранить API-ключ',

src/locales/zh-CN/apikeys.ts

@@ -1,6 +1,7 @@
 export default {
   'apikeys.title': 'API 密钥',
   'apikeys.table.apikeys': '密钥',
+  'apikeys.table.key': '密钥',
   'apikeys.button.create': '添加 API 密钥',
   'apikeys.button.edit': '编辑 API 密钥',
   'apikeys.title.save': '保存 API 密钥',

src/pages/api-keys/hooks/use-keys-columns.tsx

@@ -47,6 +47,16 @@ const useModelsColumns = ({
           </AutoTooltip>
         )
       },
+      {
+        title: intl.formatMessage({ id: 'apikeys.table.key' }),
+        dataIndex: 'masked_value',
+        key: 'masked_value',
+        render: (text: string, record: ListItem) => (
+          <AutoTooltip ghost style={{ maxWidth: 400 }}>
+            {text}
+          </AutoTooltip>
+        )
+      },
       {
         title: intl.formatMessage({ id: 'apikeys.form.expiretime' }),
         dataIndex: 'expires_at',

src/pages/backends/components/backend-card.tsx

@@ -59,7 +59,7 @@ const Header = styled.div`
 
 const CardName = styled.div`
   font-weight: 500;
-  font-size: 16px;
+  font-size: 14px;
   display: flex;
   align-items: center;
   color: var(--ant-color-text);