Control UI

• डिफ़ॉल्ट: http://<host>:18789/
• वैकल्पिक prefix: gateway.controlUi.basePath सेट करें (जैसे /openclaw)

​

तुरंत खोलें (स्थानीय)

• http://127.0.0.1:18789/ (या http://localhost:18789/)

• connect.params.auth.token
• connect.params.auth.password
• Tailscale Serve identity headers, जब gateway.auth.allowTailscale: true हो
• trusted-proxy identity headers, जब gateway.auth.mode: "trusted-proxy" हो

​

डिवाइस pairing (पहला connection)

openclaw devices list

openclaw devices approve <requestId>

​

व्यक्तिगत identity (browser-local)

​

Runtime config endpoint

​

भाषा support

• Supported locales: en, zh-CN, zh-TW, pt-BR, de, es, ja-JP, ko, fr, ar, it, tr, uk, id, pl, th, vi, nl, fa
• Non-English translations browser में lazy-loaded होती हैं.
• चुना गया locale browser storage में save होता है और future visits पर reuse होता है.
• Missing translation keys वापस English पर fall back करती हैं.

​

Appearance themes

​

यह क्या कर सकता है (आज)

​

MCP पेज

1. sidebar से MCP खोलें।
2. total, enabled, OAuth, और filtered server counts के लिए summary cards जाँचें।
3. transport, enablement, auth, filters, timeouts, और command hints के लिए प्रत्येक server row की समीक्षा करें।
4. जब किसी server को configured रहना चाहिए लेकिन runtime discovery से बाहर रखना हो, तो enablement toggle करें।
5. server definitions, headers, TLS/mTLS paths, OAuth metadata, tool filters, और Codex projection metadata के लिए scoped mcp config section edit करें।
6. config write के लिए Save का उपयोग करें, या जब running Gateway को बदला हुआ config लागू करना हो तो Save & Publish का उपयोग करें।
7. जब edited process को static diagnostics, live proof, या cached-runtime disposal की आवश्यकता हो, तो terminal से openclaw mcp status --verbose, openclaw mcp doctor --probe, या openclaw mcp reload चलाएँ।

​

Activity टैब

​

Chat व्यवहार

​

PWA install और web push

• OPENCLAW_VAPID_PUBLIC_KEY
• OPENCLAW_VAPID_PRIVATE_KEY
• OPENCLAW_VAPID_SUBJECT (डिफ़ॉल्ट https://openclaw.ai है)

• push.web.vapidPublicKey — सक्रिय VAPID public key fetch करता है।
• push.web.subscribe — endpoint और keys.p256dh/keys.auth register करता है।
• push.web.unsubscribe — registered endpoint हटाता है।
• push.web.test — caller के subscription को test notification भेजता है।

​

Hosted embeds

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

​

Chat message width

{
  gateway: {
    controlUi: {
      chatMessageMaxWidth: "min(1280px, 82%)",
    },
  },
}

​

Tailnet access (recommended)

openclaw gateway --tailscale serve

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

​

Insecure HTTP

• gateway.controlUi.allowInsecureAuth=true के साथ localhost-only insecure HTTP compatibility
• gateway.auth.mode: "trusted-proxy" के माध्यम से सफल operator Control UI auth
• break-glass gateway.controlUi.dangerouslyDisableDeviceAuth=true

• https://<magicdns>/ (Serve)
• http://127.0.0.1:18789/ (gateway host पर)

{
  gateway: {
    controlUi: { allowInsecureAuth: true },
    bind: "tailnet",
    auth: { mode: "token", token: "replace-me" },
  },
}

{
  gateway: {
    controlUi: { dangerouslyDisableDeviceAuth: true },
    bind: "tailnet",
    auth: { mode: "token", token: "replace-me" },
  },
}

​

Content security policy

• Relative paths के अंतर्गत served avatars और images (उदाहरण के लिए /avatars/<id>) अभी भी render होते हैं, authenticated avatar routes सहित जिन्हें UI fetch करता है और local blob: URLs में convert करता है।
• Inline data:image/... URLs अभी भी render होते हैं (in-protocol payloads के लिए उपयोगी)।
• Control UI द्वारा बनाए गए local blob: URLs अभी भी render होते हैं।
• Channel metadata द्वारा emitted remote avatar URLs Control UI के avatar helpers पर stripped होते हैं और built-in logo/badge से replaced होते हैं, इसलिए compromised या malicious channel operator browser से arbitrary remote image fetches force नहीं कर सकता।

​

Avatar route auth

• GET /avatar/<agentId> केवल authenticated callers को avatar image return करता है। GET /avatar/<agentId>?meta=1 उसी rule के अंतर्गत avatar metadata return करता है।
• किसी भी route पर unauthenticated requests rejected होते हैं (sibling assistant-media route से match करते हुए)। यह avatar route को उन hosts पर agent identity leak करने से रोकता है जो अन्यथा protected हैं।
• Control UI स्वयं avatars fetch करते समय gateway token को bearer header के रूप में forward करता है, और authenticated blob URLs का उपयोग करता है ताकि image dashboards में अभी भी render हो।

​

Assistant media route auth

• GET /__openclaw__/assistant-media?meta=1&source=<path> को normal Control UI operator auth चाहिए। Availability check करते समय browser gateway token को bearer header के रूप में भेजता है।
• Successful metadata responses में उस exact source path तक scoped short-lived mediaTicket शामिल होता है।
• Browser-rendered image, audio, video, और document URLs active gateway token या password के बजाय mediaTicket=<ticket> का उपयोग करते हैं। Ticket जल्दी expire हो जाता है और किसी different source को authorize नहीं कर सकता।

​

Building the UI

pnpm ui:build

OPENCLAW_CONTROL_UI_BASE_PATH=/openclaw/ pnpm ui:build

pnpm ui:dev

​

Blank Control UI page

• उन extensions को disable करें जो सभी pages में inject करते हैं, विशेषकर <all_urls> content scripts वाली extensions।
• Private window, clean browser profile, या कोई दूसरा browser आज़माएँ।
• Gateway running रखें और browser change के बाद वही dashboard URL verify करें।

​

Debugging/testing: dev server + remote 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"],
    },
  },
}

​

संबंधित

• Dashboard — gateway dashboard
• Health Checks — gateway health monitoring
• TUI — terminal user interface
• WebChat — browser-based chat interface