wehub-resource-sync
e4dcfc49aa
Tests / Import Check (Python 3.13) (push) Has been cancelled
Tests / Import Check (Python 3.14) (push) Has been cancelled
Tests / Python Tests (Python 3.11) (push) Has been cancelled
Tests / Python Tests (Python 3.12) (push) Has been cancelled
Tests / Python Tests (Python 3.14) (push) Has been cancelled
Tests / Test Summary (push) Has been cancelled
Tests / Lint and Format (push) Has been cancelled
Tests / Web Node Tests (push) Has been cancelled
Tests / Import Check (Python 3.11) (push) Has been cancelled
Tests / Import Check (Python 3.12) (push) Has been cancelled
Tests / Python Tests (Python 3.13) (push) Has been cancelled
91 lines
3.1 KiB
TypeScript
91 lines
3.1 KiB
TypeScript
import { Bot } from "lucide-react";
|
|
|
|
/**
|
|
* Vendor logos for LLM/embedding providers, keyed by binding name
|
|
* (see deeptutor/services/provider_registry.py). SVGs are vendored from
|
|
* @lobehub/icons-static-svg (MIT) into /public/provider-icons.
|
|
*
|
|
* `mono` icons are solid-fill brand marks that render black as <img>;
|
|
* they get `dark:invert` so they stay visible on dark backgrounds.
|
|
* Unknown/custom bindings fall back to the generic Bot icon.
|
|
*/
|
|
const PROVIDER_ICONS: Record<string, { file: string; mono?: boolean }> = {
|
|
openai: { file: "openai.svg", mono: true },
|
|
openai_codex: { file: "openai.svg", mono: true },
|
|
anthropic: { file: "anthropic.svg", mono: true },
|
|
custom_anthropic: { file: "anthropic.svg", mono: true },
|
|
azure_openai: { file: "azure-color.svg" },
|
|
openrouter: { file: "openrouter.svg", mono: true },
|
|
aihubmix: { file: "aihubmix-color.svg" },
|
|
siliconflow: { file: "siliconcloud-color.svg" },
|
|
volcengine: { file: "volcengine-color.svg" },
|
|
volcengine_coding_plan: { file: "volcengine-color.svg" },
|
|
byteplus: { file: "bytedance-color.svg" },
|
|
byteplus_coding_plan: { file: "bytedance-color.svg" },
|
|
github_copilot: { file: "githubcopilot.svg", mono: true },
|
|
deepseek: { file: "deepseek-color.svg" },
|
|
gemini: { file: "gemini-color.svg" },
|
|
google: { file: "gemini-color.svg" },
|
|
zhipu: { file: "zhipu-color.svg" },
|
|
dashscope: { file: "qwen-color.svg" },
|
|
aliyun: { file: "qwen-color.svg" },
|
|
moonshot: { file: "moonshot.svg", mono: true },
|
|
minimax: { file: "minimax-color.svg" },
|
|
minimax_anthropic: { file: "minimax-color.svg" },
|
|
mistral: { file: "mistral-color.svg" },
|
|
stepfun: { file: "stepfun-color.svg" },
|
|
xiaomi_mimo: { file: "xiaomimimo.svg", mono: true },
|
|
vllm: { file: "vllm-color.svg" },
|
|
ollama: { file: "ollama.svg", mono: true },
|
|
lm_studio: { file: "lmstudio.svg", mono: true },
|
|
nvidia_nim: { file: "nvidia-color.svg" },
|
|
groq: { file: "groq.svg", mono: true },
|
|
qianfan: { file: "baiducloud-color.svg" },
|
|
cohere: { file: "cohere-color.svg" },
|
|
jina: { file: "jina.svg", mono: true },
|
|
// Search providers (web/components/settings/shared.tsx). brave/duckduckgo/
|
|
// searxng come from simple-icons with the brand color baked in.
|
|
tavily: { file: "tavily-color.svg" },
|
|
perplexity: { file: "perplexity-color.svg" },
|
|
exa: { file: "exa-color.svg" },
|
|
brave: { file: "brave.svg" },
|
|
duckduckgo: { file: "duckduckgo.svg" },
|
|
searxng: { file: "searxng.svg" },
|
|
baidu: { file: "baidu-color.svg" },
|
|
};
|
|
|
|
export default function ProviderIcon({
|
|
provider,
|
|
size = 13,
|
|
className = "",
|
|
}: {
|
|
provider?: string | null;
|
|
size?: number;
|
|
className?: string;
|
|
}) {
|
|
const spec = provider
|
|
? PROVIDER_ICONS[provider.trim().toLowerCase()]
|
|
: undefined;
|
|
if (!spec) {
|
|
return (
|
|
<Bot
|
|
size={size}
|
|
strokeWidth={1.7}
|
|
className={`shrink-0 ${className}`.trim()}
|
|
/>
|
|
);
|
|
}
|
|
return (
|
|
// eslint-disable-next-line @next/next/no-img-element
|
|
<img
|
|
src={`/provider-icons/${spec.file}`}
|
|
alt=""
|
|
aria-hidden
|
|
width={size}
|
|
height={size}
|
|
draggable={false}
|
|
className={`shrink-0 select-none ${spec.mono ? "dark:invert" : ""} ${className}`.trim()}
|
|
/>
|
|
);
|
|
}
|