@mcp-use/inspector 12.0.0 → 12.0.1-canary.0

package/dist/cdn/inspector.js

@@ -26903,7 +26903,7 @@ var Ud = class {
 //#region src/client/telemetry/utils.ts
 function of() {
 	try {
-		return "12.0.0";
+		return "12.0.1-canary.0";
 	} catch {
 		return "0.0.0";
 	}
@@ -48446,9 +48446,9 @@ var TM, EM, DM, OM, kM, AM, jM, MM, NM, PM, FM, IM, LM, RM, zM, BM, VM, HM, UM,
 	}(), uce);
 }));
 //#endregion
-//#region ../mcp-use/dist/chunk-XS2ZMBOG.js
+//#region ../mcp-use/dist/chunk-36SPEUMU.js
 Xp();
-var hce = "1.34.0";
+var hce = "1.34.1-canary.0";
 function _R() {
 	return hce;
 }
@@ -56348,41 +56348,54 @@ var mde = class {
 	getKey(e) {
 		return this.session.getKey(e);
 	}
+	reanchorWellKnownUrl(e) {
+		if (!this.connectionUrl) return e;
+		try {
+			let t = new URL(e), n = new URL(this.connectionUrl);
+			if (t.origin !== n.origin || !t.pathname.startsWith("/.well-known/")) return e;
+			let r = new URL(this.serverUrl), [i, ...a] = t.pathname.slice(13).split("/");
+			if (!i) return e;
+			let o = a.length ? `/${a.join("/")}` : "", s = n.pathname.replace(/\/+$/, ""), c = r.pathname.replace(/\/+$/, ""), l = o && o === s ? c : o;
+			return `${r.origin}/.well-known/${i}${l}${t.search}`;
+		} catch {
+			return e;
+		}
+	}
 	getProxyFetch(e) {
 		if (!this.proxyOAuthRequests || !this.oauthProxyUrl) return e;
 		let t = e ?? globalThis.fetch.bind(globalThis), n = this.oauthProxyUrl, r = this.connectionUrl, i = this.serverUrl;
 		return async (e, a) => {
-			let o = typeof e == "string" ? e : e instanceof URL ? e.toString() : e.url;
-			if (!(o.includes("/.well-known/") || o.match(/\/(register|token|authorize)$/))) return await t(e, a);
+			let o = typeof e == "string" ? e : e instanceof URL ? e.toString() : e.url, s = this.reanchorWellKnownUrl(o);
+			if (!(s.includes("/.well-known/") || s.match(/\/(register|token|authorize)$/))) return await t(e, a);
 			try {
-				let r = new URL(o), i = new URL(n);
-				if (r.origin === i.origin && (r.pathname.startsWith(i.pathname) || o.includes("/inspector/api/oauth"))) return await t(e, a);
+				let r = new URL(s), i = new URL(n);
+				if (r.origin === i.origin && (r.pathname.startsWith(i.pathname) || s.includes("/inspector/api/oauth"))) return await t(e, a);
 			} catch {}
 			try {
-				let e = o.includes("/.well-known/"), s = e ? `${n}/metadata?url=${encodeURIComponent(o)}` : `${n}/proxy`;
-				if (console.log(`[OAuth Proxy] Routing ${e ? "metadata" : "request"} through: ${s}`), e) {
+				let e = s.includes("/.well-known/"), o = e ? `${n}/metadata?url=${encodeURIComponent(s)}` : `${n}/proxy`;
+				if (console.log(`[OAuth Proxy] Routing ${e ? "metadata" : "request"} through: ${o}`), e) {
 					let e = { ...a?.headers ? Object.fromEntries(new Headers(a.headers)) : {} };
 					r && (e["X-Connection-URL"] = r);
-					let n = new URL(s);
+					let n = new URL(o);
 					i && n.searchParams.set("mcp_url", i);
-					let o = await t(n.toString(), {
+					let s = await t(n.toString(), {
 						...a,
 						method: "GET",
 						headers: e
 					});
 					try {
-						if ((o.headers.get("content-type") || "").includes("application/json")) {
-							let e = await o.clone().json(), t = e && typeof e == "object" && typeof e._original_resource == "string" ? e._original_resource : null;
+						if ((s.headers.get("content-type") || "").includes("application/json")) {
+							let e = await s.clone().json(), t = e && typeof e == "object" && typeof e._original_resource == "string" ? e._original_resource : null;
 							t && (this._lastOriginalResource = t);
 						}
 					} catch {}
-					return o;
+					return s;
 				}
-				let c = a?.body ? await pde(a.body) : void 0, l = await (await t(s, {
+				let c = a?.body ? await pde(a.body) : void 0, l = await (await t(o, {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify({
-						url: o,
+						url: s,
 						method: a?.method || "POST",
 						headers: a?.headers ? Object.fromEntries(new Headers(a.headers)) : {},
 						body: c
@@ -56394,7 +56407,7 @@ var mde = class {
 					headers: new Headers(l.headers)
 				});
 			} catch (n) {
-				return console.error("[OAuth Proxy] Request failed, falling back to direct fetch:", n), await t(e, a);
+				return console.error("[OAuth Proxy] Request failed, falling back to direct fetch:", n), s === o ? await t(e, a) : await t(s, a);
 			}
 		};
 	}
@@ -146422,7 +146435,7 @@ var o4e = class e {
 	}
 };
 //#endregion
-//#region ../mcp-use/dist/chunk-VWJXSLCF.js
+//#region ../mcp-use/dist/chunk-N3DGPXFX.js
 Xp();
 var s4e = class {
 	static {
@@ -146491,41 +146504,54 @@ var l4e = class {
 	getKey(e) {
 		return this.session.getKey(e);
 	}
+	reanchorWellKnownUrl(e) {
+		if (!this.connectionUrl) return e;
+		try {
+			let t = new URL(e), n = new URL(this.connectionUrl);
+			if (t.origin !== n.origin || !t.pathname.startsWith("/.well-known/")) return e;
+			let r = new URL(this.serverUrl), [i, ...a] = t.pathname.slice(13).split("/");
+			if (!i) return e;
+			let o = a.length ? `/${a.join("/")}` : "", s = n.pathname.replace(/\/+$/, ""), c = r.pathname.replace(/\/+$/, ""), l = o && o === s ? c : o;
+			return `${r.origin}/.well-known/${i}${l}${t.search}`;
+		} catch {
+			return e;
+		}
+	}
 	getProxyFetch(e) {
 		if (!this.proxyOAuthRequests || !this.oauthProxyUrl) return e;
 		let t = e ?? globalThis.fetch.bind(globalThis), n = this.oauthProxyUrl, r = this.connectionUrl, i = this.serverUrl;
 		return async (e, a) => {
-			let o = typeof e == "string" ? e : e instanceof URL ? e.toString() : e.url;
-			if (!(o.includes("/.well-known/") || o.match(/\/(register|token|authorize)$/))) return await t(e, a);
+			let o = typeof e == "string" ? e : e instanceof URL ? e.toString() : e.url, s = this.reanchorWellKnownUrl(o);
+			if (!(s.includes("/.well-known/") || s.match(/\/(register|token|authorize)$/))) return await t(e, a);
 			try {
-				let r = new URL(o), i = new URL(n);
-				if (r.origin === i.origin && (r.pathname.startsWith(i.pathname) || o.includes("/inspector/api/oauth"))) return await t(e, a);
+				let r = new URL(s), i = new URL(n);
+				if (r.origin === i.origin && (r.pathname.startsWith(i.pathname) || s.includes("/inspector/api/oauth"))) return await t(e, a);
 			} catch {}
 			try {
-				let e = o.includes("/.well-known/"), s = e ? `${n}/metadata?url=${encodeURIComponent(o)}` : `${n}/proxy`;
-				if (console.log(`[OAuth Proxy] Routing ${e ? "metadata" : "request"} through: ${s}`), e) {
+				let e = s.includes("/.well-known/"), o = e ? `${n}/metadata?url=${encodeURIComponent(s)}` : `${n}/proxy`;
+				if (console.log(`[OAuth Proxy] Routing ${e ? "metadata" : "request"} through: ${o}`), e) {
 					let e = { ...a?.headers ? Object.fromEntries(new Headers(a.headers)) : {} };
 					r && (e["X-Connection-URL"] = r);
-					let n = new URL(s);
+					let n = new URL(o);
 					i && n.searchParams.set("mcp_url", i);
-					let o = await t(n.toString(), {
+					let s = await t(n.toString(), {
 						...a,
 						method: "GET",
 						headers: e
 					});
 					try {
-						if ((o.headers.get("content-type") || "").includes("application/json")) {
-							let e = await o.clone().json(), t = e && typeof e == "object" && typeof e._original_resource == "string" ? e._original_resource : null;
+						if ((s.headers.get("content-type") || "").includes("application/json")) {
+							let e = await s.clone().json(), t = e && typeof e == "object" && typeof e._original_resource == "string" ? e._original_resource : null;
 							t && (this._lastOriginalResource = t);
 						}
 					} catch {}
-					return o;
+					return s;
 				}
-				let c = a?.body ? await c4e(a.body) : void 0, l = await (await t(s, {
+				let c = a?.body ? await c4e(a.body) : void 0, l = await (await t(o, {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify({
-						url: o,
+						url: s,
 						method: a?.method || "POST",
 						headers: a?.headers ? Object.fromEntries(new Headers(a.headers)) : {},
 						body: c
@@ -146537,7 +146563,7 @@ var l4e = class {
 					headers: new Headers(l.headers)
 				});
 			} catch (n) {
-				return console.error("[OAuth Proxy] Request failed, falling back to direct fetch:", n), await t(e, a);
+				return console.error("[OAuth Proxy] Request failed, falling back to direct fetch:", n), s === o ? await t(e, a) : await t(s, a);
 			}
 		};
 	}

package/dist/cli.js

@@ -3333,7 +3333,7 @@ function getClientDistPath() {
 var package_default = {
   name: "@mcp-use/inspector",
   type: "module",
-  version: "12.0.0",
+  version: "12.0.1-canary.0",
   description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
   author: "",
   license: "MIT",
@@ -3412,7 +3412,7 @@ var package_default = {
   },
   peerDependencies: {
     express: "^4.21.2 || ^5.0.0",
-    "mcp-use": ">=1.34.0-canary.0",
+    "mcp-use": ">=1.34.1-canary.0",
     react: "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router": "^7.12.0"

package/dist/server/chunk-2EBTJWD2.js

@@ -0,0 +1,71 @@
+import {
+  registerInspectorRoutes
+} from "./chunk-A4VH7AIP.js";
+import {
+  registerStaticRoutes
+} from "./chunk-FK3HQLBD.js";
+import {
+  checkClientFiles,
+  getClientDistPath
+} from "./chunk-IDMHJUEM.js";
+
+// src/server/middleware.ts
+import { Hono } from "hono";
+function mountInspector(app, config) {
+  const clientDistPath = getClientDistPath();
+  if (!checkClientFiles(clientDistPath)) {
+    console.warn(
+      `\u26A0\uFE0F  MCP Inspector client files not found at ${clientDistPath}`
+    );
+    console.warn(
+      `   Run 'yarn build' in the inspector package to build the UI`
+    );
+  }
+  const runtimeConfig = {
+    devMode: config?.devMode,
+    sandboxOrigin: config?.sandboxOrigin,
+    inspectorMode: "embedded"
+  };
+  if (isHonoApp(app)) {
+    registerInspectorRoutes(app, config);
+    registerStaticRoutes(app, clientDistPath, runtimeConfig);
+    return;
+  }
+  const honoApp = new Hono();
+  registerInspectorRoutes(honoApp, config);
+  registerStaticRoutes(honoApp, clientDistPath, runtimeConfig);
+  app.use((req, res, next) => {
+    const url = new URL(req.url || "", `http://${req.headers.host}`);
+    const request = new Request(url, {
+      method: req.method,
+      headers: req.headers,
+      body: req.method !== "GET" && req.method !== "HEAD" ? JSON.stringify(req.body) : void 0
+    });
+    Promise.resolve(honoApp.fetch(request)).then(async (fetchResponse) => {
+      res.status(fetchResponse.status);
+      fetchResponse.headers.forEach((value, key) => {
+        res.setHeader(key, value);
+      });
+      if (fetchResponse.body) {
+        const reader = fetchResponse.body.getReader();
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) {
+            break;
+          }
+          res.write(value);
+        }
+        res.end();
+      } else {
+        res.end();
+      }
+    }).catch(next);
+  });
+}
+function isHonoApp(app) {
+  return typeof app.fetch === "function";
+}
+
+export {
+  mountInspector
+};

package/dist/server/chunk-FK3HQLBD.js

@@ -0,0 +1,322 @@
+import {
+  getInspectorVersion
+} from "./chunk-UHGKWUJ7.js";
+import {
+  checkClientFiles,
+  getClientDistPath,
+  getContentType
+} from "./chunk-IDMHJUEM.js";
+
+// src/server/shared-static.ts
+import { existsSync, readFileSync } from "fs";
+import { join } from "path";
+var USE_CDN = process.env.INSPECTOR_USE_CDN === "true";
+var INSPECTOR_VERSION = getInspectorVersion();
+var CDN_BASE = process.env.INSPECTOR_CDN_BASE ?? "https://inspector-cdn.mcp-use.com";
+var CDN_JS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.js`;
+var CDN_CSS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.css`;
+function injectRuntimeConfig(html, config) {
+  if (!config) return html;
+  const scripts = [];
+  if (config.devMode) {
+    scripts.push(`<script>window.__MCP_DEV_MODE__ = true;</script>`);
+  }
+  if (config.sandboxOrigin) {
+    scripts.push(
+      `<script>window.__MCP_SANDBOX_ORIGIN__ = ${JSON.stringify(config.sandboxOrigin)};</script>`
+    );
+  }
+  if (config.proxyUrl !== void 0) {
+    scripts.push(
+      `<script>window.__MCP_PROXY_URL__ = ${JSON.stringify(config.proxyUrl)};</script>`
+    );
+  }
+  if (config.inspectorMode) {
+    scripts.push(
+      `<script>window.__MCP_INSPECTOR_MODE__ = ${JSON.stringify(config.inspectorMode)};</script>`
+    );
+  }
+  if (config.manufactChatUrl) {
+    scripts.push(
+      `<script>window.__MANUFACT_CHAT_URL__ = ${JSON.stringify(config.manufactChatUrl)};</script>`
+    );
+  }
+  if (config.disableTelemetry) {
+    scripts.push(
+      `<script>window.__MCP_USE_ANONYMIZED_TELEMETRY__ = false;</script>`
+    );
+  }
+  if (scripts.length === 0) return html;
+  const injection = scripts.join("\n    ");
+  return html.replace("</head>", `    ${injection}
+  </head>`);
+}
+function generateCdnShellHtml(config) {
+  const runtimeScripts = (() => {
+    if (!config) return "";
+    const scripts = [];
+    if (config.devMode) {
+      scripts.push(`<script>window.__MCP_DEV_MODE__ = true;</script>`);
+    }
+    if (config.sandboxOrigin) {
+      scripts.push(
+        `<script>window.__MCP_SANDBOX_ORIGIN__ = ${JSON.stringify(config.sandboxOrigin)};</script>`
+      );
+    }
+    if (config.proxyUrl !== void 0) {
+      scripts.push(
+        `<script>window.__MCP_PROXY_URL__ = ${JSON.stringify(config.proxyUrl)};</script>`
+      );
+    }
+    if (config.inspectorMode) {
+      scripts.push(
+        `<script>window.__MCP_INSPECTOR_MODE__ = ${JSON.stringify(config.inspectorMode)};</script>`
+      );
+    }
+    if (config.manufactChatUrl) {
+      scripts.push(
+        `<script>window.__MANUFACT_CHAT_URL__ = ${JSON.stringify(config.manufactChatUrl)};</script>`
+      );
+    }
+    if (config.disableTelemetry) {
+      scripts.push(
+        `<script>window.__MCP_USE_ANONYMIZED_TELEMETRY__ = false;try{localStorage.setItem("MCP_USE_ANONYMIZED_TELEMETRY","false");}catch(e){}</script>`
+      );
+    }
+    return scripts.join("\n    ");
+  })();
+  return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="${CDN_BASE}/favicon-black.svg"
+    />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="${CDN_BASE}/favicon-white.svg"
+      media="(prefers-color-scheme: dark)"
+    />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="${CDN_BASE}/favicon-black.svg"
+      media="(prefers-color-scheme: light)"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="${CDN_CSS_URL}" />
+    <title>Inspector | mcp-use</title>
+    <meta
+      name="description"
+      content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser."
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="mcp-use" />
+    <meta property="og:url" content="https://inspector.mcp-use.com" />
+    <meta property="og:title" content="MCP Inspector \u2014 Test &amp; Debug MCP Servers | mcp-use" />
+    <meta
+      property="og:description"
+      content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser."
+    />
+    <meta
+      property="og:image"
+      content="https://inspector-cdn.mcp-use.com/inspector-cover.png"
+    />
+    <meta property="og:image:alt" content="mcp-use MCP Inspector \u2014 test and debug MCP servers" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@mcpuse" />
+    <meta name="twitter:creator" content="@mcpuse" />
+    <meta name="twitter:title" content="MCP Inspector \u2014 Test &amp; Debug MCP Servers | mcp-use" />
+    <meta
+      name="twitter:description"
+      content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser."
+    />
+    <meta
+      name="twitter:image"
+      content="https://inspector-cdn.mcp-use.com/inspector-cover.png"
+    />
+    <meta name="twitter:image:alt" content="mcp-use MCP Inspector \u2014 test and debug MCP servers" />
+    <script>window.__INSPECTOR_VERSION__ = ${JSON.stringify(INSPECTOR_VERSION)};</script>
+    ${runtimeScripts}
+  </head>
+  <body>
+    <script>
+      if (typeof window !== "undefined" && typeof window.process === "undefined") {
+        window.process = {
+          env: {},
+          platform: "browser",
+          browser: true,
+          version: "v18.0.0",
+          versions: { node: "18.0.0" },
+          cwd: () => "/",
+          nextTick: (fn, ...args) => queueMicrotask(() => fn(...args)),
+        };
+      }
+    </script>
+    <div id="root"></div>
+    <script type="module" src="${CDN_JS_URL}"></script>
+  </body>
+</html>`;
+}
+function registerStaticRoutes(app, clientDistPath, runtimeConfig) {
+  const effectiveConfig = {
+    ...runtimeConfig,
+    proxyUrl: runtimeConfig?.proxyUrl !== void 0 ? runtimeConfig.proxyUrl : "/inspector/api/proxy",
+    disableTelemetry: runtimeConfig?.disableTelemetry ?? process.env.MCP_USE_ANONYMIZED_TELEMETRY === "false"
+  };
+  if (USE_CDN) {
+    const serveShell = (c) => c.html(generateCdnShellHtml(effectiveConfig));
+    app.get("/", (c) => {
+      const url = new URL(c.req.url);
+      return c.redirect(`/inspector${url.search}`);
+    });
+    app.get("/inspector", serveShell);
+    app.get("/inspector/*", serveShell);
+    app.post("/inspector/*", serveShell);
+    app.get("*", serveShell);
+    return;
+  }
+  const distPath = clientDistPath || getClientDistPath();
+  if (!checkClientFiles(distPath)) {
+    console.warn(`\u26A0\uFE0F  MCP Inspector client files not found at ${distPath}`);
+    console.warn(
+      `   Run 'yarn build' in the inspector package to build the UI`
+    );
+    app.get("*", (c) => {
+      return c.html(`
+      <!DOCTYPE html>
+      <html>
+        <head>
+          <title>MCP Inspector</title>
+        </head>
+        <body>
+          <h1>MCP Inspector</h1>
+          <p>Client files not found. Please run 'yarn build' to build the UI.</p>
+        </body>
+      </html>
+    `);
+    });
+    return;
+  }
+  app.get("/inspector/assets/*", (c) => {
+    const path = c.req.path.replace("/inspector/assets/", "assets/");
+    const fullPath = join(distPath, path);
+    if (existsSync(fullPath)) {
+      const content = readFileSync(fullPath);
+      const contentType = getContentType(fullPath);
+      c.header("Content-Type", contentType);
+      return c.body(content);
+    }
+    return c.notFound();
+  });
+  app.get("/", (c) => {
+    const url = new URL(c.req.url);
+    const queryString = url.search;
+    return c.redirect(`/inspector${queryString}`);
+  });
+  const serveIndex = (c) => {
+    const indexPath = join(distPath, "index.html");
+    if (existsSync(indexPath)) {
+      const content = injectRuntimeConfig(
+        readFileSync(indexPath, "utf-8"),
+        effectiveConfig
+      );
+      return c.html(content);
+    }
+    return c.html(`
+      <!DOCTYPE html>
+      <html>
+        <head>
+          <title>MCP Inspector</title>
+        </head>
+        <body>
+          <h1>MCP Inspector</h1>
+          <p>Client files not found. Please run 'yarn build' to build the UI.</p>
+        </body>
+      </html>
+    `);
+  };
+  app.get("/inspector", serveIndex);
+  app.get("/inspector/*", serveIndex);
+  app.post("/inspector/*", serveIndex);
+  app.get("*", (c) => {
+    const indexPath = join(distPath, "index.html");
+    if (existsSync(indexPath)) {
+      const content = injectRuntimeConfig(
+        readFileSync(indexPath, "utf-8"),
+        effectiveConfig
+      );
+      return c.html(content);
+    }
+    return c.html(`
+      <!DOCTYPE html>
+      <html>
+        <head>
+          <title>MCP Inspector</title>
+        </head>
+        <body>
+          <h1>MCP Inspector</h1>
+          <p>Client files not found. Please run 'yarn build' to build the UI.</p>
+        </body>
+      </html>
+    `);
+  });
+}
+function registerStaticRoutesWithDevProxy(app, clientDistPath, runtimeConfig) {
+  const distPath = clientDistPath || getClientDistPath();
+  const isDev = process.env.NODE_ENV === "development" || process.env.VITE_DEV === "true";
+  if (isDev) {
+    console.warn(
+      "\u{1F527} Development mode: Proxying client requests to Vite dev server"
+    );
+    app.get("*", async (c) => {
+      const path = c.req.path;
+      if (path.startsWith("/api/") || path.startsWith("/inspector/api/") || path === "/inspector/config.json") {
+        return c.notFound();
+      }
+      try {
+        const viteUrl = `http://localhost:3000${path}`;
+        const response = await fetch(viteUrl, {
+          signal: AbortSignal.timeout(1e3)
+        });
+        if (response.ok) {
+          const content = await response.text();
+          const contentType = response.headers.get("content-type") || "text/html";
+          c.header("Content-Type", contentType);
+          return c.html(content);
+        }
+      } catch (error) {
+        console.warn(`Failed to proxy to Vite dev server: ${error}`);
+      }
+      return c.html(`
+        <!DOCTYPE html>
+        <html>
+          <head>
+            <title>MCP Inspector - Development</title>
+          </head>
+          <body>
+            <h1>MCP Inspector - Development Mode</h1>
+            <p>Vite dev server is not running. Please start it with:</p>
+            <pre>yarn dev:client</pre>
+            </body>
+        </html>
+      `);
+    });
+  } else {
+    registerStaticRoutes(app, distPath, runtimeConfig);
+  }
+}
+
+export {
+  registerStaticRoutes,
+  registerStaticRoutesWithDevProxy
+};