@modelcontextprotocol/inspector 0.2.7 → 0.3.0

package/README.md

@@ -26,6 +26,8 @@ The inspector runs both a client UI (default port 5173) and an MCP proxy server
 CLIENT_PORT=8080 SERVER_PORT=9000 npx @modelcontextprotocol/inspector build/index.js
 ```
 
+For more details on ways to use the inspector, see the [Inspector section of the MCP docs site](https://modelcontextprotocol.io/docs/tools/inspector).
+
 ### From this repository
 
 If you're working on the inspector itself:

package/client/dist/assets/{index-YNuSiS5v.js → index-BKN3G2r3.js}

@@ -12165,7 +12165,7 @@ class Protocol {
         this._progressHandlers.delete(messageId);
         (_a2 = this._transport) === null || _a2 === void 0 ? void 0 : _a2.send({
           jsonrpc: "2.0",
-          method: "cancelled",
+          method: "notifications/cancelled",
           params: {
             requestId: messageId,
             reason: String(reason)
@@ -16523,6 +16523,7 @@ Textarea.displayName = "Textarea";
 const ListPane = ({
   items,
   listItems,
+  clearItems,
   setSelectedItem,
   renderItem,
   title,
@@ -16541,6 +16542,16 @@ const ListPane = ({
         children: buttonText
       }
     ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        variant: "outline",
+        className: "w-full mb-4",
+        onClick: clearItems,
+        disabled: items.length === 0,
+        children: "Clear"
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2 overflow-y-auto max-h-96", children: items.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -16555,6 +16566,7 @@ const ListPane = ({
 const PromptsTab = ({
   prompts,
   listPrompts,
+  clearPrompts,
   getPrompt,
   selectedPrompt,
   setSelectedPrompt,
@@ -16578,6 +16590,7 @@ const PromptsTab = ({
       {
         items: prompts,
         listItems: listPrompts,
+        clearItems: clearPrompts,
         setSelectedItem: (prompt) => {
           setSelectedPrompt(prompt);
           setPromptArgs({});
@@ -16632,7 +16645,9 @@ const ResourcesTab = ({
   resources,
   resourceTemplates,
   listResources,
+  clearResources,
   listResourceTemplates,
+  clearResourceTemplates,
   readResource,
   selectedResource,
   setSelectedResource,
@@ -16666,6 +16681,7 @@ const ResourcesTab = ({
       {
         items: resources,
         listItems: listResources,
+        clearItems: clearResources,
         setSelectedItem: (resource) => {
           setSelectedResource(resource);
           readResource(resource.uri);
@@ -16686,6 +16702,7 @@ const ResourcesTab = ({
       {
         items: resourceTemplates,
         listItems: listResourceTemplates,
+        clearItems: clearResourceTemplates,
         setSelectedItem: (template) => {
           setSelectedTemplate(template);
           setSelectedResource(null);
@@ -21680,7 +21697,7 @@ const useTheme = () => {
     }, [])
   ];
 };
-const version = "0.2.7";
+const version = "0.3.0";
 const Sidebar = ({
   connectionStatus,
   transportType,
@@ -21870,6 +21887,7 @@ const Sidebar = ({
 const ToolsTab = ({
   tools,
   listTools,
+  clearTools,
   callTool,
   selectedTool,
   setSelectedTool,
@@ -21930,6 +21948,7 @@ const ToolsTab = ({
       {
         items: tools,
         listItems: listTools,
+        clearItems: clearTools,
         setSelectedItem: setSelectedTool,
         renderItem: (tool) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: tool.name }),
@@ -22002,6 +22021,7 @@ const ToolsTab = ({
 const DEFAULT_REQUEST_TIMEOUT_MSEC = 1e4;
 const params = new URLSearchParams(window.location.search);
 const PROXY_PORT = params.get("proxyPort") ?? "3000";
+const REQUEST_TIMEOUT = parseInt(params.get("timeout") ?? "") || DEFAULT_REQUEST_TIMEOUT_MSEC;
 const PROXY_SERVER_URL = `http://localhost:${PROXY_PORT}`;
 const App = () => {
   const [connectionStatus, setConnectionStatus] = reactExports.useState("disconnected");
@@ -22139,7 +22159,7 @@ const App = () => {
       const abortController = new AbortController();
       const timeoutId = setTimeout(() => {
         abortController.abort("Request timed out");
-      }, DEFAULT_REQUEST_TIMEOUT_MSEC);
+      }, REQUEST_TIMEOUT);
       let response;
       try {
         response = await mcpClient.request(request, schema, {
@@ -22392,10 +22412,18 @@ const App = () => {
                 clearError("resources");
                 listResources();
               },
+              clearResources: () => {
+                setResources([]);
+                setNextResourceCursor(void 0);
+              },
               listResourceTemplates: () => {
                 clearError("resources");
                 listResourceTemplates();
               },
+              clearResourceTemplates: () => {
+                setResourceTemplates([]);
+                setNextResourceTemplateCursor(void 0);
+              },
               readResource: (uri) => {
                 clearError("resources");
                 readResource(uri);
@@ -22419,6 +22447,10 @@ const App = () => {
                 clearError("prompts");
                 listPrompts();
               },
+              clearPrompts: () => {
+                setPrompts([]);
+                setNextPromptCursor(void 0);
+              },
               getPrompt: (name, args2) => {
                 clearError("prompts");
                 getPrompt(name, args2);
@@ -22441,6 +22473,10 @@ const App = () => {
                 clearError("tools");
                 listTools();
               },
+              clearTools: () => {
+                setTools([]);
+                setNextToolCursor(void 0);
+              },
               callTool: (name, params2) => {
                 clearError("tools");
                 callTool(name, params2);

package/client/dist/assets/{index-DY7RF803.css → index-DxcZhiGz.css}

@@ -835,7 +835,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

package/client/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/mcp.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MCP Inspector</title>
-    <script type="module" crossorigin src="/assets/index-YNuSiS5v.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DY7RF803.css">
+    <script type="module" crossorigin src="/assets/index-BKN3G2r3.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DxcZhiGz.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modelcontextprotocol/inspector",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "description": "Model Context Protocol inspector",
   "license": "MIT",
   "author": "Anthropic, PBC (https://anthropic.com)",
@@ -33,8 +33,8 @@
     "publish-all": "npm publish --workspaces --access public && npm publish --access public"
   },
   "dependencies": {
-    "@modelcontextprotocol/inspector-client": "0.2.7",
-    "@modelcontextprotocol/inspector-server": "0.2.7",
+    "@modelcontextprotocol/inspector-client": "0.3.0",
+    "@modelcontextprotocol/inspector-server": "0.3.0",
     "concurrently": "^9.0.1",
     "spawn-rx": "^5.1.0",
     "ts-node": "^10.9.2"