Add hugging face hosted key

Author: Theodore Li

apps/sim/app/api/workspaces/[id]/byok-keys/route.ts

@@ -13,7 +13,23 @@ import { getUserEntityPermissions, getWorkspaceById } from '@/lib/workspaces/per
 
 const logger = createLogger('WorkspaceBYOKKeysAPI')
 
-const VALID_PROVIDERS = ['openai', 'anthropic', 'google', 'mistral', 'exa'] as const
+const VALID_PROVIDERS = [
+  'openai',
+  'anthropic',
+  'google',
+  'mistral',
+  'exa',
+  'huggingface',
+  'tavily',
+  'linkup',
+  'perplexity',
+  'zep',
+  'jina',
+  'google_cloud',
+  'ahrefs',
+  'apify',
+  'elevenlabs',
+] as const
 
 const UpsertKeySchema = z.object({
   providerId: z.enum(VALID_PROVIDERS),

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/byok/byok.tsx

@@ -14,14 +14,24 @@ import {
   ModalHeader,
 } from '@/components/emcn'
 import {
+  AhrefsIcon,
   AnthropicIcon,
+  ApifyIcon,
   BrowserUseIcon,
+  ElevenLabsIcon,
   ExaAIIcon,
   FirecrawlIcon,
   GeminiIcon,
+  GoogleIcon,
+  HuggingFaceIcon,
+  JinaAIIcon,
+  LinkupIcon,
   MistralIcon,
   OpenAIIcon,
+  PerplexityIcon,
   SerperIcon,
+  TavilyIcon,
+  ZepIcon,
 } from '@/components/icons'
 import { Skeleton } from '@/components/ui'
 import {
@@ -97,6 +107,76 @@ const PROVIDERS: {
     description: 'Web scraping, crawling, and data extraction',
     placeholder: 'Enter your Firecrawl API key',
   },
+  {
+    id: 'huggingface',
+    name: 'Hugging Face',
+    icon: HuggingFaceIcon,
+    description: 'Inference API for chat completions',
+    placeholder: 'Enter your Hugging Face API token',
+  },
+  {
+    id: 'linkup',
+    name: 'Linkup',
+    icon: LinkupIcon,
+    description: 'Web search and content retrieval',
+    placeholder: 'Enter your Linkup API key',
+  },
+  {
+    id: 'tavily',
+    name: 'Tavily',
+    icon: TavilyIcon,
+    description: 'AI-powered web search and content extraction',
+    placeholder: 'Enter your Tavily API key',
+  },
+  {
+    id: 'perplexity',
+    name: 'Perplexity',
+    icon: PerplexityIcon,
+    description: 'AI-powered chat and web search',
+    placeholder: 'pplx-...',
+  },
+  {
+    id: 'zep',
+    name: 'Zep',
+    icon: ZepIcon,
+    description: 'Long-term memory for AI agents',
+    placeholder: 'Enter your Zep API key',
+  },
+  {
+    id: 'ahrefs',
+    name: 'Ahrefs',
+    icon: AhrefsIcon,
+    description: 'SEO analysis, backlinks, and keyword research',
+    placeholder: 'Enter your Ahrefs API key',
+  },
+  {
+    id: 'jina',
+    name: 'Jina AI',
+    icon: JinaAIIcon,
+    description: 'Web reading and search',
+    placeholder: 'jina_...',
+  },
+  {
+    id: 'elevenlabs',
+    name: 'ElevenLabs',
+    icon: ElevenLabsIcon,
+    description: 'Text-to-speech generation',
+    placeholder: 'Enter your ElevenLabs API key',
+  },
+  {
+    id: 'google_cloud',
+    name: 'Google Cloud',
+    icon: GoogleIcon,
+    description: 'Translate, Maps, PageSpeed, and Books APIs',
+    placeholder: 'Enter your Google Cloud API key',
+  },
+  {
+    id: 'apify',
+    name: 'Apify',
+    icon: ApifyIcon,
+    description: 'Web scraping, automation, and actor execution',
+    placeholder: 'Enter your Apify API token',
+  },
 ]
 
 function BYOKKeySkeleton() {

apps/sim/blocks/blocks/huggingface.ts

@@ -81,6 +81,7 @@ export const HuggingFaceBlock: BlockConfig<HuggingFaceChatResponse> = {
       required: true,
       placeholder: 'Enter your Hugging Face API token',
       password: true,
+      hideWhenHosted: true,
     },
   ],
   tools: {

apps/sim/tools/huggingface/chat.ts

@@ -12,6 +12,33 @@ export const chatTool: ToolConfig<HuggingFaceChatParams, HuggingFaceChatResponse
   description: 'Generate completions using Hugging Face Inference API',
   version: '1.0',
 
+  hosting: {
+    envKeyPrefix: 'HUGGINGFACE_API_KEY',
+    apiKeyParam: 'apiKey',
+    byokProviderId: 'huggingface',
+    pricing: {
+      type: 'custom',
+      getCost: (_params, output) => {
+        const usage = output.usage as
+          | { prompt_tokens?: number; completion_tokens?: number; total_tokens?: number }
+          | undefined
+        if (!usage || usage.total_tokens == null) {
+          throw new Error('Hugging Face response missing token usage data')
+        }
+        // HF passes through provider costs; ~$3/1M tokens average across routed providers
+        // https://huggingface.co/docs/api-inference/rate-limits
+        const totalTokens = usage.total_tokens
+        const cost = (totalTokens / 1_000_000) * 3
+        return { cost, metadata: { promptTokens: usage.prompt_tokens, completionTokens: usage.completion_tokens, totalTokens } }
+      },
+    },
+    rateLimit: {
+      mode: 'per_request',
+      requestsPerMinute: 60,
+    },
+    skipFixedUsageLog: true,
+  },
+
   params: {
     systemPrompt: {
       type: 'string',