Main Layout
The OpenBio interface consists of three main sections:
Sidebar (Left Panel)
Location: Left side of the screenToggle: Click the collapse icon at the top. Click on the OpenBio logo to toggle it back open
OpenBio Logo & Sidebar Toggle
OpenBio Logo & Sidebar Toggle
Project Selector
Project Selector
- Location: Below the OpenBio logo
- Function: Click to switch between projects or create a new one. Click on the project name to switch to it. Click on the ”+” button to create a new project.
Files
Files
- Location: Below the project selector
- Function: Browse and manage files in your current project
- Features:
- Folder tree navigation
- Upload button
- Create folder button (+)
- Refresh button
- Click on 3 dots for options (download, delete, rename, add to chat, copy, cut and paste)
- Click on files shown in blue color text, to open special visualizations for that file
Visualizations Navigation
Visualizations Navigation
User Profile
User Profile
- Location: Bottom of sidebar
- Display: Your profile picture and name
- Function: Click to access:
- Sign out option
Research Panel (Center Panel)
Location: Center of the screenPurpose: Notes, todos, predictions, files and visualizations
Visualizations
Visualizations
The visualizations for tool calls will be shown here.
Notes & Todos
Notes & Todos
The notes and todos for the current chat will be shown here. They are usually created automatically by OpenBio. But you can also create them manually.
- Create notes with rich text
- Add tags for organization
- Create and manage todo items
Predictions
Predictions
The predictions for the current chat will be shown here.
- View list of available prediction tools
- View running jobs
- Check job status (queued, running, completed, failed)
- View prediction details
Files
Files
Files that you open will be shown here. These can be PDF files, txt files, FASTA files, PDB files, etc.For each, there is a special visualization that will be shown.
Panel controls
Panel controls
- Location: Three dots at the top right of the panel
- Function: Click to open the panel controls
- Features:
- Click on close panel button to close the panel
- Click on close all tabs button to close all tabs
- Click add tab button to add a new tab (could be files, visualizations, notes, todos, predictions, etc.)
Chat Panel (Right Panel)
Location: Right side of the screenPurpose: Here you interact with OpenBio
Chat Header
Chat Header
- Location: Top of chat area
- Contains:
- Chat title (editable by clicking)
Message Display
Message Display
- Your messages: Right-aligned with user icon
- OpenBio responses: Left-aligned with OpenBio icon
- Tool calls: Expandable cards showing database queries and actions
- Click to expand and see details
- View visualizations button
Chat Input Area
Chat Input Area
Location: Bottom of chat area
Components:
-
Model Selector
- Dropdown menu showing current model
- Click to switch models
- Shows model name and brief description
-
Text Input
- Type your messages here
- Supports multi-line input
- Auto-expands as you type
- Supports file references (type
@to see file suggestions) - Supports workflow references (type
/workflow:for workflow suggestions)
-
Send Button
- Blue arrow icon
- Click to send message
- Changes to Stop button when generating response
- Keyboard shortcut: Enter (Shift+Enter for new line)
-
Workflow Button
- Click to add a workflow to the chat
- Shows workflow name and brief description
-
Files Button
- Click to add a file to the chat
- Shows file name and brief description
Top Navigation Bar
Location: Top right of the application, above the chat panel
Collapse chat panel button (^)
Collapse chat panel button (^)
New chat button (+)
New chat button (+)
Chat history button (clock)
Chat history button (clock)
Research panel button (code)
Research panel button (code)
Settings button (settings)
Settings button (settings)
Customizing Your Interface
1
Toggle Dark Mode
Toggle between light and dark modes by clicking the sun/moon icon inside the settings button
Dark mode is great for reducing eye strain during long research sessions, working in low-light environments, and better focus on visualizations and data.
2
Adjust Panel Sizes
Adjust panel widths by dragging the dividers:
- Hover over the line between panels
- Your cursor will change to a resize cursor (⇔)
- Click and drag to adjust width
- Your preferences are automatically saved
Context Menus
Right-click for context-specific options:In Chat History
- Rename chat
- Pin/Unpin chat
- Delete chat
On Files
- Download file
- Delete file
- Rename file
- Add to current chat
- Cut/Copy/Paste file
- Open file in new tab
On Messages
- Copy message
Next Steps
Now that you understand the interface, dive deeper into specific features:First steps with OpenBio
Detailed guide to sidebar features
File management
Learn about file management
Predictions
Learn about predictions
Workflows
Learn about workflows
Tip: Spend time exploring the interface. Hover over buttons to see tooltips, right-click items to discover context menus, and try to understand the different features.