Background

CDP Settings UI was originally added in #1002 as part of the Chrome DevTools Protocol support feature. It provided a GUI in Settings → System for developers to enable/disable CDP remote debugging, view the active port, and copy MCP configuration.

However, this UI was accidentally removed in #1095 (commit 9ec4804) while fixing tray IPC and icon display issues.

What needs to be done

1. Restore the CDP Settings UI that was removed — including:

   • Enable/disable CDP toggle (dev mode only)
   • Current port display with copy and open-in-browser actions
   • MCP configuration display with one-click copy
   • Restart alert when config changes but hasn't taken effect yet

2. Add DevTools toggle button in System Settings for quick access to open/close DevTools

3. Pin chrome-devtools-mcp version to @0.16.0 in docs and CDP log output — the original code used @latest, which can break when upstream publishes breaking changes. The version in getDefaultMcpServers (used by WebUI end users) remains @latest since users should get the newest version.

Related

• feat(cdp): Add Chrome DevTools Protocol support for AI-assisted debugging #1002 — original CDP feature PR
• fix(tray): resolve IPC notification and icon display issues #1095 — PR that accidentally removed the UI (commit 9ec4804)