外観とキーボード

Web UI には、ダークとライトのテーマ、変更できる文字サイズ、リレーが応答しているかどうかを示すステータスドットがあり、レイアウトは固定表示のサイドバーとドロワーの間で切り替わります。これらはすべてブラウザーに保存されるので、デバイスごとに見た目を変えられます。このページでは、キーボードショートカットも一覧にしています。

テーマ #

Settings → General（設定 → 一般）を開き、Theme（テーマ）で Dark（ダーク）または Light（ライト）を選びます。既定は Dark です。選択は使っているブラウザーに保存されます。別のブラウザーやデバイスでは、それぞれの設定が使われます。システムの設定に従うオプションはありません。

インストールしたアプリもテーマに従います。Light では、アプリのアイコン、ブラウザーのタブのアイコン、UI のロゴがライト用のものに切り替わり、アプリの起動時の背景とツールバーの色が白になります。

⋯ メニューにも同じ切り替えが 1 つの項目としてあり、切り替え先のモードに合わせて ☀️ Day mode（Day モード）または 🌙 Night mode（Night モード）という名前になっています。0.9.11 で追加この項目は、サインインしていれば、会話を開いているかどうかに関係なく表示されます。Settings のない共有された読み取り専用のビューでは、これがメニューの唯一の項目です。

文字サイズ #

Settings → General の Text scaling（文字の拡大縮小）は、トランスクリプトを含む UI のすべての文字の大きさを変えます。50% から 150% まで 10% 刻みで選べます。既定は 100% です。

次の 2 つの操作でも、同じ 50% から 150% の範囲で設定できます。

Ctrl（Mac では Cmd）を押したままマウスホイールを回します。ゆっくり回すと 1% ずつ、速く回すとそれ以上変わります。
タッチスクリーンで 2 本の指でピンチします。

操作している間は、パーセントを示す小さなバッジが表示されます。操作の後、選択欄には 73% のような中間の値が表示されます。ファイルビューアーの画像の上では、どちらの操作も無視され、代わりに画像が拡大縮小されます。値はブラウザーごとに保存されます。変更している間も、読んでいたメッセージの位置は変わりません。

リレーのステータスドット #

ドットは会話リストの上部にあり、その横に CLI online（CLI オンライン）または CLI offline（CLI オフライン）という文字が表示されます。ポインターを合わせるとツールチップが表示されます。スマートフォンでは会話リストは通常閉じているドロワーなので、☰ ボタンの線が同じ色になります。

色	ツールチップ	意味
グレー	`Web relay unreachable`（Web リレーに到達できません）	ブラウザーがリレーに接続できていません。
緑	`Web relay reachable`（Web リレーに到達できます）	リレーが応答しています。
緑	`Web relay reachable; CLI offline`	リレーは応答していますが、エージェント側がオフラインです。「CLI is offline — messages will queue until it reconnects」（CLI がオフラインです — 再接続するまでメッセージはキューに入ります）というバナーが表示されます。
琥珀色	`Web relay reachable via Cloudflare Tunnel`（Cloudflare Tunnel 経由で Web リレーに到達できます）	リレーが応答していて、その Cloudflare トンネルを通じてインターネットからも接続できます。
緑	`Web relay reachable; Cloudflare tunnel disconnected`（Web リレーには到達可能、Cloudflare トンネルは切断）	トンネルは設定されていますが、接続されていません。リレー自体は応答しているので、ドットは緑のままです。エラーがある場合は、ツールチップにそのエラーが加わります。
緑	`Web relay reachable; Cloudflare tunnel off: cloudflared is not installed`	トンネルは設定されていますが、`cloudflared` がありません。最後の部分は、リレー自身のエラーテキストに置き換わることがあります。

CLI がオンラインのときは、ツールチップの最後に、処理中、低下状態、質問待ちのセッションワーカーの数が、この優先順位で表示されます。例：2 session workers processing。表の CLI オフラインのツールチップでもドットの色は保たれるので、トンネルが接続されていればドットは琥珀色になります。

レイアウト #

デスクトップ #

会話リストは左側に固定表示されます。☰ Toggle conversations sidebar（会話サイドバーの表示を切り替え）ボタンで折りたたんだり開いたりでき、どちらの状態かはブラウザーが記憶します。リストとチャットの間の区切り線をドラッグすると、ウィンドウの幅の 10% から 50% までの範囲で幅を変えられます。幅は、縦長と横長のウィンドウで別々に記憶されます。

スマートフォン #

ウィンドウの幅が 680 ピクセル以下になると、会話リストはチャットの上に重なるドロワーになり、幅の 92% を占めます。☰ で開き、外側の暗くなった部分をタップすると閉じます。文字サイズは決まった範囲内で画面の幅に合わせて変わり、Text scaling の値がそれに掛け合わされます。

680 ピクセル未満での違い：

画面キーボードの Enter キーでは改行されます。送信は Send（送信）ボタンで行います。
送信後、入力欄はキーボードを閉じます。それより広い画面ではフォーカスを保ちます。

スマートフォンを横向きにしているとき（タッチスクリーンで、画面の高さが 500 ピクセル以下）は、文字サイズが画面の短い辺に基づいて決まるので、画面キーボードが表示されても文字は小さくなりません。

キーボード #

Mac では、Ctrl の代わりに Cmd を使います。ここにあるキーは変更できません。

場所	キー	動作
入力欄	Ctrl+Enter	メッセージを送信します。
入力欄	Enter、Shift+Enter	改行します。
`/` と `@` のメニュー	↑、↓	ハイライトを移動します。一番上の行で ↑ を押すとハイライトが消えます。
`/` と `@` のメニュー	Tab	ハイライトされた行、または一番上の行を確定します。
`/` と `@` のメニュー	Enter	矢印キーで移動した行を確定します。それ以外の場合は改行になります。
`/` と `@` のメニュー	Esc	メニューを閉じます。
質問カードのテキストフィールド	Ctrl+Enter	返信を送信します。
会話リストの絞り込み	Esc	絞り込みをクリアします。
メッセージの検索	Enter	検索を実行します。
メッセージの検索	Esc	検索を閉じます。
タイトルの編集	Enter	タイトルを保存します。
タイトルの編集	Esc	キャンセルします。
ファイルブラウザーでの名前の変更または新しいフォルダー	Enter	名前を確定します。
ファイルブラウザーでの名前の変更または新しいフォルダー	Esc	キャンセルします。
ファイルブラウザーの削除の確認	Enter	削除を確定します。
Change CWD（作業フォルダーを変更）メニュー	↑、↓、Home、End	ハイライトを移動します。
Change CWD メニュー	Enter、Space	メニューを開くか、ハイライトされたフォルダーを選びます。
Change CWD メニュー	Esc、Alt+↑、Tab	選ばずにメニューを閉じます。文字キーを押すと、一致するフォルダーに移動します。
クラウドのリポジトリとブランチのフィールド（新しい会話）	↑、↓、Enter、Esc	候補の間を移動し、ハイライトされた候補を選び、一覧を閉じます。
トランスクリプトのサブエージェントの行	Enter、Space	行を折りたたむか展開します（行にフォーカスがあるとき）。
ファイルビューアー	→、←	ギャラリーの次または前のファイルを表示します。
ファイルビューアー	Esc	ビューアーを閉じます。
設定のタブ	←、→、↑、↓、Home、End	別のタブに移動して開きます。
右クリックメニュー	↑、↓、Esc	項目の間を移動するか、メニューを閉じます。
`⋯` メニュー	Esc	メニューを閉じます。
そのほかのウィンドウ	Esc	一番上のものを閉じます。対象は、ファイルビューアー、サブエージェントビューアー、Git の変更のウィンドウとその差分、画像エディター、絵文字の選択欄、ファイルブラウザー、Suspend host（ホストをスリープ）などのダイアログです。

入力欄のキーの詳細は入力欄にあります。質問カードについては質問カードを、検索についてはトランスクリプトを参照してください。

言語 #

Web UI は英語です。言語の設定はありません。