- Click your profile picture in the top-right corner
- Select "Settings" from the dropdown menu
- Click "Integrations" in the left sidebar
What it does: Connects to your GitHub account to access your code repositories.
Benefits:
- Import Projects: Bring your existing code into the AI builder
- Save Projects: Export your AI-generated apps back to GitHub
- Real-time Updates: Get notified when code changes in your repositories
- Collaboration: Work with team members on shared repositories
What you can do:
- Browse all your GitHub repositories
- View and edit files directly
- Create new repositories for your projects
- Receive notifications about code changes
- Go to Settings → Integrations
- Locate the service you want to connect (e.g., GitHub)
- You'll see a "Not connected" badge
- Click the "Connect" button next to the service
- You'll be redirected to the service's website (e.g., GitHub.com)
- Sign in to your account if prompted
- Authorize the AI App Builder to access your account
- You'll be automatically redirected back
- You'll see a success message
- The service badge will change to "Connected"
- You can now use the service's features
- Green badge: Service is working properly
- Shows connection date: When you first connected
- Recent activity: Displays latest interactions
- Yellow badge: Connection has issues
- Common causes: Expired permissions, changed passwords
- Fix: Disconnect and reconnect the service
- Gray badge: Service is not connected
- Click "Connect" to set up the integration
When GitHub is connected, you'll see a special status card showing:
- Connection Health: Green = healthy, Yellow = needs attention
- Last Sync: When data was last updated
- Recent Activity: Latest repository events (pushes, pull requests, issues)
- Repository Count: How many repos you have access to
See real-time updates when:
- Code is pushed to your repositories
- Pull requests are created or merged
- Issues are opened or closed
- Team members make changes
- Click the "Refresh" button to update connection status
- Useful if you recently changed passwords or permissions
- Find the connected service
- Click "Disconnect"
- Confirm you want to remove the connection
- The service will be safely disconnected
Note: Disconnecting doesn't delete your data, just removes access.
If a connection shows "Needs Attention":
- Click "Disconnect"
- Wait a moment
- Click "Connect" again
- Go through the authorization process
- GitHub: Repository lists, file contents, basic profile info
- Google Drive: File lists, document contents (only what you authorize)
- Gmail: Sending capabilities, basic profile info
- Calendar: Event creation, calendar viewing
- ❌ Passwords or login credentials
- ❌ Personal data unrelated to your projects
- ❌ Data from other users or organizations
- ❌ Financial or payment information
- You control exactly what we can access
- You can revoke permissions anytime
- All connections use secure, industry-standard protocols
These features are automatically enabled:
- ⚡ Artifacts: Create and run code in the sandbox
- 📋 Fragment Templates: Access to pre-built project templates
- ☁️ E2B Sandbox: Secure cloud environment for running code
- Personal Access Tokens: Generate tokens for advanced automation
- API Integration: Connect with external tools and services
- Webhook Support: Receive real-time updates from connected services
Problem: "Failed to connect service" error Solutions:
- Check your internet connection
- Try connecting again in a few minutes
- Make sure you're logged into the service (GitHub, Google, etc.)
- Check if the service is experiencing outages
Problem: "Access denied" or "Permission error" Solutions:
- Make sure you clicked "Authorize" during connection
- Check if your account has the necessary permissions
- For GitHub: Ensure you have access to repositories
- For Google: Check if your Google account is active
Problem: Previously working connection is now yellow Solutions:
- Disconnect and reconnect the service
- Check if you changed your password recently
- Verify the service didn't revoke permissions
Problem: GitHub shows connected but no recent activity Solutions:
- Make some changes to your repositories (push code, create issues)
- Check if webhooks are properly configured
- Use the "Refresh" button to update status
- Start with GitHub - Most useful for code projects
- Test with a simple repository - Make sure everything works
- Check activity feed - Verify real-time updates are working
- Connect shared repositories - Access team projects
- Use Google Drive - Share files and documents
- Set up Gmail notifications - Keep everyone updated
- Review permissions regularly - Check what services can access
- Disconnect unused services - Remove integrations you don't need
- Use strong passwords - Secure your connected accounts
- Refresh the page - Sometimes fixes temporary issues
- Try disconnecting and reconnecting - Resets the connection
- Check service status pages - GitHub, Google might have outages
- Contact support with specific error messages
- Include which service you're trying to connect
- Mention if it worked before or is a new connection
Last updated: [July 6th 2025] - Features and interfaces may change as we continue improving the platform.