feat(core): add Airtable bubble (#169)

Author: Selinali01

apps/bubble-studio/public/integrations/airtable.png

@@ -28,6 +28,7 @@ export const SERVICE_LOGOS: Readonly<Record<string, string>> = Object.freeze({
   'Follow Up Boss': '/integrations/FUB.png',
   'AGI Inc': '/integrations/agi-inc.svg',
   Telegram: '/integrations/telegram.svg',
+  Airtable: '/integrations/airtable.png',
 
   // AI models (also used as fallbacks for vendor names)
   GPT: '/integrations/gpt.svg',
@@ -67,6 +68,7 @@ export const INTEGRATIONS: IntegrationLogo[] = [
   { name: 'ElevenLabs', file: SERVICE_LOGOS['ElevenLabs'] },
   { name: 'Follow Up Boss', file: SERVICE_LOGOS['Follow Up Boss'] },
   { name: 'Telegram', file: SERVICE_LOGOS['Telegram'] },
+  { name: 'Airtable', file: SERVICE_LOGOS['Airtable'] },
 ];
 
 // Scraping services (Apify actors and general web scraping)
@@ -125,6 +127,7 @@ const NAME_ALIASES: Readonly<Record<string, string>> = Object.freeze({
   agiinc: 'AGI Inc',
   agi: 'AGI Inc',
   telegram: 'Telegram',
+  airtable: 'Airtable',
   'research-agent': 'Research Agent',
   'research-agent-tool': 'Research Agent',
   research: 'Research Agent',
@@ -219,6 +222,7 @@ export function findLogoForBubble(
     [/\bfollow\s*up\s*boss\b|\bfollowupboss\b|\bfub\b/, 'Follow Up Boss'],
     [/\bagi\s*inc\b|\bagi-inc\b|\bagiinc\b/, 'AGI Inc'],
     [/\btelegram\b/, 'Telegram'],
+    [/\bairtable\b/, 'Airtable'],
     [/\bopenai\b|\bgpt\b/, 'GPT'],
     [/\banthropic\b|\bclaude\b/, 'Claude'],
     [/\bgemini\b/, 'Gemini'],
@@ -284,6 +288,7 @@ export function findDocsUrlForBubble(bubble: MinimalBubble): string | null {
       githubbubble: 'github-bubble',
       followupbossbubble: 'followupboss-bubble',
       telegrambubble: 'telegram-bubble',
+      airtablebubble: 'airtable-bubble',
     }
   );
 
@@ -327,6 +332,7 @@ export function findDocsUrlForBubble(bubble: MinimalBubble): string | null {
     followupboss: 'followupboss-bubble',
     fub: 'followupboss-bubble',
     telegram: 'telegram-bubble',
+    airtable: 'airtable-bubble',
   });
 
   // Known tool docs keyed by bubbleName variants

apps/bubble-studio/src/lib/integrations.ts

@@ -218,6 +218,14 @@ const CREDENTIAL_TYPE_CONFIG: Record<CredentialType, CredentialConfig> = {
     namePlaceholder: 'My Telegram Bot Token',
     credentialConfigurations: {},
   },
+  [CredentialType.AIRTABLE_CRED]: {
+    label: 'Airtable',
+    description:
+      'Personal Access Token for Airtable API (manage bases, tables, records)',
+    placeholder: 'pat...',
+    namePlaceholder: 'My Airtable Token',
+    credentialConfigurations: {},
+  },
 } as const satisfies Record<CredentialType, CredentialConfig>;
 
 // Helper to extract error message from API error
@@ -264,6 +272,7 @@ const getServiceNameForCredentialType = (
     [CredentialType.FUB_CRED]: 'Follow Up Boss',
     [CredentialType.GITHUB_TOKEN]: 'GitHub',
     [CredentialType.ELEVENLABS_API_KEY]: 'ElevenLabs',
+    [CredentialType.AIRTABLE_CRED]: 'Airtable',
   };
 
   return typeToServiceMap[credentialType] || credentialType;

apps/bubble-studio/src/pages/CredentialsPage.tsx

@@ -23,6 +23,7 @@ export class CredentialValidator {
     configurations?: Record<string, unknown>
   ): Promise<CredentialValidationResult> {
     // Skip validation if explicitly requested
+    // Skip Airtable validation because PATs have varying scopes and require specific base/table access
     if (skipValidation || credentialType === CredentialType.FIRECRAWL_API_KEY) {
       return { isValid: true };
     }
@@ -184,6 +185,11 @@ export class CredentialValidator {
           message: 'Hello, how are you?',
         };
         break;
+      case CredentialType.AIRTABLE_CRED:
+        baseParams.operation = 'list_records';
+        baseParams.baseId = 'test-base-id';
+        baseParams.tableIdOrName = 'test-table';
+        break;
       default:
         break;
     }