Spaces:
Paused
Paused
File size: 2,563 Bytes
7f812c5 875a333 7f812c5 21051cf 1529dc0 7f812c5 21051cf 7f812c5 428b929 875a333 7f812c5 428b929 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | <html>
<head>
<title>Connection to A0 MCP Server</title>
</head>
<body>
<div x-data>
<p>Agent Zero MCP Server is an SSE MCP running on the same URL and port as the Web UI + /mcp/sse or /mcp/http path.</p>
<p>The same applies if you run A0 on a public URL using a tunnel.</p>
<!-- API Token Information -->
<div style="background-color: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: 6px; padding: 12px; margin: 16px 0;">
<h4 style="margin: 0 0 8px 0; color: var(--color-text-primary);">API Token Information</h4>
<p style="margin: 0; color: var(--color-text-secondary); font-size: 14px;">
The token used in the URL is automatically generated from your username and password.
This same token is also used for external API endpoints. The token changes when you update your credentials.
</p>
</div>
<h3>Example MCP Server Configuration JSON</h3>
<div id="mcp-server-example"></div>
<script>
setTimeout(() => {
const url = window.location.origin;
const token = settingsModalProxy.settings.sections.filter(x => x.id == "mcp_server")[0].fields.filter(x => x.id == "mcp_server_token")[0].value;
const jsonExample = JSON.stringify({
"mcpServers":
{
"agent-zero": {
"type": "sse",
"url": `${url}/mcp/t-${token}/sse`
},
"agent-zero-http": {
"type": "streamable-http",
"url": `${url}/mcp/t-${token}/http`
}
}
}, null, 2);
const editor = ace.edit("mcp-server-example");
const dark = localStorage.getItem("darkMode");
if (dark != "false") {
editor.setTheme("ace/theme/github_dark");
} else {
editor.setTheme("ace/theme/tomorrow");
}
editor.session.setMode("ace/mode/json");
editor.setValue(jsonExample);
editor.clearSelection();
editor.setReadOnly(true);
}, 0);
</script>
<!-- </template> -->
</div>
<style>
#mcp-server-example {
width: 100%;
height: 15em;
}
</style>
</body>
</html>
|