display mcp token in json editor
3clyp50 committed
Jan 2, 2026 at 12:42 UTC
f1d12c7cc8b624f410bc8c7a60e5e7281fae7e37
3 files changed
+29
-24
webui/components/settings/a2a/a2a-connection.html
+15
-8
@@ -10,14 +10,21 @@
10
<p>Other agents can connect using the URL below (replace host if needed):</p>
11
12
<!-- API Token Information -->
13
- <div
14
- style="background-color: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: 6px; padding: 12px; margin: 16px 0;">
15
- <h4 style="margin: 0 0 8px 0; color: var(--color-text-primary);">API Token Information</h4>
16
- <p style="margin: 0; color: var(--color-text-secondary); font-size: 14px;">
17
- The token used in the URL is automatically generated from your username and password.
18
- This same token is also used for external API endpoints. The token changes when you update your
19
- credentials.
20
- </p>
13
+ <div x-data>
14
+ <template x-if="$store.settingsStore.settings">
15
+ <div style="background-color: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: 6px; padding: 12px; margin: 16px 0;">
16
+ <h4 style="margin: 0 0 8px 0; color: var(--color-text-primary);">API Token Information</h4>
17
+ <p style="margin: 0 0 8px 0; color: var(--color-text-secondary); font-size: 14px;">
18
+ The token used in the URL is automatically generated from your username and password.
19
+ This same token is also used for external API endpoints. The token changes when you update your
20
+ credentials.
21
+ </p>
22
+ <div style="margin-top: 8px;">
23
+ <label style="display: block; margin-bottom: 4px; color: var(--color-text-secondary); font-size: 12px; font-weight: 600;">Token:</label>
24
+ <input type="text" readonly x-model="$store.settingsStore.settings.mcp_server_token" style="width: 100%; padding: 6px 8px; background-color: var(--color-bg-primary); color: var(--color-text-primary); border: 1px solid var(--color-border); border-radius: 4px; font-family: monospace; font-size: 13px;" />
25
+ </div>
26
+ </div>
27
+ </template>
28
</div>
29
30
<h3>A2A Connection URL</h3>
webui/components/settings/mcp/mcp_server.html
-10
@@ -26,16 +26,6 @@
26
</label>
27
</div>
28
</div>
29
-
30
- <div class="field field-full">
31
- <div class="field-label">
32
- <div class="field-title">MCP Server Token</div>
33
- <div class="field-description">Token for MCP server authentication.</div>
34
- </div>
35
- <div class="field-control">
36
- <input type="text" readonly x-model="settings.mcp_server_token" />
37
- </div>
38
- </div>
29
</div>
30
</template>
31
</div>
webui/components/settings/mcp/server/example.html
+14
-6
@@ -11,12 +11,20 @@
11
<p>The same applies if you run A0 on a public URL using a tunnel.</p>
12
13
<!-- API Token Information -->
14
- <div style="background-color: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: 6px; padding: 12px; margin: 16px 0;">
15
- <h4 style="margin: 0 0 8px 0; color: var(--color-text-primary);">API Token Information</h4>
16
- <p style="margin: 0; color: var(--color-text-secondary); font-size: 14px;">
17
- The token used in the URL is automatically generated from your username and password.
18
- This same token is also used for external API endpoints. The token changes when you update your credentials.
19
- </p>
14
+ <div x-data>
15
+ <template x-if="$store.settingsStore.settings">
16
+ <div style="background-color: var(--color-bg-secondary); border: 1px solid var(--color-border); border-radius: 6px; padding: 12px; margin: 16px 0;">
17
+ <h4 style="margin: 0 0 8px 0; color: var(--color-text-primary);">API Token Information</h4>
18
+ <p style="margin: 0 0 8px 0; color: var(--color-text-secondary); font-size: 14px;">
19
+ The token used in the URL is automatically generated from your username and password.
20
+ This same token is also used for external API endpoints. The token changes when you update your credentials.
21
+ </p>
22
+ <div style="margin-top: 8px;">
23
+ <label style="display: block; margin-bottom: 4px; color: var(--color-text-secondary); font-size: 12px; font-weight: 600;">Token:</label>
24
+ <input type="text" readonly x-model="$store.settingsStore.settings.mcp_server_token" style="width: 100%; padding: 6px 8px; background-color: var(--color-bg-primary); color: var(--color-text-primary); border: 1px solid var(--color-border); border-radius: 4px; font-family: monospace; font-size: 13px;" />
25
+ </div>
26
+ </div>
27
+ </template>
28
</div>
29
30
<h3>Example MCP Server Configuration JSON</h3>