feat: enhance model abilities display in DynamicFormItem and ModelsDialog components with icons for vision and function call

This commit is contained in:
Junyan Qin
2025-12-26 20:57:12 +08:00
parent 57fcec011d
commit 1d4c5bbdf1
2 changed files with 16 additions and 8 deletions
@@ -11,6 +11,8 @@ import {
Settings,
Sparkles,
LogIn,
Eye,
Wrench,
} from 'lucide-react';
import { httpClient } from '@/app/infra/http/HttpClient';
import {
@@ -400,13 +402,13 @@ export default function ModelsDialog({
{t('models.chat')}
</Badge>
{model.abilities?.includes('vision') && (
<Badge variant="outline" className="text-xs">
👁
<Badge variant="outline" className="text-xs gap-1">
<Eye className="h-3 w-3" />
</Badge>
)}
{model.abilities?.includes('func_call') && (
<Badge variant="outline" className="text-xs">
🔧
<Badge variant="outline" className="text-xs gap-1">
<Wrench className="h-3 w-3" />
</Badge>
)}
</div>