UI Overview
The Bizon Platform UI provides a visual interface for managing your data pipelines.
Dashboard
Section titled “Dashboard”The dashboard shows an overview of your platform:
- Active Pipelines - Count of enabled pipelines
- Recent Runs - Latest pipeline executions
- Run Statistics - Success/failure rates
- Quick Actions - Create pipeline, view runs
Navigation
Section titled “Navigation”Sidebar
Section titled “Sidebar”| Section | Description |
|---|---|
| Dashboard | Platform overview and statistics |
| Pipelines | Create and manage pipelines |
| Connectors | Browse and save connectors |
| Custom Sources | Build custom source connectors |
| AI Agent | Conversational pipeline creation |
| Settings | User and organization settings |
Top Bar
Section titled “Top Bar”- Domain Filter - Filter by domain across all views
- User Menu - Profile, switch orgs, logout
Pipelines
Section titled “Pipelines”List View
Section titled “List View”- View all pipelines with status indicators
- Filter by domain, status, or search
- Quick actions: Run, Enable/Disable, Edit, Delete
Pipeline Detail
Section titled “Pipeline Detail”- Overview - Name, schedule, status
- Configuration - Source, destination, transforms
- Run History - List of all executions
- Logs - Detailed execution logs
Create Pipeline
Section titled “Create Pipeline”- Click “Create Pipeline”
- Use wizard or YAML editor
- Configure source and destination
- Set schedule (optional)
- Review and create
Connectors
Section titled “Connectors”Discover Tab
Section titled “Discover Tab”Browse available connectors:
- Sources - HubSpot, Kafka, Custom, etc.
- Destinations - BigQuery, Logger, etc.
Each connector shows:
- Name and description
- Available streams
- Authentication types
- Example configuration
Saved Tab
Section titled “Saved Tab”Manage saved connector configurations:
- Create reusable configurations
- Store encrypted credentials
- Use in multiple pipelines
Custom Sources
Section titled “Custom Sources”Builder
Section titled “Builder”Three-panel layout:
- Build Panel - AI chat or code validation
- Code Editor - Monaco editor with syntax highlighting
- Preview Panel - Test with real data
Source List
Section titled “Source List”- View all custom sources
- Edit code and metadata
- Delete unused sources
AI Agent
Section titled “AI Agent”Chat interface for natural language pipeline creation:
- Describe pipelines in plain English
- Agent asks clarifying questions
- Preview configuration before creating
- Conversation history persists
Settings
Section titled “Settings”Profile
Section titled “Profile”- Update name and avatar
- Change password
- Link/unlink OAuth providers
Organization
Section titled “Organization”- View organization details
- Manage domains
- Configure settings
Members
Section titled “Members”- View all members
- Invite new users
- Manage roles
- Set domain overrides
API Keys
Section titled “API Keys”- Create API keys
- View active keys
- Revoke keys
Keyboard Shortcuts
Section titled “Keyboard Shortcuts”| Shortcut | Action |
|---|---|
Ctrl/Cmd + K | Quick search |
Ctrl/Cmd + N | New pipeline |
Escape | Close modal |
Responsive Design
Section titled “Responsive Design”The UI adapts to different screen sizes:
- Desktop - Full sidebar, multi-column layouts
- Tablet - Collapsible sidebar
- Mobile - Bottom navigation, stacked layouts
Dark Theme
Section titled “Dark Theme”The default theme is dark with Bizon brand colors:
- Background: Deep blue-gray
- Primary: Bright blue
- Accents: Green (success), Red (error), Orange (warning)