d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-06-19 07:12:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refine Browser naming and managed MCP UX

Browse Source 
- Rename Browser Use surfaces to Browser
- Register Browser MCP under the new server name
- Mark CloudCLI-managed MCP servers read-only
- Adjust MCP stdio framing and sidebar footer sizing
This commit is contained in:
Simos Mikelatos
2026-06-17 19:18:23 +00:00
parent 9881e5e366
commit 59194d1502
17 changed files with 166 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/settings/view/tabs/browser-use-settings/BrowserUseSettingsTab.tsx
View File

@@ -52,7 +52,7 @@ export default function BrowserUseSettingsTab() {
useEffect(() => {
setIsLoading(true);
void loadState()
.catch((err) => setError(err instanceof Error ? err.message : 'Failed to load Browser Use settings'))
.catch((err) => setError(err instanceof Error ? err.message : 'Failed to load Browser settings'))
.finally(() => setIsLoading(false));
}, [loadState]);
@@ -69,7 +69,7 @@ export default function BrowserUseSettingsTab() {
window.dispatchEvent(new Event('browserUseSettingsChanged'));
await loadState();
} catch (err) {
setError(err instanceof Error ? err.message : 'Failed to save Browser Use settings');
setError(err instanceof Error ? err.message : 'Failed to save Browser settings');
} finally {
setIsSaving(false);
}
@@ -94,18 +94,18 @@ export default function BrowserUseSettingsTab() {
return (
<div className="space-y-8">
<SettingsSection
title="Browser Use"
description="Allow agents to create guarded Playwright browser sessions that you can monitor from the Browser Use tab."
title="Browser"
description="Allow agents to create guarded Playwright browser sessions that you can monitor from the Browser tab."
>
<SettingsCard divided>
<SettingsRow
label="Enable Browser Use"
description="Registers Browser Use for supported agents. Agents can create browser sessions; you can watch, stop, and delete them."
label="Enable Browser"
description="Registers Browser for supported agents. Agents can create browser sessions; you can watch, stop, and delete them."
>
<SettingsToggle
checked={settings.enabled}
onChange={(value) => void updateSettings({ enabled: value })}
ariaLabel="Enable Browser Use"
ariaLabel="Enable Browser"
disabled={isLoading || isSaving}
/>
</SettingsRow>
@@ -128,7 +128,7 @@ export default function BrowserUseSettingsTab() {
<div className="min-w-0 space-y-1">
<div className="text-sm font-medium text-foreground">Browser runtime required</div>
<p className="text-sm text-muted-foreground">
{status?.message || 'Install the browser runtime before agents can create Browser Use sessions.'}
{status?.message || 'Install the browser runtime before agents can create Browser sessions.'}
</p>
</div>