Understanding the Remocode Interface: A Visual Tour

Understanding the Remocode Interface

Remocode's interface is designed to keep your terminal sessions and AI coding agents visible at the same time. This guide walks through every major area of the application so you can navigate confidently.

The Tab Bar

At the top of the window, you will find the tab bar. Each tab represents an independent terminal session. Key actions:

• ●`⌘T` — create a new tab
• ●`⌘W` — close the current tab
• ●`⌘⇧]` — switch to the next tab
• ●`⌘⇧[` — switch to the previous tab

Tabs retain their full history, so switching back and forth does not lose any output.

The Terminal Area

The main portion of the screen is the terminal area. This is where your shell sessions live. You can run any command you would run in a standard terminal — Remocode uses your system's default shell (zsh or bash).

The terminal area supports:

• ●Full color output — ANSI 256 and TrueColor
• ●Mouse support — for tools like htop, vim, and tmux
• ●Scrollback buffer — scroll up to review previous output
• ●Zoom controls — ⌘= to zoom in, ⌘- to zoom out, ⌘0 to reset

Split Panes

You can divide the terminal area into multiple panes:

• ●`⌘D` — split the current pane to the right (vertical split)
• ●`⌘⇧D` — split the current pane downward (horizontal split)

Each pane runs its own independent shell session. Click any pane to make it active, then type to interact with that shell.

The Workspace Layout

Press `⌘⇧W` to create a new workspace. This instantly sets up a 2x2 grid — four terminal panes arranged in two rows and two columns. This is ideal for common development workflows:

┌──────────────┬──────────────┐
│  Dev Server  │  AI Agent    │
├──────────────┼──────────────┤
│  Git / Files │  Tests       │
└──────────────┴──────────────┘

The AI Panel

Press `⌘⇧A` to toggle the AI panel. This panel slides in from the side and provides a chat interface for your configured AI provider. You can:

• ●Ask the AI to generate code
• ●Request explanations of error messages
• ●Get suggestions for terminal commands
• ●Have the AI review code in your working directory

The AI panel has its own settings accessible via the ⚙ gear icon at the top of the panel.

Settings

Remocode's settings are organized into tabs. To access them:

• ●Open the AI panel with `⌘⇧A`
• ●Click the ⚙ Settings gear icon
• ●Navigate between tabs

The Provider tab is where you configure:

• ●AI provider API keys (Anthropic, OpenAI, Google, Groq, Ollama)
• ●Default model selection
• ●Telegram bot token and chat ID

The Help Menu

From the menu bar, click Help to access:

• ●Getting Started — re-launches the 4-slide onboarding tutorial
• ●Documentation links
• ●Keyboard shortcut reference

Tips for an Efficient Layout

• ●Use workspaces for project-specific layouts — one workspace per project
• ●Keep the AI panel open while coding for instant assistance
• ●Use tabs for unrelated tasks; use split panes for related parallel tasks
• ●Zoom in (⌘=) when presenting or pair programming

Understanding the interface is the foundation for productivity in Remocode. Once the layout feels natural, you can focus entirely on your code and let the terminal multiplexer handle the rest.