'\n + '' + esc(t.title) + ''\n + ''\n + '

'\n ).join(\"\");\n }\n\n // MCP servers\n const ms = document.getElementById(\"mcp-list\");\n if (ms) {\n ms.innerHTML = mcpServers.map((s, i) =>\n '

'\n + ''\n + ''\n + ''\n + '

'\n ).join(\"\")\n + '';\n }\n\n // Model select\n renderModelSelect();\n\n // Chat area\n const thread = getThread();\n const msgEl = document.getElementById(\"msgs\");\n if (!msgEl) return;\n\n if (!thread) {\n msgEl.innerHTML = '

⚡

MCP Router

OpenAI · Claude · Gemini — one API, any MCP server

';\n return;\n }\n\n let html = \"\";\n for (const m of thread.msgs) {\n if (m.role === \"user\") {\n html += '

' + esc(m.content) + '

';\n } else {\n // Tool calls before the message\n if (m.toolCalls?.length) {\n html += '

';\n for (const tc of m.toolCalls) {\n html += '

'\n + '

' + esc(tc.name) + ' via ' + esc(tc.serverLabel) + '

'\n + '

Arguments

' + esc(tc.arguments) + '

'\n + '

Output

' + esc(tc.output?.slice(0, 2000) || \"(empty)\") + '

'\n + '

';\n }\n html += '

'\n + '

' + providerBadge(m.provider) + ' ' + esc(m.model || \"\") + '

'\n + '

' + esc(m.content) + '

';\n }\n }\n\n if (busy) {\n html += '

Thinking

';\n }\n\n msgEl.innerHTML = html;\n msgEl.scrollTop = msgEl.scrollHeight;\n}\n\n// ── Event listeners ────────────────────────────────────────────────\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n const ta = document.getElementById(\"inp\");\n if (document.activeElement === ta) {\n e.preventDefault();\n send();\n }\n }\n});\n`;\n","deleted","label",[178,160],"ui","permalink","https://www.val.town/x/dcm31/mcp-router/code/ui/client.ts","extension","actionData","errors"]