feat: implement MCP UIs

web/src/core/api/chat.ts

@@ -1,11 +1,11 @@
 // Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 // SPDX-License-Identifier: MIT
 
-import { env } from "~/env";
-
+import type { MCPServerMetadata } from "../mcp";
 import { fetchStream } from "../sse";
 import { sleep } from "../utils";
 
+import { resolveServiceURL } from "./resolve-service-url";
 import type { ChatEvent } from "./types";
 
 export function chatStream(
@@ -15,23 +15,29 @@ export function chatStream(
     max_plan_iterations: number;
     max_step_num: number;
     interrupt_feedback?: string;
+    mcp_settings?: {
+      servers: Record<
+        string,
+        MCPServerMetadata & {
+          enabled_tools: string[];
+          add_to_agents: string[];
+        }
+      >;
+    };
   },
   options: { abortSignal?: AbortSignal } = {},
 ) {
   if (location.search.includes("mock")) {
     return chatStreamMock(userMessage, params, options);
   }
-  return fetchStream<ChatEvent>(
-    (env.NEXT_PUBLIC_API_URL ?? "http://localhost:8000/api") + "/chat/stream",
-    {
-      body: JSON.stringify({
-        messages: [{ role: "user", content: userMessage }],
-        auto_accepted_plan: false,
-        ...params,
-      }),
-      signal: options.abortSignal,
-    },
-  );
+  return fetchStream<ChatEvent>(resolveServiceURL("chat/stream"), {
+    body: JSON.stringify({
+      messages: [{ role: "user", content: userMessage }],
+      auto_accepted_plan: false,
+      ...params,
+    }),
+    signal: options.abortSignal,
+  });
 }
 
 async function* chatStreamMock(

web/src/core/api/index.ts

@@ -2,4 +2,6 @@
 // SPDX-License-Identifier: MIT
 
 export * from "./chat";
+export * from "./mcp";
+export * from "./podcast";
 export * from "./types";

web/src/core/api/mcp.ts

@@ -0,0 +1,20 @@
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
+import type { SimpleMCPServerMetadata } from "../mcp";
+
+import { resolveServiceURL } from "./resolve-service-url";
+
+export async function queryMCPServerMetadata(config: SimpleMCPServerMetadata) {
+  const response = await fetch(resolveServiceURL("mcp/server/metadata"), {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(config),
+  });
+  if (!response.ok) {
+    throw new Error(`HTTP error! status: ${response.status}`);
+  }
+  return response.json();
+}

web/src/core/api/podcast.ts

@@ -1,20 +1,16 @@
 // Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 // SPDX-License-Identifier: MIT
 
-import { env } from "~/env";
+import { resolveServiceURL } from "./resolve-service-url";
 
 export async function generatePodcast(content: string) {
-  const response = await fetch(
-    (env.NEXT_PUBLIC_API_URL ?? "http://localhost:8000/api") +
-      "/podcast/generate",
-    {
-      method: "post",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ content }),
+  const response = await fetch(resolveServiceURL("podcast/generate"), {
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
     },
-  );
+    body: JSON.stringify({ content }),
+  });
   if (!response.ok) {
     throw new Error(`HTTP error! status: ${response.status}`);
   }

web/src/core/api/resolve-service-url.ts

@@ -0,0 +1,12 @@
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
+import { env } from "~/env";
+
+export function resolveServiceURL(path: string) {
+  let BASE_URL = env.NEXT_PUBLIC_API_URL ?? "http://localhost:8000/api/";
+  if (!BASE_URL.endsWith("/")) {
+    BASE_URL += "/";
+  }
+  return new URL(path, BASE_URL).toString();
+}