Panel Overview
Navbar
The navbar at the top of the workspace provides quick access to common actions.Left Section
Right Section - Panel Controls
Right Section - Utilities
Workspace Sidebar
The left sidebar displays all your workspaces at a glance. Switch to accordion layout to group workspaces by status:Status Indicators
Each workspace shows its current state:Workspace Actions
- Search: Filter workspaces by name or branch
- Pin: Keep important workspaces at the top
- Archive: Move completed workspaces out of the main list
- Layout toggle: Switch between flat list and accordion (grouped by status)
Creating a New Workspace
Click the + button at the top of the sidebar to create a new workspace. The interface switches to create mode:- Select a project from the Project dropdown in the right sidebar
- Add repositories - click repos from the “Add Repositories” list or browse for repos on disk
- Set target branch - each selected repo shows its target branch (click to change)
- Describe your task in the chat input at the bottom
- Select runtime resources with the workspace default, a preset, or custom skills and MCP servers
- Click Create to start the workspace
For detailed instructions, see Creating Workspaces and Repositories.
Conversation Panel
The left main panel is where you interact with Codex threads.Chat Interface
- View the full conversation history with the agent
- Send messages and follow-up instructions
- Rich text support for formatting
- Approval workflows for reviewing agent plans
- Runtime resource selection
Thread Dropdown
The chat box toolbar includes a thread dropdown that lets you:- View all threads in the workspace
- Switch between threads (shows “Latest” or timestamp)
- Create a new thread by selecting “New Thread”
Chat Shortcuts
Context Panel
The right main panel toggles between four views:Changes View
Displays all modified files with inline diffs:- File tree: Hierarchical view of changed files
- Search: Filter files by name
- Diff viewer: See code changes with syntax highlighting
- Comments: Add inline comments for agent feedback
Branch Graph View
Shows workspace branch lineage for non-Main Chat workspaces:- Lineage tree: See parent and child workspaces created from branch forks
- Related workspaces: Open another workspace in the branch family
- Fork action: Use Fork branch or Checkpoint and fork from the current node
Logs View
Shows process execution logs:- Process tabs: Switch between different running processes
- Log output: View stdout/stderr in real-time
- Search logs: Filter log content
Preview View
Built-in browser for testing your application:- Dev server tabs: Multiple dev servers supported
- Device modes: Desktop, mobile, custom viewport
- Process logs: View dev server output
Details Sidebar
The right sidebar provides quick access to workspace details.Git Section
Always visible, showing:- Current repository and branch
- Target branch for merging
- Uncommitted changes count
- Commits ahead/behind target
- Quick access to git operations
Terminal Section
The expandable terminal lets you run commands directly in your workspace:- Full terminal emulation powered by xterm.js
- Run any command - git, npm, build scripts, etc.
- Persistent state - terminal persists across panel toggles
- Expandable - collapse when not needed, expand when you need it
Notes Section
The expandable notes section lets you document important information:- Auto-save - Notes save automatically as you type
- Per-workspace - Each workspace has its own notes
- Persistent - Notes are preserved across threads
Context Bar
A floating toolbar that provides quick access to common actions:Resizing Panels
Drag the separators between panels to adjust their proportions. Your layout preferences are saved per workspace.Toggling Panels
Show or hide panels to focus on what matters:- Use the navbar toggle buttons
- Use the command bar with
Cmd/Ctrl + K - View Options commands let you toggle any panel
Panel states are remembered, so your preferred layout is restored when you return to a workspace.
Related Documentation
- Creating Workspaces - Step-by-step guide to creating workspaces
- Repositories - Managing repositories and branches
- Threads - Working with multiple conversation threads
- Chat Interface - Complete guide to the conversation panel
- Command Bar - Master keyboard shortcuts and quick actions
- Browser Testing - Built-in browser for testing your application
- Changes Panel - Review code modifications and provide feedback
- Git Operations - Create PRs, merge, rebase, and manage branches