| 1 | <html> |
| 2 | <head> |
| 3 | <title>External MCP Servers</title> |
| 4 | </head> |
| 5 | |
| 6 | <body> |
| 7 | <div x-data="{ get settings() { return $store.settings.settings } }"> |
| 8 | <template x-if="settings"> |
| 9 | <div> |
| 10 | <div class="section-title">External MCP Servers</div> |
| 11 | <div class="section-description"> |
| 12 | Connect local or remote MCP servers so their tools become available to the agent. |
| 13 | </div> |
| 14 | |
| 15 | <div class="field"> |
| 16 | <div class="field-label"> |
| 17 | <div class="field-title">MCP Servers Configuration</div> |
| 18 | <div class="field-description">Add servers, inspect status, and review their exposed tools.</div> |
| 19 | </div> |
| 20 | <div class="field-control"> |
| 21 | <button |
| 22 | class="btn btn-field" |
| 23 | @click="$store.settings.handleFieldButton({ id: 'mcp_servers_config' })" |
| 24 | > |
| 25 | Open |
| 26 | </button> |
| 27 | </div> |
| 28 | </div> |
| 29 | |
| 30 | <div class="settings-advanced-section" x-data="{ advOpen: false }"> |
| 31 | <button type="button" class="settings-advanced-toggle" @click="advOpen = !advOpen"> |
| 32 | <x-icon class="settings-advanced-toggle-icon" |
| 33 | :style="advOpen ? 'transform:rotate(90deg)' : ''" name="chevron_right"></x-icon> |
| 34 | <span>Advanced Settings</span> |
| 35 | </button> |
| 36 | |
| 37 | <div class="settings-advanced-body" x-show="advOpen" x-transition.opacity> |
| 38 | <div class="field"> |
| 39 | <div class="field-label"> |
| 40 | <div class="field-title">Startup timeout</div> |
| 41 | <div class="field-description"> |
| 42 | How long Agent Zero waits for an MCP server to initialize before marking it unavailable. |
| 43 | </div> |
| 44 | </div> |
| 45 | <div class="field-control"> |
| 46 | <input type="number" x-model.number="settings.mcp_client_init_timeout" /> |
| 47 | </div> |
| 48 | </div> |
| 49 | |
| 50 | <div class="field"> |
| 51 | <div class="field-label"> |
| 52 | <div class="field-title">Tool call timeout</div> |
| 53 | <div class="field-description"> |
| 54 | Maximum time a single MCP tool call may run before it is treated as failed. |
| 55 | </div> |
| 56 | </div> |
| 57 | <div class="field-control"> |
| 58 | <input type="number" x-model.number="settings.mcp_client_tool_timeout" /> |
| 59 | </div> |
| 60 | </div> |
| 61 | </div> |
| 62 | </div> |
| 63 | </div> |
| 64 | </template> |
| 65 | </div> |
| 66 | </body> |
| 67 | </html> |