Claude

import { useId, type ReactNode } from "react"; import { GooseIcon } from "./GooseIcon"; export function ClaudeIcon({ className = "" }: { className?: string }) { return ( ); } export function CodexIcon({ className = "" }: { className?: string }) { const gradientId = `${useId().replace(/:/g, "")}-codex-fill`; return ( ); } export function OpenAIIcon({ className = "" }: { className?: string }) { return ( ); } export function GoogleGeminiIcon({ className = "" }: { className?: string }) { const gradientBaseId = useId().replace(/:/g, ""); const gradientId0 = `${gradientBaseId}-gemini-fill-0`; const gradientId1 = `${gradientBaseId}-gemini-fill-1`; const gradientId2 = `${gradientBaseId}-gemini-fill-2`; return ( ); } export function AmpIcon({ className = "" }: { className?: string }) { return ( ); } export function DatabricksIcon({ className = "" }: { className?: string }) { return ( ); } export function OpenRouterIcon({ className = "" }: { className?: string }) { return ( ); } export function XAIIcon({ className = "" }: { className?: string }) { return ( ); } export function BedrockIcon({ className = "" }: { className?: string }) { const gradientId = `${useId().replace(/:/g, "")}-bedrock-fill`; return ( ); } export function AzureOpenAIIcon({ className = "" }: { className?: string }) { const gradientId = `${useId().replace(/:/g, "")}-azure-openai-fill`; return ( ); } export function VertexAIIcon({ className = "" }: { className?: string }) { return ( ); } export function SnowflakeIcon({ className = "" }: { className?: string }) { return ( ); } export function OllamaIcon({ className = "" }: { className?: string }) { return ( ); } export function CursorIcon({ className = "" }: { className?: string }) { return ( ); } export function CopilotIcon({ className = "" }: { className?: string }) { return ( ); } const PROVIDER_ICON_MAP: Record ReactNode> = { goose: (className) => ( ), "claude-acp": (className) => , "claude-code": (className) => , claude: (className) => , anthropic: (className) => , codex: (className) => , "codex-acp": (className) => , openai: (className) => , chatgpt_codex: (className) => , google: (className) => , "copilot-acp": (className) => , github_copilot: (className) => , "cursor-agent": (className) => , cursor: (className) => , amp: (className) => , "amp-acp": (className) => , azure: (className) => , bedrock: (className) => , databricks: (className) => , gcp_vertex_ai: (className) => , ollama: (className) => , openrouter: (className) => , snowflake: (className) => , xai: (className) => , }; function normalizeProviderId(providerId: string) { return providerId .toLowerCase() .split(/[-_\s]+/) .filter(Boolean) .join("_"); } const NORMALIZED_PROVIDER_ICON_MAP = Object.fromEntries( Object.entries(PROVIDER_ICON_MAP).map(([key, render]) => [ normalizeProviderId(key), render, ]), ) as Record ReactNode>; export function formatProviderLabel(providerId: string) { return providerId .split(/[-_\s]+/) .filter(Boolean) .map((part) => part.charAt(0).toUpperCase() + part.slice(1)) .join(" "); } export function getProviderIcon( providerId: string, className = "size-4", ): ReactNode | null { const normalizedId = normalizeProviderId(providerId); if (NORMALIZED_PROVIDER_ICON_MAP[normalizedId]) { return NORMALIZED_PROVIDER_ICON_MAP[normalizedId](className); } for (const [key, render] of Object.entries(NORMALIZED_PROVIDER_ICON_MAP)) { if (normalizedId.includes(key)) { return render(className); } } return null; }