コントロール UI

Control UI は、Gateway によって配信される小規模な Vite + Lit シングルページアプリです。

• デフォルト: http://<host>:18789/
• オプションのプレフィックス: gateway.controlUi.basePath を設定（例: /openclaw）

同じポート上の Gateway WebSocket と直接通信します。

実行中のセッションを監視している間、Gateway はそのエージェントのユーティリティモデルを使用して、簡潔なステータスダイジェストを生成できます。チャットでは、評価、計画の進捗、プルリクエスト、経過時間を含むカードへ展開できる、1 行のステータスピルとして表示されます。実行が停止状態になった場合や入力を必要とする場合、カードは一度だけ展開できます。/btw サイドチャットは展開されたカードより優先されます。

展開されたカードでは、実行についての短い質問も受け付けます。回答にはオブザーバーの現在のダイジェストとサニタイズされた制限付きメモのみが使用され、そのセッションのブラウザ内に保持されます。メインのエージェント実行に入ることも、中断することもありません。観察内容に回答が含まれていない場合、オブザーバーは判断できないと回答します。

最初のダイジェストが届いた後は、ヒューリスティックなライブアクティビティの代わりに、そのダイジェストが実行のサイドバーサブタイトルを管理します。完了または失敗を示す最終ダイジェストは、セッションが未読の間は表示されたままになり、その後、行は通常の作業サブタイトルに戻ります。

セッション監視はデフォルトで有効です。Settings > Appearance > Sidebar では、Gateway 全体で無効化したり、解決された小規模モデルとその出所を確認したり、自動ルーティングの選択、ユーティリティタスクの無効化、明示的な agents.defaults.utilityModel の選択を行ったりできます。対応する設定コントロールは gateway.controlUi.sessionObserver: false と agents.defaults.utilityModel: "" です。

クイックオープン（ローカル）

Gateway が同じコンピューター上で実行されている場合は、http://127.0.0.1:18789/（または http://localhost:18789/）を開きます。

ページを読み込めない場合は、まず Gateway を起動します: openclaw gateway。

認証は、WebSocket ハンドシェイク中に次の方法で提供されます。

• connect.params.auth.token
• connect.params.auth.password
• gateway.auth.allowTailscale: true の場合は Tailscale Serve の ID ヘッダー
• gateway.auth.mode: "trusted-proxy" の場合は信頼済みプロキシの ID ヘッダー

Gateway 認証はデバイスのペアリングより先に実行されます。直接のループバック接続でも、トークン認証やパスワード認証は迂回されません。ダッシュボードの設定パネルは、現在のブラウザタブのセッションと選択された Gateway URL に対してトークンを保持します。パスワードは永続化されません。ペアリング後、ブラウザは後続の接続で保存済みのデバイスごとのトークンを使用できます。

オンボーディングでは通常、共有シークレット認証用の Gateway トークンが設定されます。設定済みトークンがない状態で Gateway がトークンモードで起動すると、代わりにそのプロセス用の一時的なランタイムトークンが生成されます。ランタイムトークンは設定に書き込まれないため、openclaw config get gateway.auth.token では取得できず、そのトークンを持たないループバックブラウザは拒否されます。openclaw doctor --generate-gateway-token を実行して Gateway を再起動し、設定したトークンを Control UI の設定に貼り付けます。gateway.auth.mode が "password" の場合は、代わりにパスワード認証が機能します。

デバイスのペアリング（初回接続）

Gateway 認証に成功した後、新しいブラウザまたはデバイスから接続する際は通常、disconnected (1008): pairing required として表示される 1 回限りのペアリング承認が必要です。

openclaw devices list

openclaw devices approve <requestId>

ブラウザが変更された認証情報（ロール、スコープ、公開鍵）でペアリングを再試行すると、以前の保留中リクエストは置き換えられ、新しい requestId が作成されます。承認する前に openclaw devices list を再実行してください。

ペアリング済みのリモートブラウザを読み取りアクセスから書き込みまたは管理者アクセスへ切り替える操作は、暗黙の再接続ではなく、承認のアップグレードとして扱われます。OpenClaw は以前の承認を有効なまま維持し、より広範な再接続をブロックして、新しいスコープセットを明示的に承認するよう求めます。条件を満たす直接ループバックの Control UI 接続は、認証後にアップグレードを暗黙的に承認できます。

一度承認されるとデバイスは記憶され、openclaw devices revoke --device <id> --role <role> で取り消さない限り、再承認は必要ありません。トークンのローテーション、取り消し、Paperclip / openclaw_gateway の初回実行時承認フローについては、Devices CLI を参照してください。

モバイルデバイスをペアリングする

すでにペアリング済みの管理者は、ターミナルを開かずに iOS/Android 接続用 QR を作成できます。

セットアップコードの作成には operator.admin が必要です。これがないセッションではボタンが無効になります。セットアップコードには有効期間の短いブートストラップ認証情報が含まれるため、有効な間は QR とコピーしたコードをパスワードと同様に扱ってください。リモートペアリングでは、Gateway が wss:// に解決される必要があります（たとえば、Tailscale Serve/Funnel 経由）。通常の ws:// は、ループバックおよびプライベート LAN アドレスに限定されます。セキュリティとフォールバックの詳細については、ペアリング を参照してください。

個人 ID（ブラウザローカル）

Control UI は、共有セッションでの帰属を示すため、送信メッセージに付加されるブラウザごとの個人 ID（表示名とアバター）をサポートします。これは現在のブラウザプロファイルに限定されたブラウザストレージに保存され、他のデバイスには同期されません。また、送信したメッセージに含まれる通常のトランスクリプト作成者メタデータを除き、サーバー側には永続化されません。サイトデータを消去したりブラウザを切り替えたりすると、空の状態にリセットされます。

アシスタントのアバター上書きも同じブラウザローカルの方式に従います。アップロードされた上書きは、Gateway が解決した ID にローカルで重ねられ、config.patch を経由して往復することはありません。共有の ui.assistant.avatar 設定フィールドは、フィールドへ直接書き込む非 UI クライアントでも引き続き利用できます。

ランタイム設定エンドポイント

Control UI は、Gateway の Control UI ベースパスを基準に解決される /control-ui-config.json からランタイム設定を取得します（たとえば、ベースパス /__openclaw__/ の下では /__openclaw__/control-ui-config.json）。このエンドポイントは、HTTP サーフェスの他の部分と同じ Gateway 認証によって保護されます。未認証のブラウザは取得できず、取得を成功させるには、有効な Gateway トークンまたはパスワード、Tailscale Serve ID、あるいは信頼済みプロキシ ID が必要です。

Gateway ホストのステータス

Settings → General を開くと、Gateway マシン、LAN アドレス、オペレーティングシステム、ランタイム、稼働時間、CPU 負荷、メモリ、状態ボリュームのディスク容量を表示する Gateway Host カードを確認できます。このカードは表示中、operator.read スコープを必要とする system.info Gateway RPC を通じて 10 秒ごとに更新されます。古い Gateway およびそのスコープを持たない接続では、カードは表示されません。

言語サポート

Control UI は初回読み込み時に、ブラウザのロケールに基づいてローカライズされます。後で変更するには、Settings -> General -> Language を開きます（選択項目は Appearance の下ではなく、General ページにあります）。

• サポートされるロケール: en、ar、de、es、fa、fr、hi、id、it、ja-JP、ko、nl、pl、pt-BR、ru、th、tr、uk、vi、zh-CN、zh-TW
• 英語以外の翻訳は、ブラウザで遅延読み込みされます。
• 選択したロケールはブラウザストレージに保存され、今後のアクセス時に再利用されます。
• 翻訳キーがない場合は英語にフォールバックします。

ドキュメントの翻訳も同じ英語以外のロケールセットに対して生成されますが、ドキュメントサイトに組み込まれた Mintlify の言語選択には、Mintlify が受け付けるロケールコードのみが表示されます。タイ語（th）とペルシャ語（fa）のドキュメントも公開リポジトリには生成されますが、Mintlify がそれらのコードをサポートするまでは、選択項目に表示されない場合があります。

外観テーマ

Appearance パネルには、組み込みの Claw、Knot、Dash テーマ（デフォルトは Claw）に加えて、ブラウザローカルの tweakcn インポートスロットが 1 つあります。テーマをインポートするには、tweakcn エディターを開き、テーマを選択または作成して Share をクリックし、コピーしたリンクを Appearance に貼り付けます。インポーターは、https://tweakcn.com/r/themes/<id> レジストリ URL、https://tweakcn.com/editor/theme?theme=amethyst-haze のようなエディター URL、相対 /themes/<id> パス、生のテーマ ID、amethyst-haze などのデフォルトテーマ名にも対応しています。

インポートしたテーマは現在のブラウザプロファイルにのみ保存されます。Gateway 設定には書き込まれず、デバイス間でも同期されません。インポートしたテーマを置き換えると、1 つのローカルスロットが更新されます。インポートしたテーマが有効な状態でそれを消去すると、Claw に戻ります。

Appearance には Text size 設定もあります。これはチャットテキスト、コンポーザーテキスト、ツールカード、チャットサイドバーに適用されます。また、モバイル Safari がフォーカス時に自動ズームしないよう、テキスト入力を 16px 以上に保ちます。

テーマ、テーマモード、テキストサイズ、言語、チャット表示の設定は Gateway 設定（ui.prefs）を通じて同期されるため、デバイス間で引き継がれ、エージェントは承認ゲートを通じて変更できます。接続中のクライアントは、Gateway の config.changed 通知を介して変更を即時に適用します。各ブラウザーは即時起動用のローカルミラーを保持します。設定を書き込めないクライアント（閲覧者スコープ、オフライン）では、変更はそのデバイス内にのみ保持されます。設定リファレンスを参照してください。

OpenClaw のシステム管理

Settings → Ask OpenClaw を開き、システムのセットアップおよび修復エージェントと対話します。オンボーディング以外では、このページにアクセスするたびに、閉じることができるイベントチップが最大 1 つ表示されます。通常の Gateway 通信には反応せず、設定リローダーが無効、設定済みチャネルの切断または劣化、チャネルプローブの失敗、チャネル認証情報の利用不能を報告するヘルススナップショットにのみ反応します。新しいイベントが保留中のチップを置き換えるのは、より重大な場合に限られます。チップを閉じるか使用すると、そのアクセス中はイベントプロンプトが表示されなくなります。チップをクリックすると、診断の質問が実際の openclaw.chat メッセージとして送信されるため、トランスクリプトにリクエストが記録され、OpenClaw が診断を実行します。オンボーディング中にこれらのイベントチップが表示されることはありません。

Plugin の管理

サイドバーで Plugins を開くか、設定済みの Control UI ベースパスを基準とする /settings/plugins を使用すると、Control UI から離れずに Plugin を参照および管理できます。たとえば、ベースパスが /openclaw の場合は /openclaw/settings/plugins を使用します。このページは、すべてのオプション Plugin が無効な場合でも常に利用できます。

Plugins は、4 つのタブを備えたハブです。Installed と Discover では /settings/plugins にある Plugin コードを管理し、Skills では /skills にあるエージェント別の Skills マネージャーを提供し、Workshop では /skills/workshop にある Skill Workshop の提案レビューを提供します。各タブは固有の URL を保持し、サイドバーではすべてのタブが 1 つの Plugins 項目として表示されます。

Installed タブには、ローカルの全インベントリがカテゴリ別にまとめられ、概要件数とともに表示されます。各行から詳細ビューを開けます。オーバーフロー（…）メニューでは Plugin の有効化または無効化ができ、外部からインストールした Plugin には Remove も表示されます。また、設定済みの MCP サーバーが一覧表示され、その場で追加、無効化、削除できます。同じサーバー操作は Settings → MCP にもあります。Discover タブはストアです。OpenClaw に含まれるおすすめ Plugin、公式の外部 Plugin、人気サービス向けのワンクリック MCP コネクターが表示されます。検索ボックスに入力すると ClawHub がその場で検索され、ダウンロード数とソース検証バッジを含む ClawHub から セクションが追加されます。ディープリンクでは /settings/plugins?tab=discover を使用してストアを直接開けます。

Skills タブには、選択したエージェントを対象とする Skills の状態レポート、有効化／無効化トグル、API キー入力、その場での ClawHub Skills 検索があります。Workshop タブには、Skills の提案に対する Skill Workshop ボードと本日のレビューの流れがあります。Skills のアイデアを探す は、内容のあるセッションを新しいものから古いものへ、範囲を限定してレビューし、結果を保留中の提案として残します。パネルには累積カバレッジが表示されます。以前の作業をスキャン は保存済みカーソルから続行し、古い履歴をすべて処理すると 新しい作業をスキャン に変わります。自律的な自己学習が無効でも履歴を手動でレビューでき、選択したエージェントに設定されているモデルが使用されます。

同梱 Plugin はすでに Gateway 上に存在するため、Install ではなく Enable または Disable が表示されます。たとえば、Workboard は OpenClaw に含まれていますがデフォルトでは無効なため、操作は Enable です。同梱 Plugin は削除できず、無効化のみ可能です。

カタログの読み込みと ClawHub の検索には operator.read が必要です。Plugin のインストール、有効化、無効化、削除、および MCP サーバーの変更には operator.admin が必要です。読み取り専用オペレーターの場合、これらの操作は無効のままです。

ClawHub からのインストールは Gateway を経由し、Gateway が仲介する他のインストールと同じ信頼性、整合性、Plugin インストールポリシーのチェックが適用されます。Plugin コードのインストールまたは削除には Gateway の再起動が必要です。インストール済み Plugin の有効化または無効化は、その Plugin と現在の Gateway ランタイムが対応していれば再起動なしで適用できます。対応していない場合は、再起動が必要であることが UI に表示されます。OAuth を使用する MCP コネクターを追加した後は、CLI から 1 回だけ openclaw mcp login <name> を実行する必要があります。

このページは意図的に、インベントリ、検出、インストール、有効化、削除に重点を置いています。任意の npm、git、ローカルパスのソース、更新、高度な Plugin 設定には、openclaw plugins を使用してください。

アプリと拡張機能

サイドバーの More メニュー、コマンドパレット、またはサイドバーのエージェントメニュー（Get the apps）から Apps を開くか、設定済みの Control UI ベースパスを基準とする /apps を使用します。このページには、OpenClaw のすべてのコンパニオン環境へのインストールリンクがまとめられています。iOS および Android アプリ、それらに同梱される Apple Watch および Wear OS コンパニオン、macOS、Windows、Linux デスクトップアプリ、Chrome 拡張機能、ClawHub を備えたアプリ内 Plugins ハブ、Discord コミュニティとドキュメントが含まれます。

サイドバーのナビゲーション

サイドバーでは、すべての項目がエージェントを中心に整理されています。上部の識別情報行はアクティブなエージェントです。その下の Pages セクションは Home（エージェントの継続的なメインセッションで、未読または実行中の状態がバッジで表示されます）から始まり、固定された移動先（デフォルトでは Automations と Plugins）が続きます。Pages ヘッダーのカスタマイズコントロールを押すと、Usage、Plugin が提供するタブ、Edit pinned items を含む、その他すべての移動先を表示するメニューが開きます。ナビゲーション領域を右クリックすると、固定項目エディターが直接開きます。下部のセッション一覧は複数のゾーンに分かれます。Threads にはエージェントのチャットセッションが表示されます（メインセッションは Home の背後に留まり、そのセッションが生成したセッションは最上位スレッドとしてここに表示され、名前付きスレッドには種類のプレフィックスが付きません）。Groups にはグループおよびルームの会話が表示されます。Coding には、管理対象ワークツリーまたは実行 Node に関連付けられたセッション（各行に repo ⎇ branch の行と Node ホストが表示されます）、ACP を使用するハーネスセッション、Codex／Claude CLI カタログが表示されます。Coding は初回実行時には折りたたまれており、選択した状態が記憶されます。折りたたまれたヘッダーにも実際の件数が表示され、内部のセッションが動作中の場合は実行中インジケーターが表示されます。カスタムグループ（セッションの category）と Pinned の行は Threads の上に配置され、セッションをカスタムグループに割り当てると、自動ゾーン分類より常に優先されます。Threads ヘッダーには並べ替えコントロール（Created または Last updated、Group by、Active、Archived、All を選べる永続化された Status フィルター）と、新しいセッションページを開く + があります。アーカイブ済みの行はインラインのまま、アーカイブ記号付きで薄く表示されます。未読または注意状態には影響せず、系統の昇格対象にもなりません。セッションを開くと選択ハイライトが移動しますが、行の順序は変わりません。最近の子実行がある親セッションには、展開アイコンと子の件数が表示されます。展開すると、サイドバーを離れずにネストされた子セッション、実行中または終了済みの状態、ランタイムを確認できます。子を選択するとそのチャットが開き、祖先へのパスが自動的に表示されます。子の行はルートのグループ化、固定、ドラッグ、複数選択、ページネーションの対象外です。折りたたまれたゾーンは表示ページの上限を消費しません。最後に読んだ後で新しいアクティビティが発生したセッションには未読ドットが表示され、そのセッションを開くと既読になります。エージェントは、有効期限の短いステータス行を公開し、厳選された琥珀色のアイコンで任意に注意を求めることもできます。この宣言は、セッションを開く、次のメッセージを送信する、明示的にクリアする、または TTL が切れると解除されます。クラウドワーカーのライフサイクル状態には地球儀バッジが使用されます。ローカルおよび再取得されたセッションでは、ローカル実行がデフォルトのため配置バッジが省略されます。各ルートセッション行にはコンテキストメニュー（ケバブボタンまたは右クリック）があり、Pin/Unpin、Mark as unread/read、Rename、Fork、Move to group（New group と Remove from group を含む）、Archive または Unarchive、Delete を実行できます。タッチレイアウトでは、直接操作できる固定ボタンとメニューコントロールが常に表示されます。Cmd/Ctrl キーを押しながらクリックするとルート行の複数選択が切り替わり、Shift キーを押しながらクリックすると表示順に沿って選択範囲が拡張されます。選択済みの行でメニューを開くと、選択したすべてのセッションに適用される一括操作（Mark N as unread/read、Move N to group、Archive N、Delete N）が表示され、一括削除では確認が 1 回だけ行われます。ルートセッションを Pinned にドラッグすると固定でき、カスタムグループにドラッグすると移動できます。カスタムグループのヘッダーは、折りたたみ、展開、ドラッグによる並べ替えが可能です。グループ名と順序は Gateway（sessions.groups.*）に保存されるためブラウザー間で引き継がれますが、折りたたみ状態はブラウザープロファイルに保存されます。グループヘッダーにもメニュー（ケバブボタンまたは右クリック）があり、Rename group、New group、Delete group を実行できます。グループの名前変更または削除は、アーカイブ済みのものを含むすべてのメンバーセッションをサーバー側で更新します。グループを削除してもセッションは保持され、Threads に戻されます。

新しいセッションページ

サイドバーのセッション一覧ヘッダーにある + を押すと、/new に全ページの下書きが開きます。最初のメッセージを送信するまで何も作成されません。統合された Place ピッカーでは、作業フォルダーを選択し、管理者オペレーターの場合は実行先も選択します。実行先には Gateway · local、system.run を公開するペアリング済み Node、または利用可能なクラウドプロファイルがあります。フォルダーのデフォルトはエージェントのワークスペースです。別の Gateway 絶対パスを使用するには operator.admin が必要ですが、Git チェックアウトでなくても直接実行できます。選択した Gateway フォルダーが Git チェックアウトの場合、同じピッカーで任意の Worktree 分離を選択できます。これには worktrees.branches に基づくベースブランチピッカー（fetch は行いません）と、任意のワークツリー名（ブランチは openclaw/<name> になります）が含まれます。クラウドワーカーでは、この管理対象ワークツリーパスが必須です。ペアリング済み Node では表示されません。コンポーザーのフッターでは、新しいセッションのモデルと推論レベルを選択します。Incognito トグルは Web 専用スレッドを作成し、そのセッション項目、トランスクリプト、Compaction の状態は Gateway が再起動するまでメモリ内に保持されます。OpenClaw は自動メモリフラッシュも省略します。エージェントは通常のツールを保持するため、明示的な保存リクエストやツールによるファイル書き込みではデータを永続化できます。モデルプロバイダーは引き続きメッセージを処理し、コンテンツを含まない監査メタデータも引き続き記録されます。クラウド起動では、セッションをワーカーにディスパッチする前に、モデルと推論の選択内容が永続化されます。

マルチユーザー Gateway では、管理者スコープの接続のみがシークレットスレッドを作成または表示できます。また、他のセッションは、エージェントのセッションツールやトランスクリプト検索を通じてそれらにアクセスできません。シークレットモードが保護するのは、ストレージと Gateway が仲介する他のユーザーからです。ライブセッションを常に監視できる Gateway の所有者またはプロセスオペレーターからは保護されません。

Browse folders を押すと、Place ピッカー内のインラインディレクトリブラウザーが開きます。このブラウザーは管理者専用の fs.listDir メソッドを使用し、選択した Gateway または Node が対象になります。Gateway と参照機能を持つ Node ではファイルシステムが一覧表示されます。fs.listDir を持たない実行対応 Node でも、入力された絶対パスは受け付けます。最近使用した場所からは、ホスト間でパスを持ち越すことなく、フォルダーとそれを所有する Node をまとめて復元できます。送信すると、最初のメッセージを指定して sessions.create が呼び出されます。これにより、同じラウンドトリップで実行が開始され、UI は新しいセッションのチャットに移動します。Gateway がセッションを作成したものの最初の送信を拒否した場合、チャットは再読み込み後もプロンプトとエラーを保持します。Retry は別のセッションを作成せず、すでに作成済みのセッションを通じて送信します。

Settings 内の専用サイドバーには Ask OpenClaw があり、設定セクションをすばやく検索するための Search settings フィールドが先頭に表示されます。

デスクトップ Web では、コンテンツ領域の左上に固定されたコントロール群（macOS のタイトルバーストリップに相当する Web 版）に、サイドバーの折りたたみ切り替え（⌘B）とコマンドパレット検索ボタン（⌘K）があります。サイドバー上部のエージェント ID 行をクリックするとエージェントメニューが開き、ホームを選ぶとメインセッションが開きます。失敗または期限超過した Cron ジョブ、期限切れ間近または期限切れのモデル認証など、対応が必要な項目がある場合は、コンパクトな注意チップがサイドバーフッターの上に表示され、クリックするとその項目を管理するページに移動します。ID 行には、エージェントのアバター（ID 画像または絵文字）、名前、接続状態を示すドット、リアルタイムのサブタイトルが表示されます。エージェント単位のメニューには、インラインのエージェント切り替え（マルチエージェント構成）、新しいエージェント、「このエージェントで何ができますか？」、エージェント設定があります。エージェントが 10 個を超える一覧にはフィルターフィールドが表示され、ピン留めされたエージェントが先頭に並びます。エージェントのピン留めや解除は「エージェント」設定ページで行い、ピン留めの状態はブラウザプロファイルに保存されます。エージェントを選択すると、チャットに加えて、使用状況、自動化、タスク、ワークボード、セッションの対象がそのエージェントに限定されます。対象が限定された各ページには、限定を解除するための すべてのエージェント を含む エージェント コントロールがあります。これにより具体的なチャットエージェントを変更せずに共有ページの対象範囲を広げられ、セッションへの直接リンクは引き続き対象のセッションを開きます。「エージェント」設定ページは独自の ?agent= 選択を保持し、共有ページの対象範囲には追従しません。フッターは横幅いっぱいの単一の ID カードで、オフラインでも利用でき、最後に確認されたアカウント名の下に 再接続中… と表示されます。このカードを選ぶとアプリ／アカウントメニューが開きます。プロファイル ID ヘッダーに続いて、設定、使用状況、モバイルのペアリング、アプリを入手、ヘルプ（ヘルプ、Discord、ドキュメント、変更履歴）、必要な場合のオフライン再試行アクション、バージョン／ビルドチップ、カラーモード切り替えが表示されます。ビルドチップを選ぶと「OpenClaw について」ページが開きます。Gateway がソースチェックアウトの main 以外のブランチから実行されている場合、フッターにはそのブランチ名も赤色で表示されるため、リリース版ではない Gateway であることが一目で分かります（リリース版のインストールでは表示されません）。Apple プラットフォームでは Shift-Command-Comma、それ以外では Ctrl-Shift-Comma を押すと、ブラウザ標準の Command-Comma ショートカットを上書きせずに 設定 が開きます。サイドバーを折りたたむと（⌘B またはコントロール群の切り替え）、サイドバーは完全に非表示になり、ワークスペースが全幅になります。折りたたみ中も左上のコントロール群には展開切り替えと検索が残り、新しいスレッドのボタンが追加されます。これは macOS アプリのタイトルバーにネイティブに配置されているものと同様です。デスクトップではサイドバーが唯一のナビゲーション要素であり、トップバーはありません。狭いビューポートでは、サイドバーの代わりにスライドオーバードロワーが使用され、コンパクトなヘッダー行の背後に配置されます。このヘッダー行には、ドロワー切り替え、ブランド、コマンドパレット検索があります。スマートフォンでは、チャットがこのナビゲーション行をタイトルバーに取り込み、セッションタイトルの横にメニューと検索コントロールを表示します。macOS アプリでは、独立したヘッダー行によってタイトルバーの余白がウィンドウコントロール横の単一のコンパクトなストリップに統合されます。ナビゲーションには通常のブラウザ履歴が使用されるため、ブラウザの戻る／進むボタンで履歴を移動できます。macOS アプリではさらに、ウィンドウコントロールの横にネイティブのサイドバー切り替えとトラックパッドのスワイプジェスチャが追加されます。サイドバーの展開中は右端に戻る／進むボタンが表示され、折りたたみ中はネイティブ検索（コマンドパレット）と新しいセッションのボタンが表示されます。

保留中の承認も、サイドバーフッターの上に注意チップとして表示されます。 選択すると、その項目を管理する「承認」ページが開きます。

現在できること

アシスタントのメモリをインポート

ローカルの Codex または Claude Code のメモリを OpenClaw エージェントに取り込むには、設定 → メモリをインポートを開きます。Gateway は自身のホスト上でサポート対象のローカルメモリを検出するため、リモートの Control UI では、ブラウザーのコンピューターではなく Gateway のコンピューターからインポートされます。

1. インポート先のエージェントを選択します。
2. 検出されたソースコレクションと Markdown ファイル名を確認します。ファイルの内容は、計画レスポンスでは送信されず、ページにも表示されません。
3. インポートするコレクションを選択して確認します。適用時には書き込み前に計画が再構築されるため、古い選択は安全に失敗します。
4. ファイルがすでに存在する場合は、既存のインポートを置換を有効にし、プレビューを更新して、置換を確認します。

Codex は、統合済みの MEMORY.md と memory_summary.md のみをインポートします。Claude Code は、プロジェクトの自動メモリディレクトリと設定済みの autoMemoryDirectory から Markdown をインポートします。このページを通じて、セッション、設定、指示、認証情報をインポートすることはありません。ファイルは、選択したワークスペース内の memory/imports/ 配下にコピーされ、そこでアクティブなメモリプラグインがインデックスを作成できます。ソースが変更されることはありません。

計画と適用には operator.admin が必要です。適用するたびに、状態が存在する場合は検証済みの OpenClaw バックアップが作成され、秘匿化された移行レポートが書き込まれ、既存の宛先ファイルを置換する前に項目単位のバックアップが保持されます。パスと呼び出し時の動作については、メモリの概要を参照してください。

MCP ページ

専用の MCP ページは、mcp.servers 配下にある OpenClaw 管理の MCP サーバー向け運用ビューです。このページ自体が MCP トランスポートを起動することはありません。保存済み設定の確認と編集に使用し、稼働中のサーバーを検証する必要がある場合は openclaw mcp doctor --probe を使用します。

一般的なワークフロー：

1. サイドバーから MCP を開きます。
2. 概要カードで、サーバーの合計数、有効数、OAuth 使用数、フィルター適用数を確認します。
3. 各サーバー行で、トランスポート、有効化状態、認証、フィルター、タイムアウト、コマンドのヒントを確認します。
4. MCP ページでサーバーを直接追加、有効化、無効化、または削除します。Streamable HTTP、SSE、stdio のいずれかを明示的に選択してください。stdio のコマンドラインでは、スペースを含むパスなどの引用符で囲まれた引数を使用できます。ワンクリックでのコネクター追加と検出には Plugins ページを使用します。
5. 環境変数、作業ディレクトリ、ヘッダー、TLS/mTLS パス、OAuth メタデータ、ツールフィルター、Codex プロジェクションメタデータなどの高度なサーバーフィールドを設定するには、スコープ設定された mcp 設定セクションを編集します。
6. 設定を書き込む場合は Save を使用し、実行中の Gateway に変更後の設定を適用させる場合は Save & Publish を使用します。
7. 静的診断、ライブ動作確認、またはキャッシュ済みランタイムの破棄を行うには、ターミナルから openclaw mcp status --verbose、openclaw mcp doctor --probe、または openclaw mcp reload を実行します。

このページでは、レンダリング前に認証情報を含む URL 形式の値を秘匿化し、コマンドスニペット内のサーバー名を引用符で囲むため、コピーしたコマンドはスペースやシェルのメタ文字を含む場合でも動作します。CLI と設定の完全なリファレンスについては、MCP を参照してください。

アクティビティタブ

アクティビティタブは Settings › System 内の Logs と Debug の横にあります。これはライブツールアクティビティを監視する一時的なブラウザローカルのオブザーバーで、チャットのツールカードにも使用される同じ Gateway session.tool / ツールイベントストリームから生成されます。別の Gateway イベントファミリー、エンドポイント、永続的なアクティビティストア、メトリクスフィード、外部オブザーバーストリームを追加するものではありません。

アクティビティのエントリには、サニタイズされた概要と、秘匿化および切り詰められた出力プレビューのみが保持されます。ツール引数の値はアクティビティ状態に保存されません。UI には引数が非表示であることが示され、引数フィールド数のみが記録されます。メモリ内のリストは現在のブラウザタブに従い、Control UI 内を移動しても維持されますが、ページの再読み込み、セッションの切り替え、または Clear でリセットされます。

オペレーターターミナル

ドッキング可能なオペレーターターミナルはデフォルトで無効です。有効にするには、gateway.terminal.enabled: true を設定して Gateway を再起動します。ターミナルには operator.admin 接続が必要で、アクティブなエージェントワークスペース内でホスト PTY を開きます。新しいタブは、現在選択されているチャットエージェントに従います。

ドックを切り替えるには Ctrl + backtick を使用します。レイアウトは下側と右側へのドッキングに対応し、ブラウザのビューポートに合わせてサイズが変更され、複数のシェルタブを保持します。gateway.terminal.enabled とオプションの gateway.terminal.shell オーバーライドについては、Gateway 設定を参照してください。

所有者に許可されたサンドボックス外のエージェントは、オペレーターが監視すべき長時間または対話型の作業に terminal ツールを使用できます。各ツール呼び出しでは、エージェント自身の Gateway PTY を開く、読み取る、書き込む、サイズ変更する、閉じる、または一覧表示できます。新しいセッションでは、デフォルトで共同接続された Control UI タブが開くため、エージェントとオペレーターが出力を共有し、どちらも入力やサイズ変更を行えます。エージェントのアクセス範囲はセッション単位で厳密に限定されます。エージェントは、オペレーターが作成したターミナルや別のエージェントセッションが開いたターミナルを読み取ったり制御したりできません。

1 つ以上のファイルをアクティブなターミナルにドラッグするか、クリップボタンを使用してファイルを選択します。OpenClaw は、PTY を所有するマシン上で各ファイルをステージングし、シェル用に引用符処理された絶対パスをカーソル位置に貼り付けます。Enter キーを押したり入力を実行したりすることはありません。コンパクトなバッチインジケーターに、現在のファイルと完了数が表示されます。キャンセルすると、パスを貼り付けずに残りのバッチが停止します。転送に失敗したファイルは表示されたままになるため、完了済みのファイルを再アップロードせずに、そのファイルから再試行できます。画像、PDF、アーカイブ、その他のファイル形式を、1 ファイルあたり最大 16 MiB まで受け付けます。ステージングされたファイルには、POSIX ホストでは非公開のシステム一時ディレクトリ（ディレクトリモード 0700、ファイルモード 0600）が、Windows ではユーザープロファイルの ACL 境界内にあるディレクトリが使用され、さらに 24 時間後のクリーンアップタイマーが設定されます。保持する必要があるものは移動またはコピーしてください。

パスの挿入は、PowerShell、cmd.exe、および認識される POSIX シェル（sh、Bash、Dash、Ash、Ksh、Zsh、Fish）に対応し、Windows 上の Git Bash も含まれます。その他のシェルオーバーライドは、引用規則を安全に推測できないため拒否されます。ネイティブな WSL ターミナルと Linux のアップロードパスを使用するには、WSL 内で Gateway を実行してください。% または ! を含む cmd.exe パスも、そのシェルが二重引用符内でもこれらの文字を展開するため拒否されます。

セッションサイドバーで検出された Codex および Claude Code セッションは、同じターミナルパネル内でネイティブ CLI を開くことができます。Settings › Chat で Open Codex/Claude threads in を Terminal に設定すると、通常の行をクリックした際に codex resume または claude --resume が開きます。デフォルトは引き続き読み取り専用の OpenClaw ビューアーです。行の右クリックメニューまたはケバブメニューでは常に両方の選択肢が提示され、対象セッションが条件を満たす場合は、ビューアーヘッダーに Open in terminal が表示されます。

利用可否はセッションごと、かつホストごとに決まります。Gateway ローカルのセッションでは、Gateway ホスト上でプロバイダー所有の再開コマンドが起動します。ペアリングされた Node のセッションでは、所有元の Node 上で許可リストに登録されたプロバイダーコマンドが起動し、その PTY の出力、入力、サイズ変更イベントのみが中継されます。これは汎用的な Node シェルを公開したり、ブラウザから提供されたコマンドを受け付けたりするものではありません。ファイルアップロードでは、サイズ制限付きの別個の terminal.upload Node コマンドが使用され、すでに開いているターミナルセッションに引き続き限定されます。そのコマンドが初めて表示されたときに、Node ペアリングのアップグレードを承認してください。二重ストリーミングに対応しない組み込みワーカーブリッジなど、一致するターミナル再開コマンドを通知しない Node では、ビューアーは引き続き使用できますが、ターミナルを開く機能は利用不可として表示されます。古い Node でもターミナルは実行できますが、ドラッグされたファイルを受信することはできません。

接続所有のセッションは切断後も維持されます。ページの再読み込み、ノートパソコンのスリープ、または一時的なネットワーク障害が発生すると、セッションは終了せず Gateway 上でデタッチされ、同じブラウザタブが再接続時に再アタッチして最近の出力を再生します。デタッチされた接続所有のセッションは、gateway.terminal.detachedSessionTimeoutSeconds 後に終了されます（デフォルトは 300 秒。0 を使用すると切断時の終了に戻ります）。これらのセッションへのアタッチは、引き続き tmux 形式の引き継ぎとなります。

エージェント所有のセッションは、ブラウザ接続に紐付けられません。terminal.attach は所有権を取得せずに各ブラウザをビューアーとして追加し、ビューアータブを閉じると、そのブラウザだけがデタッチされます。PTY は、所有するエージェントが閉じる、プロセスが終了する、ポリシーによって無効化される、または Gateway がシャットダウンするまで維持されます。terminal.list は各エントリを接続所有またはエージェント所有として示し、terminal.text を使用すると、管理者接続はアタッチせずに最近のプレーンテキスト出力を読み取れます。

ターミナルは、/?view=terminal にある全画面のターミナル専用ドキュメントとしても利用できます。iOS および Android アプリでは、保存済みの Gateway 認証情報を再利用して、このページを Terminal 画面に埋め込みます。利用可否は同じ gateway.terminal.enabled および operator.admin のゲートに従い、接続先の Gateway がターミナルを提供していない場合は、このページに通知が表示されます。

ブラウザパネル

Control UI には、Gateway が制御するブラウザ（エージェントがブラウザツールを介して操作するものと同じ）を通常のあらゆるウェブブラウザ内に表示する、ドッキング可能なブラウザパネルが含まれています。ネイティブの WebView は不要です。接続先の Gateway が operator.admin 接続に対して browser.request を通知すると表示され、スレッドワークスペースレールの地球儀ボタンで切り替えられます。このパネルには、タブ付きのライブページスナップショット、編集可能な URL バー、戻る／進む／再読み込み、自分のブラウザで開く機能があり、右側または下側にドッキングできます。また、クリック、ホイールスクロール、基本的な文字入力をリモートページに転送します。

2 つのキャプチャモードで、エージェント向けのページコンテキストをまとめられます。

• 注釈（鉛筆）：ページ上にフリーハンドでマークを描きます。Send to chat を使用すると、線をスクリーンショットに合成して画像をアクティブなチャット入力欄に添付し、ページの URL、タイトル、マークされた各領域を説明するプロンプトを事前入力するため、エージェントは囲んだ箇所を正確に把握できます。
• 検査（ポインター）：カーソルを合わせると、その下にある要素（セレクター、アクセシブル名、ロール、サイズ）が表示されます。クリックすると、その要素の詳細と強調表示されたスクリーンショットが同じ入力フローで送信されます。検査、ホイールスクロール、戻る／進むには browser.evaluateEnabled が必要です（デフォルトで有効）。

macOS アプリでは、ダッシュボード内でクリックしたリンク用のネイティブリンクブラウザサイドバーが維持されます。ブラウザパネルもそこで動作し、その他すべてのプラットフォームでページに注釈を付ける手段となります。

チャットの動作

接続切断と再接続

セッションが確立された後に Gateway 接続が切断されても、ログアウトはされません。クライアントがバックオフ（800 ms から最大 15 s）を使用して自動的に再試行する間、ダッシュボードは表示されたままで、上部バーの下に琥珀色の「Gateway connection lost — Reconnecting…」というフローティングピルが表示されます。接続が復旧するまで、ライブ更新とリアルタイム／セッション操作は一時停止します。ピル内の Retry now を使用すると、即座に再試行できます。チャットは引き続き編集可能です。通常のテキストと添付ファイルの送信は、現在のタブの Gateway／セッションスコープのブラウザーストレージに保持され、再接続待ちとして表示され、Gateway が復旧すると自動的に送信されます。オフライン中はライブコントロールとスラッシュコマンドを使用できません。ただし、Stop は正確なローカル実行 ID を再実行用にキューへ入れることができます。接続が復旧する前にそのセッションで新しい作業が開始される可能性があるため、セッションのみを対象とする停止は再実行されません。

このブラウザーにすでに認証情報（設定済みのトークン／パスワードまたは承認済みデバイストークン）が保存されている場合、初回表示と再読み込みでは、ログインゲートを一瞬表示する代わりに、接続が確立されるまで小さなアニメーション付き OpenClaw マークが表示されます。ログインゲートは、認証情報がまだ保存されていない場合、または Gateway が認証情報を明示的に拒否した場合（無効なトークン／パスワード、取り消されたペアリング）にのみ表示されます。これらは待機ではなく、ユーザーの入力が必要な状態です。

PWA のインストールと Web Push

Control UI には manifest.webmanifest とサービスワーカーが含まれているため、最新のブラウザーではスタンドアロン PWA としてインストールできます。Web Push を使用すると、タブやブラウザーウィンドウが開いていない場合でも、Gateway がインストール済み PWA を通知で起動できます。

macOS アプリ内では、アプリが通知をネイティブに配信するため、Notifications 設定ページにはブラウザー Push の代わりにアプリのネイティブ通知権限が表示されます。

OpenClaw の更新直後にページに プロトコルの不一致 と表示された場合は、まず openclaw dashboard を使用してダッシュボードを再度開き、ハードリフレッシュします。それでも失敗する場合は、ダッシュボードのオリジンに対するサイトデータを消去するか、プライベートブラウザーウィンドウでテストしてください。古いタブまたはブラウザーのサービスワーカーキャッシュにより、更新前の Control UI バンドルが新しい Gateway に対して実行され続けることがあります。

廃止された push/vapid-keys.json および push/web-push-subscriptions.json ストアからのアップグレードは、openclaw doctor --fix によってインポートされます。古いプロセスがインポート中に廃止済みの状態を再作成しないように、この修復を実行する前に Gateway を停止してください。アップグレード後に Web Push を使用する前に修復を実行してください。廃止済みのソースまたは中断された Doctor クレームのいずれかが残っている間、登録、配信、削除、キー解決は処理を拒否します。Gateway ランタイムは SQLite のみを読み書きします。

キーを固定する場合（複数ホストでのデプロイ、シークレットのローテーション、テストなど）は、Gateway プロセスの環境変数を使用して VAPID キーペアを上書きします。

• OPENCLAW_VAPID_PUBLIC_KEY
• OPENCLAW_VAPID_PRIVATE_KEY
• OPENCLAW_VAPID_SUBJECT（デフォルトは https://openclaw.ai）

Control UI は、ブラウザーサブスクリプションの登録とテストに、次のスコープ制限付き Gateway メソッドを使用します。

• push.web.vapidPublicKey は、アクティブな VAPID 公開キーを取得します。
• push.web.subscribe は、endpoint と keys.p256dh/keys.auth を登録します。
• push.web.unsubscribe は、登録済みのエンドポイントを削除します。
• push.web.test は、呼び出し元のサブスクリプションにテスト通知を送信します。

ホスト埋め込み

アシスタントメッセージは、[embed ...] ショートコードを使用して、ホストされた Web コンテンツをインライン表示できます。iframe のサンドボックスポリシーは gateway.controlUi.embedSandbox で制御します。

コアの show_widget ツールは、ツール呼び出しから自己完結型の SVG または HTML を直接レンダリングします。ブラウザーとサポート対象のネイティブチャットクライアントは、inline-widgets Gateway 機能を公開し、生成された Canvas ドキュメントはチャット履歴を再読み込みしても引き続き利用できます。Discord Activities は Discord 上で同じツール名を提供します。その他のチャネルから開始された実行には、このツールは提供されません。

{  gateway: {    controlUi: {      embedSandbox: "scripts",    },  },}

絶対外部 http(s) 埋め込み URL は、デフォルトでブロックされたままです。[embed url="https://..."] がサードパーティページを読み込めるようにするには、gateway.controlUi.allowExternalEmbedUrls: true を設定します。

チャットトランスクリプトのレイアウト

チャットのトランスクリプトでは、コンポーザーに揃えた中央配置の読みやすいフレームを使用します。そのフレーム内では、アシスタントとツールの出力は左揃えのまま、自分のメッセージは右揃えになります。複数ユーザーのセッション（たとえば、チャンネル Plugin から中継されたグループチャット）では、送信者が特定された他の参加者のメッセージは、作成者のアバター、名前、ID ごとに固定された色とともに左揃えで表示されるため、サインインしている閲覧者のメッセージだけが「自分のもの」として認識されます。送信者が特定された参加者が 2 人以上いる場合、アシスタントの返信には、そのターンのきっかけとなったメッセージの参加者名を示す小さな「名前に返信」マーカーが付きます。ローカルのスラッシュコマンド出力などのシステム項目は、アバターのない中央揃えの通知行として表示されます。

チャットメッセージの幅

ワイドモニターのユーザーは、Settings → Chat → Message width でトランスクリプトの幅を上書きできます。この設定は、そのブラウザのローカルストレージに保持されます。対応する 形式には、960px や 82% のような単純な長さやパーセンテージに加え、 制約付きの min(...)、max(...)、clamp(...)、calc(...)、 fit-content(...) の幅式があります。

Tailnet アクセス（推奨）

openclaw gateway --tailscale serve

openclaw gateway --bind tailnet --token "$(openssl rand -hex 32)"

セキュアでない HTTP

プレーン HTTP（http://<lan-ip> または http://<tailscale-ip>）でダッシュボードを開くと、ブラウザーはセキュアでないコンテキストで動作し、WebCrypto をブロックします。デフォルトでは、OpenClaw はデバイス ID のない Control UI 接続をブロックします。

サポートされるデバイス ID なしの例外は、gateway.auth.mode: "trusted-proxy" を介した Control UI オペレーター認証が成功した場合です。デバイス ID を無効化する 永続的な設定スイッチはありません。

推奨される修正: HTTPS（Tailscale Serve）を使用するか、https://<magicdns>/（Serve）または http://127.0.0.1:18789/（Gateway ホスト上）で UI をローカルに開きます。

HTTPS の設定ガイダンスについては、Tailscaleを参照してください。

コンテンツセキュリティポリシー

Control UI には厳格な img-src ポリシーが組み込まれています。許可されるのは、同一オリジンのアセット、data: URL、ローカルで生成された blob: URL のみです。リモートの http(s) およびプロトコル相対の画像 URL はブラウザーによって拒否され、ネットワーク取得は一切発生しません。

実際の動作は次のとおりです。

• 相対パス（たとえば /avatars/<id>）で配信されるアバターと画像は引き続き表示されます。これには、UI が取得してローカルの blob: URL に変換する、認証付きアバタールートも含まれます。
• インラインの data:image/... URL は引き続き表示されます。
• Control UI によって作成されたローカルの blob: URL は引き続き表示されます。
• GitHub リンクプレビューのアバターは、Gateway が GitHub の固定アバターホストから取得し、制限付きの data: URL として返します。オペレーターのブラウザーがリモートのアバターホストに接続することはありません。
• チャンネルメタデータから出力されたリモートアバター URL は、Control UI のアバターヘルパーで除去され、組み込みのロゴまたはバッジに置き換えられます。そのため、侵害された、または悪意のあるチャンネルが、オペレーターのブラウザーに任意のリモート画像を取得させることはできません。

これは常に有効で、設定による変更はできません。

アバタールートの認証

Gateway 認証が設定されている場合、Control UI のアバターエンドポイントには、API の他の部分と同じ Gateway トークンが必要です。

• GET /avatar/<agentId> は、認証済みの呼び出し元にのみアバター画像を返します。GET /avatar/<agentId>?meta=1 は、同じルールに従ってアバターのメタデータを返します。
• どちらのルートに対する未認証リクエストも拒否されるため（同階層のアシスタントメディアルートと同じ動作）、他の部分が保護されているホストでアバタールートからエージェント ID が漏洩することはありません。
• Control UI はアバター取得時に Gateway トークンを Bearer ヘッダーとして転送し、認証済みの blob URL を使用するため、ダッシュボードでも画像が引き続き表示されます。

Gateway 認証を無効にすると（共有ホストでは非推奨）、Gateway の他の部分と同様に、アバタールートも未認証になります。

アシスタントメディアルートの認証

Gateway 認証が設定されている場合、アシスタントのローカルメディアプレビューでは 2 段階のルートを使用します。

• GET /__openclaw__/assistant-media?meta=1&source=<path> には通常の Control UI オペレーター認証が必要です。ブラウザーは利用可否を確認するときに、Gateway トークンを Bearer ヘッダーとして送信します。
• 成功したメタデータレスポンスには、その正確なソースパスに限定された有効期間の短い mediaTicket が含まれます。
• ブラウザーで表示される画像、音声、動画、ドキュメントの URL では、有効な Gateway トークンやパスワードの代わりに mediaTicket=<ticket> を使用します。このチケットは短時間で期限切れになり、別のソースを認可することはできません。

これにより、再利用可能な Gateway 認証情報を表示可能なメディア URL に含めることなく、ブラウザー標準のメディア要素との互換性を維持できます。

承認リンク

オペレーターへの承認通知は、予約済みの ${controlUiBasePath}/approve/{approvalId} 名前空間で配信されるスタンドアロンの承認ドキュメントにディープリンクできます（たとえば /approve/<approvalId>、またはベースパスを設定している場合は /openclaw/approve/<approvalId>）。URL は承認の有効期間中は変わらず、自分のデバイス間で安全に転送できます。この URL は承認を識別するだけで、認可することはありません。

• 1 セグメントの /approve/<approvalId> 名前空間は、すべての HTTP メソッドについて Plugin の HTTP ルートより先に Gateway によって予約されるため、Plugin ルートが承認ドキュメントを隠したり傍受したりすることはありません。
• 承認ドキュメントを開くには、Control UI の他の部分と同じ Gateway 認証（トークン／パスワード、Tailscale Serve ID、または信頼済みプロキシ ID）が必要です。認証情報が承認 URL の一部になることはありません。
• Control UI の配信が無効な場合、この名前空間へのリクエストは Plugin ハンドラーにフォールスルーせず、404 を返します。
• 承認ドキュメントでのサインインは、そのページ限りの一時的なものです。同じブラウザーの完全な Control UI に保存された Gateway の選択や設定を上書きすることはありません。

Gateway は dist/control-ui から静的ファイルを配信します。

pnpm ui:build

オプションの絶対ベース（固定アセット URL）:

OPENCLAW_CONTROL_UI_BASE_PATH=/openclaw/ pnpm ui:build

ローカル開発（別の開発サーバー）:

pnpm ui:dev

次に、UI の接続先を Gateway の WS URL（例: ws://127.0.0.1:18789）に設定します。

Control UI が空白になる場合

ブラウザーに空白のダッシュボードが読み込まれ、DevTools に有用なエラーが表示されない場合、拡張機能または早期に実行されるコンテンツスクリプトによって、JavaScript モジュールアプリの評価が妨げられた可能性があります。静的ページには、起動後に <openclaw-app> が登録されていない場合に表示される、プレーン HTML の復旧パネルが含まれています。

ブラウザー環境を変更した後にパネルの Try again アクションを使用するか、次の項目を確認してから手動で再読み込みしてください。

• すべてのページに挿入される拡張機能、特に <all_urls> コンテンツスクリプトを持つ拡張機能を無効にします。
• プライベートウィンドウ、クリーンなブラウザープロファイル、または別のブラウザーを試します。
• Gateway を実行したままにし、ブラウザーを変更した後も同じダッシュボード URL が表示されることを確認します。

デバッグ／テスト: 開発サーバー + リモート Gateway

Control UI は静的ファイルで構成されています。WebSocket の接続先は設定可能で、HTTP オリジンと異なっていてもかまいません。Vite 開発サーバーをローカルで実行し、Gateway を別の場所で実行する場合に便利です。

pnpm ui:dev

http://localhost:5173/?gatewayUrl=ws%3A%2F%2F<gateway-host>%3A18789

http://localhost:5173/?gatewayUrl=wss%3A%2F%2F<gateway-host>%3A18789#token=<gateway-token>

{  gateway: {    controlUi: {      allowedOrigins: ["http://localhost:5173"],    },  },}

リモートアクセスの設定詳細: リモートアクセス。

関連項目

• ダッシュボード — Gateway ダッシュボード
• ヘルスチェック — Gateway の正常性監視
• TUI — ターミナルユーザーインターフェース
• WebChat — ブラウザベースのチャットインターフェース