feat(olostep): add Olostep service bubble for web scraping and AI content extraction

- Add OlostepBubble with 5 operations: scrape, batch, crawl, map, answer
- Add OLOSTEP_API_KEY credential type and configuration
- Add 'olostep' to BubbleName type
- Register bubble in BubbleFactory
- Export from bubble-core index
- Add comprehensive unit tests
- Add credential UI configuration in bubble-studio

Author: ZeeshanAdilButt

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

@@ -226,6 +226,13 @@ const CREDENTIAL_TYPE_CONFIG: Record<CredentialType, CredentialConfig> = {
     namePlaceholder: 'My Airtable Token',
     credentialConfigurations: {},
   },
+  [CredentialType.OLOSTEP_API_KEY]: {
+    label: 'Olostep',
+    description: 'API key for Olostep web scraping and AI content extraction',
+    placeholder: 'ols_...',
+    namePlaceholder: 'My Olostep API Key',
+    credentialConfigurations: {},
+  },
 } as const satisfies Record<CredentialType, CredentialConfig>;
 
 // Helper to extract error message from API error
@@ -273,6 +280,7 @@ const getServiceNameForCredentialType = (
     [CredentialType.GITHUB_TOKEN]: 'GitHub',
     [CredentialType.ELEVENLABS_API_KEY]: 'ElevenLabs',
     [CredentialType.AIRTABLE_CRED]: 'Airtable',
+    [CredentialType.OLOSTEP_API_KEY]: 'Olostep',
   };
 
   return typeToServiceMap[credentialType] || credentialType;

packages/bubble-core/src/bubble-factory.ts

@@ -153,6 +153,7 @@ export class BubbleFactory {
       'followupboss',
       'agi-inc',
       'airtable',
+      'olostep',
     ];
   }
 
@@ -270,6 +271,9 @@ export class BubbleFactory {
     const { AirtableBubble } = await import(
       './bubbles/service-bubble/airtable.js'
     );
+    const { OlostepBubble } = await import(
+      './bubbles/service-bubble/olostep.js'
+    );
 
     // Create the default factory instance
     this.register('hello-world', HelloWorldBubble as BubbleClassWithMetadata);
@@ -370,6 +374,7 @@ export class BubbleFactory {
     this.register('eleven-labs', ElevenLabsBubble as BubbleClassWithMetadata);
     this.register('agi-inc', AGIIncBubble as BubbleClassWithMetadata);
     this.register('airtable', AirtableBubble as BubbleClassWithMetadata);
+    this.register('olostep', OlostepBubble as BubbleClassWithMetadata);
 
     // After all default bubbles are registered, auto-populate bubbleDependencies
     if (!BubbleFactory.dependenciesPopulated) {