feat(provider): 使用 SmartProviderIcon 替换 ModelIcon 以优化图标显示

Licoy · Licoy · commit eb1b172afc5d · 2026-04-13T12:25:10.000+08:00
diff --git a/src/components/chat/ModelSelector.tsx b/src/components/chat/ModelSelector.tsx
@@ -4,6 +4,7 @@ import { Search, Settings, Pin, PinOff, ChevronDown, ChevronRight, ChevronsDownU
 import { ModelIcon } from '@lobehub/icons';
 import { useTranslation } from 'react-i18next';
 import { useProviderStore, useConversationStore, useSettingsStore, useUIStore } from '@/stores';
+import { SmartProviderIcon } from '@/lib/providerIcons';
 import { getShortcutBinding, formatShortcutForDisplay } from '@/lib/shortcuts';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { getVisibleModelCapabilities } from '@/lib/modelCapabilities';
@@ -593,7 +594,7 @@ export function ModelSelector({ style, onSelect, overrideCurrentModel, children,
                       onClick={() => toggleGroupExpand(row.provider.id)}
                     >
                       {isExpanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
-                      <ModelIcon model={row.provider.models[0]?.model_id ?? row.provider.name} size={20} type="avatar" />
+                      <SmartProviderIcon provider={row.provider} size={20} type="avatar" />
                       <span style={{ fontWeight: 600, fontSize: 13 }}>{row.provider.name}</span>
                       <Tag style={{ fontSize: 11, lineHeight: '18px', padding: '0 6px', margin: 0 }}>{row.provider.models.length}</Tag>
                       <div style={{ flex: 1 }} />
diff --git a/src/components/settings/ProviderDetail.tsx b/src/components/settings/ProviderDetail.tsx
@@ -671,16 +671,18 @@ export function ProviderDetail({ providerId }: ProviderDetailProps) {
               <Title level={4} className="!mb-0">
                 {provider.name}
               </Title>
-              <Button
-                type="text"
-                size="small"
-                icon={<SquarePen size={14} />}
-                onClick={() => {
-                  setEditProviderName(provider.name);
-                  setEditProviderType(provider.provider_type);
-                  setProviderEditModalOpen(true);
-                }}
-              />
+              {!provider.builtin_id && (
+                <Button
+                  type="text"
+                  size="small"
+                  icon={<SquarePen size={14} />}
+                  onClick={() => {
+                    setEditProviderName(provider.name);
+                    setEditProviderType(provider.provider_type);
+                    setProviderEditModalOpen(true);
+                  }}
+                />
+              )}
             </div>
           </div>
         </div>
diff --git a/src/components/shared/ModelSelect.tsx b/src/components/shared/ModelSelect.tsx
@@ -2,6 +2,7 @@ import { useMemo, useCallback } from 'react';
 import { Select, theme } from 'antd';
 import { ModelIcon } from '@lobehub/icons';
 import { useProviderStore } from '@/stores';
+import { SmartProviderIcon } from '@/lib/providerIcons';
 
 /** Parse a combined `providerId::modelId` value. */
 export function parseModelValue(value: string | undefined) {
@@ -20,7 +21,7 @@ export function useGroupedModelOptions() {
       .map((p) => ({
         label: (
           <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6 }}>
-            <ModelIcon model={p.name} size={16} type="avatar" />
+            <SmartProviderIcon provider={p} size={16} type="avatar" />
             {p.name}
           </span>
         ),
