mirror of
https://github.com/sipeed/picoclaw.git
synced 2026-06-12 18:08:54 +00:00
LC
81a050555d
* feat(provider,web): enhance model management with provider options * fix(asr): enhance compatibility for ElevenLabs transcription model * fix(provider,web): align provider availability predicates and add flow gating * fix(web,asr): preserve legacy elevenlabs transcription configs * fix(provider,web,asr): normalize elevenlabs configs and gate default chat models * fix: tighten provider catalog and elevenlabs compatibility
110 lines
2.9 KiB
TypeScript
110 lines
2.9 KiB
TypeScript
import { useMemo, useState } from "react"
|
|
|
|
const PROVIDER_ICON_SLUGS: Record<string, string> = {
|
|
openai: "openai",
|
|
elevenlabs: "elevenlabs",
|
|
anthropic: "anthropic",
|
|
azure: "microsoftazure",
|
|
gemini: "googlegemini",
|
|
deepseek: "deepseek",
|
|
"qwen-portal": "alibabacloud",
|
|
"qwen-intl": "alibabacloud",
|
|
groq: "groq",
|
|
openrouter: "openrouter",
|
|
nvidia: "nvidia",
|
|
cerebras: "cerebras",
|
|
volcengine: "bytedance",
|
|
"github-copilot": "githubcopilot",
|
|
ollama: "ollama",
|
|
mistral: "mistralai",
|
|
zhipu: "zhipu",
|
|
}
|
|
|
|
const PROVIDER_DOMAINS: Record<string, string> = {
|
|
openai: "openai.com",
|
|
elevenlabs: "elevenlabs.io",
|
|
anthropic: "anthropic.com",
|
|
azure: "azure.com",
|
|
gemini: "gemini.google.com",
|
|
deepseek: "deepseek.com",
|
|
"qwen-portal": "qwenlm.ai",
|
|
"qwen-intl": "alibabacloud.com",
|
|
moonshot: "moonshot.ai",
|
|
groq: "groq.com",
|
|
openrouter: "openrouter.ai",
|
|
nvidia: "nvidia.com",
|
|
cerebras: "cerebras.ai",
|
|
volcengine: "volcengine.com",
|
|
shengsuanyun: "shengsuanyun.com",
|
|
antigravity: "antigravity.google",
|
|
"github-copilot": "github.com",
|
|
ollama: "ollama.com",
|
|
lmstudio: "lmstudio.ai",
|
|
mistral: "mistral.ai",
|
|
avian: "avian.io",
|
|
vllm: "vllm.ai",
|
|
zhipu: "zhipuai.cn",
|
|
zai: "z.ai",
|
|
mimo: "xiaomi.com",
|
|
venice: "venice.ai",
|
|
vivgrid: "vivgrid.com",
|
|
minimax: "minimaxi.com",
|
|
longcat: "longcat.chat",
|
|
modelscope: "modelscope.cn",
|
|
}
|
|
|
|
interface ProviderIconProps {
|
|
providerKey: string
|
|
providerLabel: string
|
|
}
|
|
|
|
export function ProviderIcon({
|
|
providerKey,
|
|
providerLabel,
|
|
}: ProviderIconProps) {
|
|
const [sourceIndex, setSourceIndex] = useState(0)
|
|
const [loadFailed, setLoadFailed] = useState(false)
|
|
const initial = providerLabel.trim().charAt(0).toUpperCase() || "?"
|
|
const iconUrls = useMemo(() => {
|
|
const slug = PROVIDER_ICON_SLUGS[providerKey]
|
|
const domain = PROVIDER_DOMAINS[providerKey]
|
|
const urls: string[] = []
|
|
if (slug) {
|
|
urls.push(`https://cdn.simpleicons.org/${slug}`)
|
|
}
|
|
if (domain) {
|
|
urls.push(`https://www.google.com/s2/favicons?domain=${domain}&sz=64`)
|
|
}
|
|
return urls
|
|
}, [providerKey])
|
|
|
|
const iconUrl = iconUrls[sourceIndex]
|
|
|
|
if (!iconUrl || loadFailed) {
|
|
return (
|
|
<span className="inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-black/10 bg-white text-[9px] font-semibold text-black/70 dark:border-white/20 dark:text-black/70">
|
|
{initial}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<span className="inline-flex size-4 shrink-0 items-center justify-center overflow-hidden rounded-sm border border-black/10 bg-white p-0.5 dark:border-white/20">
|
|
<img
|
|
src={iconUrl}
|
|
alt={`${providerLabel} logo`}
|
|
className="size-full object-contain"
|
|
loading="lazy"
|
|
referrerPolicy="no-referrer"
|
|
onError={() => {
|
|
if (sourceIndex < iconUrls.length - 1) {
|
|
setSourceIndex((idx) => idx + 1)
|
|
return
|
|
}
|
|
setLoadFailed(true)
|
|
}}
|
|
/>
|
|
</span>
|
|
)
|
|
}
|