@mcp-use/inspector 10.0.2-canary.2 → 10.0.2-canary.4

package/dist/cli.js

@@ -3329,8 +3329,162 @@ function getClientDistPath() {
   return join2(__dirname, "../web");
 }
 
+// package.json
+var package_default = {
+  name: "@mcp-use/inspector",
+  type: "module",
+  version: "10.0.2-canary.4",
+  description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
+  author: "",
+  license: "MIT",
+  homepage: "https://github.com/mcp-use/mcp-use#readme",
+  repository: {
+    type: "git",
+    url: "git+https://github.com/mcp-use/mcp-use.git",
+    directory: "libraries/typescript/packages/inspector"
+  },
+  bugs: {
+    url: "https://github.com/mcp-use/mcp-use/issues"
+  },
+  keywords: [
+    "mcp",
+    "inspector",
+    "debug",
+    "tools"
+  ],
+  exports: {
+    ".": {
+      types: "./dist/server/index.d.ts",
+      import: "./dist/server/index.js"
+    },
+    "./client": {
+      types: "./dist/client/index.d.ts",
+      import: "./dist/client/index.js"
+    }
+  },
+  main: "./dist/server/index.js",
+  types: "./dist/server/index.d.ts",
+  bin: {
+    "mcp-inspect": "./dist/cli.js"
+  },
+  files: [
+    "dist"
+  ],
+  scripts: {
+    dev: 'concurrently "npm run dev:client" "npm run dev:server"',
+    "dev:client": "rimraf node_modules/.vite && vite --port 3000",
+    "dev:server": "VITE_DEV=true tsx watch src/server/server.ts",
+    "dev:standalone": "tsx watch src/server/server.ts",
+    build: "npm run build:client && npm run build:client-exports && npm run build:server && npm run build:cli && npm run build:cdn",
+    "build:cdn": "vite build --config vite.cdn.config.ts",
+    "build:client": "vite build",
+    "build:client-exports": "tsup --config tsup.client.ts && tsc -p tsconfig.client.json --emitDeclarationOnly --declaration",
+    "build:server": "tsup src/server/*.ts --format esm --out-dir dist/server && tsc -p tsconfig.server.json --emitDeclarationOnly --declaration",
+    "build:cli": "tsup src/server/cli.ts --format esm --out-dir dist/",
+    prepublishOnly: "pnpm --filter mcp-use build && pnpm build",
+    start: "node dist/server/server.js",
+    preview: "vite preview",
+    "type-check": "tsc --noEmit",
+    lint: "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug",
+    "test:e2e:builtin": "node tests/e2e/scripts/run-test-matrix.mjs builtin",
+    "test:e2e:prod": "node tests/e2e/scripts/run-test-matrix.mjs prod",
+    "test:e2e:mix": "node tests/e2e/scripts/run-test-matrix.mjs mix",
+    "test:e2e:prod:ui": "TEST_MODE=production playwright test --ui",
+    "test:e2e:codegen": "playwright codegen http://localhost:3000/inspector",
+    "test:e2e:report": "playwright show-report",
+    "test:e2e:python": "node tests/e2e/scripts/run-python-e2e.mjs",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:e2e:tunnel": "node tests/e2e/scripts/run-tunnel-test.mjs",
+    "install:yarn": "yarn install",
+    "install:pnpm": "pnpm install",
+    "install:npm": "npm install",
+    "lint:yarn": "yarn eslint . --fix",
+    "lint:npm": "npm run lint:fix",
+    "lint:pnpm": "pnpm lint:fix"
+  },
+  engines: {
+    node: "^20.19.0 || >=22.12.0"
+  },
+  peerDependencies: {
+    express: "^4.21.2 || ^5.0.0",
+    "mcp-use": ">=1.32.2-canary.0",
+    react: "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router": "^7.12.0"
+  },
+  peerDependenciesMeta: {
+    express: {
+      optional: true
+    }
+  },
+  dependencies: {
+    "@hono/node-server": "^1.19.13",
+    "@modelcontextprotocol/ext-apps": "^1.0.1",
+    "@modelcontextprotocol/sdk": "^1.26.0",
+    "@paper-design/shaders-react": "^0.0.72",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@scarf/scarf": "^1.4.0",
+    "@tailwindcss/vite": "^4.2.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "class-variance-authority": "^0.7.1",
+    clsx: "^2.1.1",
+    cmdk: "^1.1.1",
+    hono: "^4.12.12",
+    "lucide-react": "^0.562.0",
+    "markdown-to-jsx": "^9.7.4",
+    "mcp-use": "workspace:*",
+    motion: "^12.34.2",
+    "next-themes": "^0.4.6",
+    open: "^11.0.0",
+    "posthog-node": "^5.24.17",
+    "react-resizable-panels": "^4.6.4",
+    "react-syntax-highlighter": "^16.1.0",
+    sonner: "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    zod: "4.3.5"
+  },
+  publishConfig: {
+    access: "public"
+  },
+  devDependencies: {
+    "@playwright/test": "^1.58.2",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@types/express": "^5.0.6",
+    "@vitejs/plugin-react": "^6.0.0",
+    concurrently: "^9.2.1",
+    emulate: "0.5.0",
+    eslint: "^9.39.2",
+    express: "^5.2.1",
+    "oauth2-mock-server": "^8.2.2",
+    react: "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-router": "^7.12.0",
+    tailwindcss: "^4.2.0",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
+    "tw-animate-css": "^1.4.0",
+    vite: "^8.0.16",
+    vitest: "^4.1.0",
+    "wait-on": "^9.0.4"
+  }
+};
+
 // src/server/version.ts
-var VERSION = "0.22.2";
+var VERSION = package_default.version;
 function getInspectorVersion() {
   return VERSION;
 }
@@ -3604,7 +3758,11 @@ var mcpUrl;
 var startPort = 8080;
 var noOpen = false;
 for (let i = 0; i < args.length; i++) {
-  if (args[i] === "--url" && i + 1 < args.length) {
+  if (args[i] === "--url") {
+    if (i + 1 >= args.length || args[i + 1].startsWith("-")) {
+      console.error("Error: --url requires a value");
+      process.exit(1);
+    }
     const url = args[i + 1];
     if (!isValidUrl(url)) {
       console.error(`Error: Invalid URL format: ${url}`);
@@ -3613,7 +3771,11 @@ for (let i = 0; i < args.length; i++) {
     }
     mcpUrl = url;
     i++;
-  } else if (args[i] === "--port" && i + 1 < args.length) {
+  } else if (args[i] === "--port") {
+    if (i + 1 >= args.length || args[i + 1].startsWith("-")) {
+      console.error("Error: --port requires a value");
+      process.exit(1);
+    }
     const parsedPort = Number.parseInt(args[i + 1], 10);
     if (Number.isNaN(parsedPort) || parsedPort < 1 || parsedPort > 65535) {
       console.error(
@@ -3625,6 +3787,9 @@ for (let i = 0; i < args.length; i++) {
     i++;
   } else if (args[i] === "--no-open") {
     noOpen = true;
+  } else if (args[i] === "--version" || args[i] === "-v") {
+    console.log(getInspectorVersion());
+    process.exit(0);
   } else if (args[i] === "--help" || args[i] === "-h") {
     console.log(`
 MCP Inspector - Inspect and debug MCP servers
@@ -3636,6 +3801,7 @@ Options:
   --url <url>    MCP server URL to auto-connect to (e.g., http://localhost:3000/mcp)
   --port <port>  Starting port to try (default: 8080, will find next available)
   --no-open      Do not auto-open inspector in browser
+  --version, -v  Show the inspector version
   --help, -h     Show this help message
 
 Examples:
@@ -3649,6 +3815,10 @@ Examples:
   npx @mcp-use/inspector
 `);
     process.exit(0);
+  } else {
+    console.error(`Error: Unknown option: ${args[i]}`);
+    console.error("Run with --help to see available options.");
+    process.exit(1);
   }
 }
 var app = new Hono();

package/dist/client/hooks/useMcpAppsHostContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMcpAppsHostContext.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useMcpAppsHostContext.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,KAAK,WAAW,GAAG,QAAQ,GAAG,KAAK,GAAG,YAAY,CAAC;AAEnD,UAAU,iBAAiB;IACzB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,IAAI,GACL,EAAE,iBAAiB,GAAG,gBAAgB,CAuCtC"}
+{"version":3,"file":"useMcpAppsHostContext.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useMcpAppsHostContext.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,KAAK,WAAW,GAAG,QAAQ,GAAG,KAAK,GAAG,YAAY,CAAC;AAEnD,UAAU,iBAAiB;IACzB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AA4DD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,IAAI,GACL,EAAE,iBAAiB,GAAG,gBAAgB,CAuCtC"}

package/dist/client/index.js

@@ -6949,6 +6949,55 @@ function useDeviceViewport(deviceType, customViewport) {
 
 // src/client/hooks/useMcpAppsHostContext.ts
 import { useMemo as useMemo5 } from "react";
+function readCssVar(styles, name) {
+  return styles.getPropertyValue(name).trim();
+}
+function buildHostStyleVariables() {
+  if (typeof window === "undefined") return {};
+  const styles = getComputedStyle(document.documentElement);
+  const variables = {};
+  const add = (name, value) => {
+    if (value) variables[name] = value;
+  };
+  const background = readCssVar(styles, "--background");
+  const foreground = readCssVar(styles, "--foreground");
+  const card = readCssVar(styles, "--card");
+  const muted = readCssVar(styles, "--muted");
+  const mutedForeground = readCssVar(styles, "--muted-foreground");
+  const primary = readCssVar(styles, "--primary");
+  const primaryForeground = readCssVar(styles, "--primary-foreground");
+  const secondary = readCssVar(styles, "--secondary");
+  const accent = readCssVar(styles, "--accent");
+  const accentForeground = readCssVar(styles, "--accent-foreground");
+  const destructive = readCssVar(styles, "--destructive");
+  const border = readCssVar(styles, "--border");
+  const ring = readCssVar(styles, "--ring");
+  const radius = readCssVar(styles, "--radius");
+  add("--color-background-primary", background);
+  add("--color-background-secondary", card || secondary);
+  add("--color-background-tertiary", muted || accent);
+  add("--color-background-inverse", primary);
+  add("--color-background-ghost", accent || muted);
+  add("--color-background-danger", destructive);
+  add("--color-text-primary", foreground);
+  add("--color-text-secondary", mutedForeground);
+  add("--color-text-tertiary", mutedForeground);
+  add("--color-text-inverse", primaryForeground);
+  add("--color-text-ghost", accentForeground || mutedForeground);
+  add("--color-text-danger", destructive);
+  add("--color-border-primary", border);
+  add("--color-border-secondary", border);
+  add("--color-border-tertiary", border);
+  add("--color-ring-primary", ring || border);
+  add("--border-radius-sm", radius);
+  add("--border-radius-md", radius);
+  add("--border-radius-lg", radius);
+  add(
+    "--font-sans",
+    "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
+  );
+  return variables;
+}
 function useMcpAppsHostContext({
   theme,
   displayMode,
@@ -6975,7 +7024,7 @@ function useMcpAppsHostContext({
       userAgent: "mcp-use-inspector/0.16.2",
       deviceCapabilities: playground.capabilities,
       safeAreaInsets: playground.safeAreaInsets,
-      styles: { variables: {} },
+      styles: { variables: buildHostStyleVariables() },
       toolInfo: tool ? {
         id: toolCallId,
         tool

package/dist/server/chunk-D5SEWW46.js

@@ -0,0 +1,164 @@
+// package.json
+var package_default = {
+  name: "@mcp-use/inspector",
+  type: "module",
+  version: "10.0.2-canary.4",
+  description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
+  author: "",
+  license: "MIT",
+  homepage: "https://github.com/mcp-use/mcp-use#readme",
+  repository: {
+    type: "git",
+    url: "git+https://github.com/mcp-use/mcp-use.git",
+    directory: "libraries/typescript/packages/inspector"
+  },
+  bugs: {
+    url: "https://github.com/mcp-use/mcp-use/issues"
+  },
+  keywords: [
+    "mcp",
+    "inspector",
+    "debug",
+    "tools"
+  ],
+  exports: {
+    ".": {
+      types: "./dist/server/index.d.ts",
+      import: "./dist/server/index.js"
+    },
+    "./client": {
+      types: "./dist/client/index.d.ts",
+      import: "./dist/client/index.js"
+    }
+  },
+  main: "./dist/server/index.js",
+  types: "./dist/server/index.d.ts",
+  bin: {
+    "mcp-inspect": "./dist/cli.js"
+  },
+  files: [
+    "dist"
+  ],
+  scripts: {
+    dev: 'concurrently "npm run dev:client" "npm run dev:server"',
+    "dev:client": "rimraf node_modules/.vite && vite --port 3000",
+    "dev:server": "VITE_DEV=true tsx watch src/server/server.ts",
+    "dev:standalone": "tsx watch src/server/server.ts",
+    build: "npm run build:client && npm run build:client-exports && npm run build:server && npm run build:cli && npm run build:cdn",
+    "build:cdn": "vite build --config vite.cdn.config.ts",
+    "build:client": "vite build",
+    "build:client-exports": "tsup --config tsup.client.ts && tsc -p tsconfig.client.json --emitDeclarationOnly --declaration",
+    "build:server": "tsup src/server/*.ts --format esm --out-dir dist/server && tsc -p tsconfig.server.json --emitDeclarationOnly --declaration",
+    "build:cli": "tsup src/server/cli.ts --format esm --out-dir dist/",
+    prepublishOnly: "pnpm --filter mcp-use build && pnpm build",
+    start: "node dist/server/server.js",
+    preview: "vite preview",
+    "type-check": "tsc --noEmit",
+    lint: "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug",
+    "test:e2e:builtin": "node tests/e2e/scripts/run-test-matrix.mjs builtin",
+    "test:e2e:prod": "node tests/e2e/scripts/run-test-matrix.mjs prod",
+    "test:e2e:mix": "node tests/e2e/scripts/run-test-matrix.mjs mix",
+    "test:e2e:prod:ui": "TEST_MODE=production playwright test --ui",
+    "test:e2e:codegen": "playwright codegen http://localhost:3000/inspector",
+    "test:e2e:report": "playwright show-report",
+    "test:e2e:python": "node tests/e2e/scripts/run-python-e2e.mjs",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:e2e:tunnel": "node tests/e2e/scripts/run-tunnel-test.mjs",
+    "install:yarn": "yarn install",
+    "install:pnpm": "pnpm install",
+    "install:npm": "npm install",
+    "lint:yarn": "yarn eslint . --fix",
+    "lint:npm": "npm run lint:fix",
+    "lint:pnpm": "pnpm lint:fix"
+  },
+  engines: {
+    node: "^20.19.0 || >=22.12.0"
+  },
+  peerDependencies: {
+    express: "^4.21.2 || ^5.0.0",
+    "mcp-use": ">=1.32.2-canary.0",
+    react: "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router": "^7.12.0"
+  },
+  peerDependenciesMeta: {
+    express: {
+      optional: true
+    }
+  },
+  dependencies: {
+    "@hono/node-server": "^1.19.13",
+    "@modelcontextprotocol/ext-apps": "^1.0.1",
+    "@modelcontextprotocol/sdk": "^1.26.0",
+    "@paper-design/shaders-react": "^0.0.72",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@scarf/scarf": "^1.4.0",
+    "@tailwindcss/vite": "^4.2.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "class-variance-authority": "^0.7.1",
+    clsx: "^2.1.1",
+    cmdk: "^1.1.1",
+    hono: "^4.12.12",
+    "lucide-react": "^0.562.0",
+    "markdown-to-jsx": "^9.7.4",
+    "mcp-use": "workspace:*",
+    motion: "^12.34.2",
+    "next-themes": "^0.4.6",
+    open: "^11.0.0",
+    "posthog-node": "^5.24.17",
+    "react-resizable-panels": "^4.6.4",
+    "react-syntax-highlighter": "^16.1.0",
+    sonner: "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    zod: "4.3.5"
+  },
+  publishConfig: {
+    access: "public"
+  },
+  devDependencies: {
+    "@playwright/test": "^1.58.2",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@types/express": "^5.0.6",
+    "@vitejs/plugin-react": "^6.0.0",
+    concurrently: "^9.2.1",
+    emulate: "0.5.0",
+    eslint: "^9.39.2",
+    express: "^5.2.1",
+    "oauth2-mock-server": "^8.2.2",
+    react: "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-router": "^7.12.0",
+    tailwindcss: "^4.2.0",
+    tsup: "^8.5.1",
+    tsx: "^4.21.0",
+    "tw-animate-css": "^1.4.0",
+    vite: "^8.0.16",
+    vitest: "^4.1.0",
+    "wait-on": "^9.0.4"
+  }
+};
+
+// src/server/version.ts
+var VERSION = package_default.version;
+function getInspectorVersion() {
+  return VERSION;
+}
+
+export {
+  VERSION,
+  getInspectorVersion
+};

package/dist/server/{chunk-3UU5PBIU.js → chunk-FSZX2FHY.js}

@@ -1,6 +1,6 @@
 import {
   getInspectorVersion
-} from "./chunk-4CQ52PTY.js";
+} from "./chunk-J6ODINFS.js";
 import {
   checkClientFiles,
   getClientDistPath,