Skip to main content

​
Welcome to Your Workspace

ZeroTwo’s interface is designed for efficiency and ease of use. This tour will walk you through every major component so you can work confidently.
The interface is responsive and adapts to your screen size - from mobile phones to large desktop displays.

​
Main Interface Layout

​
Overview

The ZeroTwo interface consists of four main areas:

Left Sidebar

Navigation, history, and projects

Main Chat Area

Your conversation with AI

Right Panel

Canvas, settings, and additional features

Top Bar

Model selector, tools, and account menu
The command center for navigation and organization. Home & Chat:
  • 🏠 Home: Return to main dashboard
  • ➕ New Chat: Start a fresh conversation (Cmd/Ctrl + N)
  • 💬 Current Chat: Active conversation highlighted
History & Organization:
  • 🕒 Recent Chats: Your latest conversations
  • ⭐ Starred: Favorited conversations for quick access
  • 📁 Projects: Team workspaces and organized folders
  • 📚 Library: Saved templates and resources
Tools & Features:
  • 🔍 Search: Find any past conversation (Cmd/Ctrl + K)
  • 🎨 Canvas: Access saved canvases
  • 🔧 Tools: Quick access to features
  • 🔌 Integrations: Connected services
Pin your most-used projects and chats to the top of the sidebar by right-clicking and selecting “Pin to top”.
Organization:
  • Automatically sorted by date
  • Smart titles generated by AI
  • Search across all conversations
  • Filter by date, model, or project
Actions:
  • Hover over chat to see options
  • Rename, star, archive, or delete
  • Share with team members
  • Move to projects
View your workspaces:
  • Personal projects (🔒 private)
  • Team projects (👥 shared)
  • Recently accessed
  • Starred projects
Quick actions:
  • Click to open project
  • Right-click for options
  • Drag chats to organize
Powerful search (Cmd/Ctrl + K):
  • Search conversation content
  • Find by keywords
  • Filter by date range
  • Search within projects
  • Find files and documents
Search tips:
  • Use quotes for exact phrases
  • Filter with in:project-name
  • Date range: after:2024-01-01

​
Collapsible Sidebar

Toggle sidebar visibility:
  • Keyboard: Cmd/Ctrl + B
  • Button: Click hamburger menu (☰)
  • Auto-hide: Available in settings for more screen space

​
Top Navigation Bar

Your control center for models, tools, and account settings.

​
Left Section

Model Selector:
  • Click to open model dropdown
  • Shows current model with icon
  • Quick switch without context loss
  • Keyboard shortcut: Cmd/Ctrl + M
Project Context (when in a project):
  • Breadcrumb navigation
  • Project name and icon
  • Click to navigate levels

​
Center Section

Tool Toggles:
  • 🌐 Web Search: Enable real-time web information
  • 🎨 Canvas Mode: Toggle canvas creation
  • 🧠 Memory: Enable conversation memory
  • 🔌 Connectors: Quick access to integrations
Tools show visual indicators when active - look for colored highlights.

​
Right Section

Account & Settings:
  • 👤 Profile Menu: Click avatar for account options
    • Settings
    • Subscriptions
    • Help & Support
    • Sign Out
  • 🔔 Notifications: Updates and alerts
  • ⚙️ Settings: Quick access to preferences

​
Main Chat Area

Where the magic happens - your conversation workspace.

​
Chat Header

Information Display:
  • 📊 Model Badge: Current AI model
  • 🎯 Active Tools: Shows which tools are enabled
  • 🔄 Status: Connection and processing indicators
Action Buttons:
  • 📤 Share: Share this conversation
  • ⭐ Star: Add to favorites
  • 📋 Export: Download conversation
  • ⋮ More Options: Additional actions

​
Message Display

User message styling:
  • Right-aligned (or left, based on preference)
  • Your avatar
  • Timestamp
  • Edit and delete options on hover
Message actions:
  • ✏️ Edit message and regenerate
  • 🗑️ Delete message
  • 📋 Copy message text

​
Message Formatting

Messages support rich formatting: Text Styling:
  • Bold, italic, strikethrough
  • inline code
  • Links
  • Blockquotes
  • Bulleted and numbered lists
Code Blocks: 
# Syntax highlighted code
def example():
    return "Formatted beautifully!"
Tables:
FeatureStatus
Tables✅
Math✅
Math (LaTeX):
  • Inline: E=mc2E = mc^2
  • Block: ∑i=1ni=n(n+1)2\sum_{i=1}^n i = \frac{n(n+1)}{2}

​
Chat Input

Input Box Features:
  • Multi-line Support: Shift+Enter for new line
  • File Attachments: Drag & drop or click 📎
  • Voice Input: Click 🎤 to dictate (where available)
  • Emoji Picker: Click 😊 for emojis
Smart Features:
  • Auto-complete for commands
  • @ mentions for team members (in projects)
  • Slash commands for quick actions
  • Character count indicator for long messages
Send Options:
  • Enter: Send message (default)
  • Shift+Enter: New line
  • Cmd/Ctrl+Enter: Send with modifier
You can change send behavior in Settings > Preferences > Chat Settings.

​
Right Panel (Canvas & More)

The right panel dynamically shows different content based on context.

​
Canvas Panel

When Canvas is active: Canvas Toolbar (top):
  • Type indicator (Text, Code, Spreadsheet, HTML)
  • Version history dropdown
  • Preview toggle
  • Share and export buttons
Canvas Editor (main area):
  • Full-featured editor
  • Real-time AI collaboration
  • Syntax highlighting (for code)
  • Formatting tools (for text)
Canvas Footer (bottom):
  • Save status
  • Word/line count
  • Language selector (for code)
  • Settings

​
Settings Panel

Access various settings:
  • General: Theme, language, preferences
  • Account: Profile, security, billing
  • Integrations: Connected services
  • Notifications: Email and in-app alerts
  • Keyboard Shortcuts: Customize shortcuts
  • Data & Privacy: Export, delete, controls

​
Project Panel

When working in projects:
  • Members: Team member list
  • Files: Uploaded documents
  • Settings: Project-specific configurations
  • Activity: Recent project updates

​
Responsive Design

​
Desktop View (1024px+)

Full three-column layout:
  • Sidebar visible by default
  • Main chat in center (60% width)
  • Right panel for Canvas/settings (30% width)

​
Tablet View (768px - 1023px)

Optimized two-column layout:
  • Collapsible sidebar
  • Main chat takes more space
  • Right panel overlays when needed

​
Mobile View (< 768px)

Single-column, touch-optimized:
  • Slide-out sidebar navigation
  • Full-width chat area
  • Canvas opens in modal
  • Bottom navigation bar
  • Swipe gestures for navigation
The interface automatically adapts to your screen size for optimal usability.

​
Keyboard Shortcuts

Master these shortcuts for efficient navigation:

​
Global Shortcuts

ShortcutAction
Cmd/Ctrl + KQuick search / Command palette
Cmd/Ctrl + NNew chat
Cmd/Ctrl + BToggle sidebar
Cmd/Ctrl + /Show all shortcuts
Cmd/Ctrl + ,Open settings
Cmd/Ctrl + FFind in conversation

​
Chat Shortcuts

ShortcutAction
Cmd/Ctrl + EnterSend message
Shift + EnterNew line in input
↑Edit last message
Cmd/Ctrl + ↑/↓Navigate messages
EscCancel message composition

​
Canvas Shortcuts

ShortcutAction
Cmd/Ctrl + LInsert link
Cmd/Ctrl + Alt + IAI assistance menu
Cmd/Ctrl + ZUndo
Cmd/Ctrl + Shift + ZRedo
Cmd/Ctrl + SSave (auto-saves anyway)
Press Cmd/Ctrl + / anytime to see a complete list of keyboard shortcuts.

​
Customization Options

​
Theme Settings

Color Themes:
  • 🌞 Light Mode: Bright, clean interface
  • 🌙 Dark Mode: Easy on the eyes
  • 🌗 Auto: Matches system preference
  • 🎨 Custom: Create your own theme (Pro)
Accent Colors:
  • Purple (default)
  • Blue
  • Green
  • Red
  • Custom (Pro)

​
Layout Preferences

Density:
  • Compact: More content on screen
  • Comfortable: Balanced spacing (default)
  • Spacious: Generous padding
Message Display:
  • Bubbles (chat-style)
  • Full-width (document-style)
  • Minimal (code-focused)

​
Font Options

Chat Font:
  • System default
  • Inter (recommended)
  • Roboto
  • Custom fonts (Pro)
Code Font:
  • Menlo (macOS)
  • Consolas (Windows)
  • Monaco
  • Source Code Pro
  • JetBrains Mono
Font Size:
  • Small (14px)
  • Medium (16px, default)
  • Large (18px)
  • Extra Large (20px)

​
Status Indicators

Understanding visual feedback:

Connection Status

  • 🟢 Connected: All systems operational
  • 🟡 Reconnecting: Temporary disruption
  • 🔴 Disconnected: No connection
  • 🔵 Syncing: Saving changes

Processing Status

  • ⏳ Processing: AI is thinking
  • ✍️ Streaming: Response generating
  • 🔍 Searching: Web search active
  • ✅ Complete: Action finished

Tool Status

  • 🌐 Web Search: Active (blue)
  • 🎨 Canvas: Open (purple)
  • 🧠 Memory: Enabled (green)
  • 🔌 Connected: Integration active

Notification Icons

  • 🔴 Dot: Unread notifications
  • 🔔 Bell: New alerts
  • ✉️ Envelope: Messages
  • ⚠️ Warning: Requires attention

​
Tips for Efficient Navigation

Learn the top 10 shortcuts to 5x your speed:
  1. Cmd+K - Quick search everything
  2. Cmd+N - New chat instantly
  3. Cmd+B - Toggle sidebar
  4. Cmd+Enter - Send messages
  5. Cmd+/ - See all shortcuts
  6. Cmd+F - Find in conversation
  7. ↑ - Edit previous message
  8. Esc - Cancel actions
  9. Cmd+, - Settings
  10. Cmd+M - Switch models
Keep your workspace tidy:
  • Create projects for different topics
  • Move related chats into projects
  • Use folders for sub-organization
  • Star important items
  • Archive old conversations
Make it yours:
  • Choose your preferred theme
  • Adjust font sizes for comfort
  • Set default tools and models
  • Configure notification preferences
  • Create custom keyboard shortcuts (Pro)

​
Next Steps

Start Your First Chat

Learn how to communicate effectively with AI

Switch Models

Understand when to use different AI models

Upload Files

Learn about file uploads and history

Keyboard Shortcuts

Master all available shortcuts
You’re now familiar with ZeroTwo’s interface - time to start creating!