メイン画面は3つの領域で構成されています：上部のタイトルバー、左側のNaiaカラム、右側のパネルエリアです。
タイトルバー（上部）
アプリ名と標準のウィンドウコントロール（最小化、最大化、閉じる）が表示されます。
左：Naiaカラム
左側はドラッグでサイズ変更可能な仕切りで、アバターエリア（上部）とチャットエリア（下部）に分かれています。
アバターエリア
選択したVRMキャラクターが3Dでレンダリングされます。
- 感情 は会話に応じて変化します：
- [HAPPY] — 喜び / [SAD] — 悲しみ / [ANGRY] — 怒り
- [SURPRISED] — 驚き / [NEUTRAL] — 普通 / [THINK] — 思考
- カメラ操作: アバターエリア内でドラッグ（左クリック：回転、右クリック：パン）
- 背景画像: アバターの背後に表示されます
- リップシンク: TTS応答中にアニメーションが再生されます
AIコントロールバー
アバターエリアの左上隅にある半透明のオーバーレイ：
| アイコン | 機能 |
|---|---|
| AI監視 | AIの観察と自律行動のON/OFFを切り替えます（Ctrl+Alt+Aも可） |
| TTS | 音声応答のON/OFFを切り替えます |
| 回転 | アバターカメラの回転モードに切り替えます |
| パン | アバターカメラのパンモードに切り替えます |
| リセット | カメラをデフォルトの位置にリセットします |
BGMプレーヤー
アバターエリアの右下にある音楽アイコン。クリックしてBGMパネルを開きます：
- ローカル:
naia-settings/bgm-musics/の音楽ファイルを再生 - ジャンル: ジャンル別のYouTube音楽プレイリストを閲覧
- 検索: YouTubeでBGMを検索
- お気に入り: お気に入りの曲を保存
再生中、アイコンがビートに合わせてアニメーションします。
チャットエリア
Naiaとの会話。詳細な機能についてはチャットページをご覧ください。
下部タブ
チャットエリアの下に、追加パネルへのアクセスを提供するタブバーがあります：
| タブ | 説明 |
|---|---|
| 履歴 | 過去の会話 |
| 進捗 | ツールの実行/エラー監視 |
| スキル | 利用可能なスキル（ツール）一覧 |
| チャンネル | 接続されたメッセンジャーチャンネル |
| エージェント | バックグラウンドエージェントとセッション管理 |
| 診断 | システムヘルスとログ |
| 設定 | すべてのアプリ設定（5つのタブ：一般、AI、スキル、メモリ、情報） |
右：モードバー + パネル
モードバー
右側の上部にある水平ショートカットバー：
- + ボタン: 新しいショートカットまたはパネルを追加
- ショートカットアイコン: クリックしてブラウザパネルでURLを開く
- 編集モード: 編集ボタンを押してアイコンを変更、ドラッグで並べ替え、または削除
パネルエリア
選択したパネルのコンテンツを表示します。利用可能なパネル：
| パネル | 説明 |
|---|---|
| ワークスペース | ファイルエクスプローラー、コードエディター、ターミナル、セッション監視 |
| ブラウザ | AIツール権限付きのChrome組み込みWebブラウザ |
キーボードショートカット
| ショートカット | アクション |
|---|---|
| Ctrl+Alt+A | AI監視の切り替え |
| Ctrl+B | Naiaカラムの表示/非表示の切り替え |