Interface Tour
Learn where everything is in the Billix interface
Let's take a quick tour of the Billix interface so you know where to find everything.
Main Layout
The Billix interface has four main areas:
- Sidebar (Left) - Navigation, chat history, and agents
- Main Area (Center) - Your active conversation
- Input Area (Bottom) - Where you type messages
- Header (Top) - Model selector, settings, and account
Sidebar
The left sidebar is your navigation hub.
Chat History
Your recent conversations appear here, grouped by time:
- Today - Chats from today
- Yesterday - Yesterday's chats
- Last 7 Days - Recent chats
- Older - Everything else
Tip: Pin important chats by hovering over them and clicking the pin icon. Pinned chats always stay at the top.
Agents
If you have any background agents set up, they appear in a separate section. Click an agent to see its chat history and runs.
Search
The search bar at the top lets you find any conversation instantly. Search works across all your chat messages.
Collapse Sidebar
Click the hamburger menu icon or press ⌘+B (Mac) / Ctrl+B (Windows) to collapse the sidebar and get more screen space.
Main Chat Area
This is where your conversation happens.
Messages
- Your messages appear on the right with a colored background
- AI responses appear on the left
- System messages appear in the center (like "New chat started")
Message Actions
Hover over any message to see action buttons:
- Copy - Copy the message text
- Edit (your messages) - Change what you said and get a new response
- Regenerate (AI messages) - Get a different response
- Branch (AI messages) - Start a new conversation path from this point
Canvas
When the AI creates code, diagrams, or other interactive content, it appears in a Canvas panel on the right side of the screen.
Input Area
The bottom of the screen is where you compose messages.
Text Input
Type your message in the large text field. You can write multiple lines by pressing Shift+Enter.
Model Selector
The dropdown next to the input shows your current AI model. Click it to switch to a different model.
Attachments
Click the paperclip icon to upload:
- Images (PNG, JPG, GIF, WebP)
- Documents (PDF)
- Text files
Send Button
Press Enter or click the send arrow to submit your message.
Header
The top bar contains important controls.
New Chat
Click the + button or press ⌘+Shift+O to start a fresh conversation.
Settings
Click your profile picture to access:
- Profile - Your name, email, avatar
- Customization - AI personality preferences
- Models - Favorite and disable models
- Integrations - Connect apps
- Billing - Credits and subscription
- API Keys - Use your own API keys
Quick Navigation Reference
| Location | What's There |
|---|---|
| Left sidebar | Chat history, agents, search |
| Center | Current conversation |
| Bottom | Message input, model selector, attachments |
| Top right | Settings, profile, new chat |
| Right panel | Canvas (when active) |
Mobile Interface
On mobile devices, the layout adapts:
- Sidebar becomes a drawer that slides in from the left
- Swipe right to open the sidebar
- Swipe left to close it
- All other features work the same
Keyboard Shortcuts Overview
Here are the most useful shortcuts:
| Action | Mac | Windows |
|---|---|---|
| New chat | ⌘+Shift+O | Ctrl+Shift+O |
| Search | ⌘+K | Ctrl+K |
| Toggle sidebar | ⌘+B | Ctrl+B |
| Send message | Enter | Enter |
| New line | Shift+Enter | Shift+Enter |
See all shortcuts in the Keyboard Shortcuts guide.
Next Step
Now that you know your way around, learn the keyboard shortcuts to work even faster.
Was this page helpful? Let us know!
Report an issue