The main screen has three areas: a title bar at the top, the Naia column on the left, and the panel area on the right.
Title Bar (Top)
Shows the app name and standard window controls (minimize, maximize, close).
Left: Naia Column
The left side is divided by a drag-resizeable divider into the avatar area (top) and the chat area (bottom).
Avatar Area
Your chosen VRM character renders in 3D.
- Emotions change based on conversation:
- [HAPPY] — Joy / [SAD] — Sadness / [ANGRY] — Anger
- [SURPRISED] — Surprise / [NEUTRAL] — Neutral / [THINK] — Thinking
- Camera control: Drag in the avatar area (left-click: rotate, right-click: pan)
- Background image: Appears behind the avatar
- Lip-sync: Animation plays during TTS responses
AI Control Bar
A translucent overlay in the upper-left corner of the avatar area:
| Icon | Function |
|---|---|
| AI Surveillance | Toggle AI observation and autonomous action ON/OFF (also Ctrl+Alt+A) |
| TTS | Toggle voice responses ON/OFF |
| Rotate | Switch to avatar camera rotation mode |
| Pan | Switch to avatar camera pan mode |
| Reset | Reset camera to default position |
BGM Player
A music icon in the lower-right corner of the avatar area. Click to open the BGM panel:
- Local: Play music files from
naia-settings/bgm-musics/ - Genres: Browse YouTube music playlists by genre
- Search: Search YouTube for BGM
- Favorites: Save your favorite tracks
When playing, the icon animates to the beat.
Chat Area
Conversation with Naia. See the Chat page for detailed features.
Bottom Tabs
Below the chat area, a tab bar provides access to additional panels:
| Tab | Description |
|---|---|
| History | Previous conversations |
| Progress | Tool execution/error monitoring |
| Skills | Available skills (tools) list |
| Channels | Connected messenger channels |
| Agents | Background agents and session management |
| Diagnostics | System health and logs |
| Settings | All app settings (5 tabs: General, AI, Skills, Memory, Info) |
Right: Mode Bar + Panels
Mode Bar
A horizontal shortcut bar at the top of the right side:
- + button: Add a new shortcut or panel
- Shortcut icons: Click to open the URL in the Browser panel
- Edit mode: Press the edit button to change icons, drag to reorder, or delete
Panel Area
Shows content for the selected panel. Available panels:
| Panel | Description |
|---|---|
| Workspace | File explorer, code editor, terminal, session monitoring |
| Browser | Chrome-embedded web browser with AI tool permissions |
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| Ctrl+Alt+A | Toggle AI surveillance |
| Ctrl+B | Toggle Naia column visibility |