> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mossx.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Learn the interface
> Learn the CC GUI tool window, session tabs, and the chat, history, and settings views.
In JetBrains IDEs, CC GUI lives in the **CCG** tool window on the right. The panel has three views. Learn the entry points first, then the three views.
## Tool window entry
| Entry | Where | Use |
| --------------- | ----------------------- | ---------------------------------- |
| CCG tool window | Right tool-window strip | Everyday main entry |
| Detached tab | Detach action on a tab | Move a session into its own window |
Click the **CCG** icon to open the tool window. A **Hide CC GUI Panel** action collapses the panel. With focus inside the webview, `Shift+Esc` also works (it follows the IDE hide-active-window behavior; use your local keymap).
## Session tabs
The tool window can host multiple session tabs. You can:
* Create a tab to work on tasks in parallel
* Rename the current tab
* Detach a tab into its own window
* Close a tab like a normal editor tab
## Three internal views
Use the top of the panel to switch among three views.
### Chat
This is the default view. From top to bottom:
1. Top bar: history, settings, new session
2. Message list, with a welcome screen on an empty session
3. Input box and bottom toolbar: config, provider, model, mode
See [Chat area](/en/jetbrains/chat/overview) and [Input box](/en/jetbrains/chat/input).
### History
Lists historical sessions for the current project. You can search, favorite, rename, export, delete, or select in bulk.
Click a history item to load it back into the chat view.
See [Sessions, tabs, and history](/en/jetbrains/chat/sessions).
### Settings
The left side is a list of entries. The right side is the matching form. You can collapse the sidebar to icons only.
| Entry | What it does |
| ------------------- | -------------------------------------------------------- |
| General | Theme, language, Node path, send shortcut, notifications |
| Provider management | Claude / Codex / CLI |
| SDK dependencies | Install and update SDKs |
| Usage stats | Tokens and cost |
| MCP servers | Add, marketplace, import, start / stop |
| Permissions | Claude / Codex permissions and sandbox |
| Prompt enhancer | Model used to rewrite before send |
| Commit AI | Generate commit messages |
| Agents | Custom agents |
| Prompt library | Templates inserted with `!` |
| Skills | Skill packs |
| Codex pet | Floating pet (unavailable in some modes) |
| Other | History completion, auto titles |
| Official community | WeChat group, GitHub, changelog |
For the full map, see [Settings overview](/en/jetbrains/settings/overview).
## Bottom selectors on the input box
From left to right, the chat view bottom usually has:
* Config / process
* Provider
* Model
* Mode
* Attach, stop, send
These selectors decide who handles this request, which model to use, and whether files can be changed automatically. See [Run modes and permissions](/en/jetbrains/chat/modes).
## Status bar
While a task is running, the IDE status bar may show a CC GUI widget so you can still see progress after switching windows.
## Everyday layout
* Code on one side, chat on the other: keep **CCG** on the right
* Several tasks at once: open one session per tool-window tab, or detach a tab
* Review an old chat: open History, then load it
Next, read [Chat area](/en/jetbrains/chat/overview) or [Input box](/en/jetbrains/chat/input).