Skip to main content

Workshop 1: Getting Started with B-Bot

Duration: 30 minutes | Level: Beginner | Prerequisites: None

What You’ll Learn

In this workshop, you’ll gain a complete understanding of the B-Bot ecosystem and learn to navigate the platform confidently.
1

Understanding the B-Bot Ecosystem

Learn about the different components: Hub, Chat, Synapse, and Main API
2

Account Setup & Navigation

Create your account and explore the Hub interface
3

Platform Architecture

Understand how experts, threads, and tools work together
4

Your First Interaction

Have your first conversation with an AI expert

The B-Bot Ecosystem

B-Bot is a comprehensive AI platform consisting of several interconnected components:

🚀 B-Bot Platform Architecture

🖥️
Frontend
↔️
🧠
AI Engine
↔️
⚙️
Backend
📱 B-Bot Chat
🤖 LangGraph Agents
🔌 Provider APIs

B-Bot Hub

The main web application where you create, manage, and train your AI experts. This is your command center.

B-Bot Synapse

The AI engine powered by LangGraph that executes conversations, manages memory, and orchestrates tools.

B-Bot Chat

A sleek mobile-friendly interface for end-users to interact with published experts.

Main API

RESTful API for programmatic access to all B-Bot features.

Account Setup

Step 1: Create Your Account

Navigate to hub.b-bot.space and click the Login button. B-Bot Hub Onboarding During first login, you’ll go through an onboarding wizard that asks about your region, industry, and optionally your company website. You can sign up using:
  • Email/Password - Traditional signup
  • Google - OAuth with your Google account
  • Shopify - For Shopify merchants
  • Stripe Connect - For payment integration

Step 2: Choose Your Subscription

After logging in, you’ll choose a subscription plan with a 14-day free trial: B-Bot Subscription Plans

Step 3: Configure AI Provider

Select your preferred AI provider and add your API key: B-Bot AI Provider Selection B-Bot supports multiple AI providers including Mistral AI, OpenAI, Ollama, Azure OpenAI, Anthropic, Google Gemini, AWS Bedrock, and more!

Step 4: Explore the Dashboard

Once logged in, you’ll see the main News page with tutorials and updates: B-Bot News Page

The Expert Selector Card

This is the most important navigation element! Right below the logo in the sidebar, you’ll see an Expert Card showing:
  • The currently selected expert’s profile picture
  • The expert’s name
  • A “touch_app” icon indicating it’s clickable
Click the Expert Card to open the Expert Manager where you can:
  • View all your experts
  • Create new experts
  • Select which expert to work with
  • Edit or delete experts
  • Browse expert templates
When you select an expert (by clicking “touch_app” on their card), that expert becomes your active context for:
  • Chat conversations
  • Training data
  • App connections
  • Distribution channels
The Hub sidebar is organized into these sections:
Your home/landing page showing:
  • Welcome message
  • Platform updates
  • Blog articles
  • Documentation links
Interact with your selected expert:
  • Start conversations
  • View chat history
  • Use template prompts
  • Access abilities and memories
Manage your expert’s knowledge base:
  • Upload documents (RAG)
  • View indexed content
  • Configure retrieval settings
Manage your AI experts:
  • Same as clicking the Expert Card
  • Create, edit, delete experts
  • Browse templates
Improve your experts:
  • Upload documents
  • Create QA pairs
  • Fine-tune models
  • Review training data
Connect tools and services:
  • Browse app marketplace
  • Configure integrations
  • Manage API connections
  • MCP tools
Distribution channels:
  • Create embed widgets
  • API access
  • B-Bot Chat publishing
Conversation management:
  • View all threads
  • Search conversations
  • Export chat history
DeepAgent tasks:
  • View agent-created tasks
  • Track progress
  • Manage todos

Account Pages

Below the main navigation, you’ll find:
  • Dashboard: Usage statistics and overview
  • Billing: Subscription and payment management
  • Profile: Personal settings and API keys

Key Concepts

Before diving deeper, understand these core concepts:

Experts (The Most Important Concept!)

An Expert is your AI assistant with:
  • Custom personality and behavior
  • Specific knowledge and abilities
  • Connected tools and apps
  • Training data and fine-tuning
Important: You must SELECT an expert before you can use most Hub features. The selected expert determines:
  • Who you’re chatting with
  • What knowledge is available
  • Which apps are connected
  • What training data applies

The Expert Workflow

1. Open Expert Manager (click Expert Card below logo)
2. Create or Select an expert (click "touch_app" button)
3. Expert becomes your active context
4. Chat, Train, Connect Apps for THAT expert
5. Switch experts anytime by selecting a different one

Threads

A Thread is a conversation:
  • Contains message history
  • Maintains context
  • Has associated state
  • Can be saved and resumed
  • Tied to the expert that was selected

Tools

Tools extend your expert’s capabilities:
  • Web search
  • Document retrieval
  • API calls
  • Code execution
  • Custom integrations

Memory

Memory helps experts remember:
  • User preferences
  • Important facts
  • Conversation context
  • Long-term knowledge

🎯 Exercise: First Navigation

Complete these tasks to familiarize yourself with the Hub:
🎬 Watch the Video Tutorial: Follow along with our step-by-step video guide below!
1

Login to Hub

Go to hub.b-bot.space (or localhost:8888 for local) and sign in
2

Find the Expert Card

Look below the logo in the sidebar - you’ll see a card with an expert’s picture and name
3

Open Expert Manager

Click on the Expert Card to open the Expert Manager modal
4

Select an Expert

Find an expert and click the “touch_app” button to select them
5

Navigate to Chat

Click “Chat” in the sidebar to start a conversation with your selected expert
6

Explore the Chat Interface

Notice the expert’s greeting, template buttons, and toolbar options
Checkpoint: You should now understand how to select experts and navigate the Hub!

Understanding Token Economics

B-Bot uses tokens for AI operations:
OperationToken Cost
Text message (GPT-4)~100-500 tokens
Image generation~1000 tokens
Voice transcription~100 tokens
Document processingVaries by size
Start with a free tier to explore, then upgrade as your needs grow!

Quiz: Test Your Knowledge

Answer: B-Bot Synapse is the AI engine that powers conversations, manages memory, and orchestrates tools using LangGraph.
Answer: A Thread is a conversation that contains message history, maintains context, and can be saved and resumed.
Answer: Navigate to hub.b-bot.space and sign in with your account.

Next Steps

Congratulations! You’ve completed Workshop 1. You now understand:
  • The B-Bot ecosystem architecture
  • How to navigate the Hub
  • Key concepts like experts, threads, and tools
  • Token economics