oadmin/new-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat(tokens-table): show “Other” avatar for models without vendor logo

Browse Source 
Adds UI fallback in TokensTable “Available Models” column:
• Tracks models already matched to a known vendor icon.
• Collects unmatched models and renders a neutral “Other” avatar (labelled via `t('其他')`) with a tooltip listing the model names.
• Removes previous generic fallback so every model is now either vendor-specific or grouped under “Other”.

This improves clarity for users by explicitly indicating models from unrecognized providers rather than leaving them unlabelled.
This commit is contained in:
t0ng7u
2025-07-13 17:24:55 +08:00
parent 75b486b467
commit 2d7ae1180f
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/table/TokensTable.js
View File

@@ -227,6 +227,7 @@ const TokensTable = () => {
const categories = getModelCategories(t); const categories = getModelCategories(t);
const vendorAvatars = []; const vendorAvatars = [];
const matchedModels = new Set();
Object.entries(categories).forEach(([key, category]) => { Object.entries(categories).forEach(([key, category]) => {
if (key === 'all') return; if (key === 'all') return;
if (!category.icon || !category.filter) return; if (!category.icon || !category.filter) return;
@@ -239,14 +240,16 @@ const TokensTable = () => {
</Avatar> </Avatar>
</Tooltip> </Tooltip>
); );
vendorModels.forEach((m) => matchedModels.add(m));
} }
}); });
if (vendorAvatars.length === 0) { const unmatchedModels = models.filter((m) => !matchedModels.has(m));
if (unmatchedModels.length > 0) {
vendorAvatars.push( vendorAvatars.push(
<Tooltip key='default' content={models.join(', ')} position='top' showArrow> <Tooltip key='unknown' content={unmatchedModels.join(', ')} position='top' showArrow>
<Avatar size='extra-extra-small' alt='models'> <Avatar size='extra-extra-small' alt='unknown'>
{models[0].slice(0, 2).toUpperCase()} {t('其他')}
</Avatar> </Avatar>
</Tooltip> </Tooltip>
); );

3
web/src/i18n/locales/en.json
View File

@@ -1772,5 +1772,6 @@
"仅支持 JSON 文件，支持多文件": "Only JSON files are supported, multiple files are supported", "仅支持 JSON 文件，支持多文件": "Only JSON files are supported, multiple files are supported",
"请上传密钥文件": "Please upload the key file", "请上传密钥文件": "Please upload the key file",
"请填写部署地区": "Please fill in the deployment region", "请填写部署地区": "Please fill in the deployment region",
"请输入部署地区，例如：us-central1\n支持使用模型映射格式\n{\n \"default\": \"us-central1\",\n \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}": "Please enter the deployment region, for example: us-central1\nSupports using model mapping format\n{\n \"default\": \"us-central1\",\n \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}" "请输入部署地区，例如：us-central1\n支持使用模型映射格式\n{\n \"default\": \"us-central1\",\n \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}": "Please enter the deployment region, for example: us-central1\nSupports using model mapping format\n{\n \"default\": \"us-central1\",\n \"claude-3-5-sonnet-20240620\": \"europe-west1\"\n}",
"其他": "Other"
} }