agent-zero/webui/components/settings/mcp/mcp_client.html
Alessandro a1c12e9247 Refine settings and remote access UX
Restyle Settings and standard modals around a streamlined left-rail layout, clearer section hierarchy, advanced settings disclosures, and stronger update states.

Add persistent update visibility with quieter once-daily update notifications, plus Remote Link and Space Agent actions in the canvas rail. Refresh the tunnel experience as a normal Remote Link modal with clearer copy, QR/mobile affordances, and safer state handling.
2026-04-27 02:48:23 +02:00

67 lines
2.6 KiB
HTML

<html>
<head>
<title>External MCP Servers</title>
</head>
<body>
<div x-data="{ get settings() { return $store.settings.settings } }">
<template x-if="settings">
<div>
<div class="section-title">External MCP Servers</div>
<div class="section-description">
Connect local or remote MCP servers so their tools become available to the agent.
</div>
<div class="field">
<div class="field-label">
<div class="field-title">MCP Servers Configuration</div>
<div class="field-description">Add servers, inspect status, and review their exposed tools.</div>
</div>
<div class="field-control">
<button
class="btn btn-field"
@click="$store.settings.handleFieldButton({ id: 'mcp_servers_config' })"
>
Open
</button>
</div>
</div>
<div class="settings-advanced-section" x-data="{ advOpen: false }">
<button type="button" class="settings-advanced-toggle" @click="advOpen = !advOpen">
<span class="material-symbols-outlined settings-advanced-toggle-icon"
:style="advOpen ? 'transform:rotate(90deg)' : ''">chevron_right</span>
<span>Advanced Settings</span>
</button>
<div class="settings-advanced-body" x-show="advOpen" x-transition.opacity>
<div class="field">
<div class="field-label">
<div class="field-title">Startup timeout</div>
<div class="field-description">
How long Agent Zero waits for an MCP server to initialize before marking it unavailable.
</div>
</div>
<div class="field-control">
<input type="number" x-model.number="settings.mcp_client_init_timeout" />
</div>
</div>
<div class="field">
<div class="field-label">
<div class="field-title">Tool call timeout</div>
<div class="field-description">
Maximum time a single MCP tool call may run before it is treated as failed.
</div>
</div>
<div class="field-control">
<input type="number" x-model.number="settings.mcp_client_tool_timeout" />
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</body>
</html>