From 7b055b6b9a80e8dc2eda4b1b0a73f48353eb97b2 Mon Sep 17 00:00:00 2001
From: katopz <katopz@gmail.com>
Date: Mon, 31 Mar 2025 18:29:09 +0900
Subject: [PATCH 01/17] fix: prop.type not accept integer

---
 client/src/components/ToolsTab.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index eb91c98..26f5b3b 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -226,7 +226,7 @@ const ToolsTab = ({
                         </div>
                       ) : (
                         <Input
-                          type={prop.type === "number" ? "number" : "text"}
+                          type={prop.type === "number" || prop.type === "integer" ? "number" : "text"}
                           id={key}
                           name={key}
                           placeholder={prop.description}
@@ -235,7 +235,7 @@ const ToolsTab = ({
                             setParams({
                               ...params,
                               [key]:
-                                prop.type === "number"
+                                prop.type === "number" || prop.type === "integer"
                                   ? Number(e.target.value)
                                   : e.target.value,
                             })

From d2696e48a58eac69ed32515fb36ed5bae0bc4beb Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Mon, 31 Mar 2025 07:32:55 -0700
Subject: [PATCH 02/17] Add failing test for integer input

---
 .../components/__tests__/ToolsTab.test.tsx    | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index 2a45065..f75c8f9 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -16,6 +16,16 @@ describe("ToolsTab", () => {
         },
       },
     },
+    {
+      name: "tool3",
+      description: "Integer tool",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          count: { type: "integer" as const },
+        },
+      },
+    },
     {
       name: "tool2",
       description: "Second tool",
@@ -69,4 +79,28 @@ describe("ToolsTab", () => {
     const newInput = screen.getByRole("spinbutton") as HTMLInputElement;
     expect(newInput.value).toBe("");
   });
+
+  it("should handle integer type inputs", () => {
+    renderToolsTab({
+      selectedTool: mockTools[2],
+    });
+
+    // Verify input is rendered as a number input
+    const input = screen.getByRole("spinbutton") as HTMLInputElement;
+    expect(input.type).toBe("text"); // This will fail - should be "number"
+
+    // Enter an integer value
+    fireEvent.change(input, { target: { value: "42" } });
+    expect(input.value).toBe("42");
+
+    // Verify the callTool function receives the value as a number
+    const submitButton = screen.getByRole("button", { name: /submit/i });
+    fireEvent.click(submitButton);
+    
+    expect(defaultProps.callTool).toHaveBeenCalledWith(
+      mockTools[2].name,
+      { count: 42 }, // Should be number 42, not string "42"
+      expect.any(Function)
+    );
+  });
 });

From 7ac1e40c9dcd1866445baede30a8fe459d9104b9 Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Mon, 31 Mar 2025 07:51:28 -0700
Subject: [PATCH 03/17] Update tests

---
 client/src/components/__tests__/ToolsTab.test.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index f75c8f9..b36085e 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -71,7 +71,7 @@ describe("ToolsTab", () => {
     // Switch to second tool
     rerender(
       <Tabs defaultValue="tools">
-        <ToolsTab {...defaultProps} selectedTool={mockTools[1]} />
+        <ToolsTab {...defaultProps} selectedTool={mockTools[2]} />
       </Tabs>,
     );
 
@@ -82,25 +82,24 @@ describe("ToolsTab", () => {
 
   it("should handle integer type inputs", () => {
     renderToolsTab({
-      selectedTool: mockTools[2],
+      selectedTool: mockTools[1], // Use the tool with integer type
     });
 
     // Verify input is rendered as a number input
     const input = screen.getByRole("spinbutton") as HTMLInputElement;
-    expect(input.type).toBe("text"); // This will fail - should be "number"
+    expect(input.type).toBe("number"); // Integer type should be treated as number
 
     // Enter an integer value
     fireEvent.change(input, { target: { value: "42" } });
     expect(input.value).toBe("42");
 
     // Verify the callTool function receives the value as a number
-    const submitButton = screen.getByRole("button", { name: /submit/i });
+    const submitButton = screen.getByRole("button", { name: /run tool/i });
     fireEvent.click(submitButton);
     
     expect(defaultProps.callTool).toHaveBeenCalledWith(
-      mockTools[2].name,
-      { count: 42 }, // Should be number 42, not string "42"
-      expect.any(Function)
+      mockTools[1].name,
+      { count: 42 }
     );
   });
 });

From 7753b275e57987b62b4fe1b791b49e8848f2986b Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Mon, 31 Mar 2025 08:04:53 -0700
Subject: [PATCH 04/17] Update test to fail more explicitly

---
 client/src/components/__tests__/ToolsTab.test.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index b36085e..624a72e 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -85,15 +85,11 @@ describe("ToolsTab", () => {
       selectedTool: mockTools[1], // Use the tool with integer type
     });
 
-    // Verify input is rendered as a number input
-    const input = screen.getByRole("spinbutton") as HTMLInputElement;
-    expect(input.type).toBe("number"); // Integer type should be treated as number
-
-    // Enter an integer value
+    const input = screen.getByRole("textbox", { name: /count/i }) as HTMLInputElement;
+    expect(input).toHaveProperty("type", "number");
     fireEvent.change(input, { target: { value: "42" } });
     expect(input.value).toBe("42");
 
-    // Verify the callTool function receives the value as a number
     const submitButton = screen.getByRole("button", { name: /run tool/i });
     fireEvent.click(submitButton);
     

From 180760c4db647b5c4ad8dc53af5f95d297b5c1f9 Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Mon, 31 Mar 2025 09:16:25 -0700
Subject: [PATCH 05/17] Fix formatting

---
 client/src/components/__tests__/ToolsTab.test.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index 624a72e..27e273c 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -85,17 +85,18 @@ describe("ToolsTab", () => {
       selectedTool: mockTools[1], // Use the tool with integer type
     });
 
-    const input = screen.getByRole("textbox", { name: /count/i }) as HTMLInputElement;
+    const input = screen.getByRole("textbox", {
+      name: /count/i,
+    }) as HTMLInputElement;
     expect(input).toHaveProperty("type", "number");
     fireEvent.change(input, { target: { value: "42" } });
     expect(input.value).toBe("42");
 
     const submitButton = screen.getByRole("button", { name: /run tool/i });
     fireEvent.click(submitButton);
-    
-    expect(defaultProps.callTool).toHaveBeenCalledWith(
-      mockTools[1].name,
-      { count: 42 }
-    );
+
+    expect(defaultProps.callTool).toHaveBeenCalledWith(mockTools[1].name, {
+      count: 42,
+    });
   });
 });

From 2ee0a53e360ec25c487dd2d952c7d98ed44429a6 Mon Sep 17 00:00:00 2001
From: katopz <katopz@gmail.com>
Date: Tue, 1 Apr 2025 09:27:24 +0900
Subject: [PATCH 06/17] fix: prettier

---
 client/src/components/ToolsTab.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 26f5b3b..d9074c3 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -226,7 +226,11 @@ const ToolsTab = ({
                         </div>
                       ) : (
                         <Input
-                          type={prop.type === "number" || prop.type === "integer" ? "number" : "text"}
+                          type={
+                            prop.type === "number" || prop.type === "integer"
+                              ? "number"
+                              : "text"
+                          }
                           id={key}
                           name={key}
                           placeholder={prop.description}
@@ -235,7 +239,8 @@ const ToolsTab = ({
                             setParams({
                               ...params,
                               [key]:
-                                prop.type === "number" || prop.type === "integer"
+                                prop.type === "number" ||
+                                prop.type === "integer"
                                   ? Number(e.target.value)
                                   : e.target.value,
                             })

From 9ab213bc89054997423e363a851d8c36b923030c Mon Sep 17 00:00:00 2001
From: Maxwell Gerber <max@stytch.com>
Date: Mon, 31 Mar 2025 18:54:44 -0700
Subject: [PATCH 07/17] feat: Add lightweight Disconnect button

---
 client/src/App.tsx                            |  2 ++
 client/src/components/Sidebar.tsx             | 30 ++++++++++++-------
 .../src/components/__tests__/Sidebar.test.tsx |  1 +
 client/src/lib/hooks/useConnection.ts         |  9 ++++++
 4 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 23c508f..e560d55 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -145,6 +145,7 @@ const App = () => {
     handleCompletion,
     completionsSupported,
     connect: connectMcpServer,
+    disconnect: disconnectMcpServer,
   } = useConnection({
     transportType,
     command,
@@ -458,6 +459,7 @@ const App = () => {
         bearerToken={bearerToken}
         setBearerToken={setBearerToken}
         onConnect={connectMcpServer}
+        onDisconnect={disconnectMcpServer}
         stdErrNotifications={stdErrNotifications}
         logLevel={logLevel}
         sendLogLevelRequest={sendLogLevelRequest}
diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 33e88a7..568518d 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -10,6 +10,7 @@ import {
   EyeOff,
   RotateCcw,
   Settings,
+  RefreshCwOff,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -45,6 +46,7 @@ interface SidebarProps {
   bearerToken: string;
   setBearerToken: (token: string) => void;
   onConnect: () => void;
+  onDisconnect: () => void;
   stdErrNotifications: StdErrNotification[];
   logLevel: LoggingLevel;
   sendLogLevelRequest: (level: LoggingLevel) => void;
@@ -68,6 +70,7 @@ const Sidebar = ({
   bearerToken,
   setBearerToken,
   onConnect,
+  onDisconnect,
   stdErrNotifications,
   logLevel,
   sendLogLevelRequest,
@@ -375,19 +378,24 @@ const Sidebar = ({
           </div>
 
           <div className="space-y-2">
-            <Button className="w-full" onClick={onConnect}>
-              {connectionStatus === "connected" ? (
-                <>
+            {connectionStatus === "connected" && (
+              <div className="grid grid-cols-2 gap-4">
+                <Button onClick={onConnect}>
                   <RotateCcw className="w-4 h-4 mr-2" />
                   {transportType === "stdio" ? "Restart" : "Reconnect"}
-                </>
-              ) : (
-                <>
-                  <Play className="w-4 h-4 mr-2" />
-                  Connect
-                </>
-              )}
-            </Button>
+                </Button>
+                <Button onClick={onDisconnect}>
+                  <RefreshCwOff className="w-4 h-4 mr-2" />
+                  Disconnect
+                </Button>
+              </div>
+            )}
+            {connectionStatus !== "connected" && (
+              <Button className="w-full" onClick={onConnect}>
+                <Play className="w-4 h-4 mr-2" />
+                Connect
+              </Button>
+            )}
 
             <div className="flex items-center justify-center space-x-2 mb-4">
               <div
diff --git a/client/src/components/__tests__/Sidebar.test.tsx b/client/src/components/__tests__/Sidebar.test.tsx
index 21cc0a0..aef8fa0 100644
--- a/client/src/components/__tests__/Sidebar.test.tsx
+++ b/client/src/components/__tests__/Sidebar.test.tsx
@@ -26,6 +26,7 @@ describe("Sidebar Environment Variables", () => {
     bearerToken: "",
     setBearerToken: jest.fn(),
     onConnect: jest.fn(),
+    onDisconnect: jest.fn(),
     stdErrNotifications: [],
     logLevel: "info" as const,
     sendLogLevelRequest: jest.fn(),
diff --git a/client/src/lib/hooks/useConnection.ts b/client/src/lib/hooks/useConnection.ts
index 180240f..25e5584 100644
--- a/client/src/lib/hooks/useConnection.ts
+++ b/client/src/lib/hooks/useConnection.ts
@@ -321,6 +321,14 @@ export function useConnection({
     }
   };
 
+  const disconnect = async () => {
+    await mcpClient?.close();
+    setMcpClient(null);
+    setConnectionStatus("disconnected");
+    setCompletionsSupported(false);
+    setServerCapabilities(null);
+  };
+
   return {
     connectionStatus,
     serverCapabilities,
@@ -331,5 +339,6 @@ export function useConnection({
     handleCompletion,
     completionsSupported,
     connect,
+    disconnect,
   };
 }

From b82c74458357ada6f927ecf1d7385f61cd6e3be0 Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Tue, 1 Apr 2025 06:50:23 -0700
Subject: [PATCH 08/17] Use actual rendered element spinbutton in test

---
 client/src/components/__tests__/ToolsTab.test.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index 27e273c..07aa52d 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -85,9 +85,7 @@ describe("ToolsTab", () => {
       selectedTool: mockTools[1], // Use the tool with integer type
     });
 
-    const input = screen.getByRole("textbox", {
-      name: /count/i,
-    }) as HTMLInputElement;
+    const input = screen.getByRole("spinbutton", { name: /count/i }) as HTMLInputElement;
     expect(input).toHaveProperty("type", "number");
     fireEvent.change(input, { target: { value: "42" } });
     expect(input.value).toBe("42");

From dada1c4ba6742bf8b0c49f1f03da978a37f9fd32 Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 10:59:30 -0300
Subject: [PATCH 09/17] do not remove form with alert

---
 client/src/components/ToolsTab.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index eb91c98..3bd3da9 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -147,17 +147,11 @@ const ToolsTab = ({
           </h3>
         </div>
         <div className="p-4">
-          {error ? (
-            <Alert variant="destructive">
-              <AlertCircle className="h-4 w-4" />
-              <AlertTitle>Error</AlertTitle>
-              <AlertDescription>{error}</AlertDescription>
-            </Alert>
-          ) : selectedTool ? (
+          {selectedTool ? (
             <div className="space-y-4">
-              <p className="text-sm text-gray-600">
-                {selectedTool.description}
-              </p>
+            <p className="text-sm text-gray-600">
+              {selectedTool.description}
+            </p>
               {Object.entries(selectedTool.inputSchema.properties ?? []).map(
                 ([key, value]) => {
                   const prop = value as JsonSchemaType;
@@ -252,6 +246,13 @@ const ToolsTab = ({
                 Run Tool
               </Button>
               {toolResult && renderToolResult()}
+              {error && (
+                <Alert variant="destructive">
+                  <AlertCircle className="h-4 w-4" />
+                  <AlertTitle>Error</AlertTitle>
+                  <AlertDescription>{error}</AlertDescription>
+                </Alert>
+              )}
             </div>
           ) : (
             <Alert>

From 93c9c74dc95b859f18360f3efcaae82a08e647ea Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Tue, 1 Apr 2025 06:59:50 -0700
Subject: [PATCH 10/17] Fix formatting

---
 client/src/components/__tests__/ToolsTab.test.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index 07aa52d..89ad603 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -85,7 +85,9 @@ describe("ToolsTab", () => {
       selectedTool: mockTools[1], // Use the tool with integer type
     });
 
-    const input = screen.getByRole("spinbutton", { name: /count/i }) as HTMLInputElement;
+    const input = screen.getByRole("spinbutton", {
+      name: /count/i,
+    }) as HTMLInputElement;
     expect(input).toHaveProperty("type", "number");
     fireEvent.change(input, { target: { value: "42" } });
     expect(input.value).toBe("42");

From d2db697d894706500a4eaf562e168c1060d420fd Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 11:00:13 -0300
Subject: [PATCH 11/17] fix: prettier.

---
 client/src/components/ToolsTab.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 3bd3da9..6a6f9f5 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -149,9 +149,9 @@ const ToolsTab = ({
         <div className="p-4">
           {selectedTool ? (
             <div className="space-y-4">
-            <p className="text-sm text-gray-600">
-              {selectedTool.description}
-            </p>
+              <p className="text-sm text-gray-600">
+                {selectedTool.description}
+              </p>
               {Object.entries(selectedTool.inputSchema.properties ?? []).map(
                 ([key, value]) => {
                   const prop = value as JsonSchemaType;

From 51f2f726779253a07928bf1a323628a8d1166ac5 Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 11:07:43 -0300
Subject: [PATCH 12/17] fix: add tests

---
 client/src/components/__tests__/ToolsTab.test.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index 2a45065..41501db 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen, fireEvent } from "@testing-library/react";
 import { describe, it, expect, jest } from "@jest/globals";
+import "@testing-library/jest-dom";
 import ToolsTab from "../ToolsTab";
 import { Tool } from "@modelcontextprotocol/sdk/types.js";
 import { Tabs } from "@/components/ui/tabs";
@@ -69,4 +70,16 @@ describe("ToolsTab", () => {
     const newInput = screen.getByRole("spinbutton") as HTMLInputElement;
     expect(newInput.value).toBe("");
   });
+
+  it("should display error message when error prop is provided", () => {
+    const errorMessage = "Test error message";
+    renderToolsTab({
+      selectedTool: mockTools[0],
+      error: errorMessage,
+    });
+
+    // Verify error message is displayed
+    expect(screen.getByText("Error")).toBeTruthy();
+    expect(screen.getByText(errorMessage)).toBeTruthy();
+  });
 });

From 65f38a482722ba658fd9a1c223bc8d98aab56235 Mon Sep 17 00:00:00 2001
From: Ola Hungerford <olahungerford@gmail.com>
Date: Tue, 1 Apr 2025 07:07:57 -0700
Subject: [PATCH 13/17] Bump version to 0.8.0

---
 client/package.json |  2 +-
 package-lock.json   | 12 ++++++------
 package.json        |  6 +++---
 server/package.json |  2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/client/package.json b/client/package.json
index eb0091f..8dc5a90 100644
--- a/client/package.json
+++ b/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@modelcontextprotocol/inspector-client",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Client-side application for the Model Context Protocol inspector",
   "license": "MIT",
   "author": "Anthropic, PBC (https://anthropic.com)",
diff --git a/package-lock.json b/package-lock.json
index feb893f..e9254db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,20 @@
 {
   "name": "@modelcontextprotocol/inspector",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@modelcontextprotocol/inspector",
-      "version": "0.7.0",
+      "version": "0.8.0",
       "license": "MIT",
       "workspaces": [
         "client",
         "server"
       ],
       "dependencies": {
-        "@modelcontextprotocol/inspector-client": "^0.7.0",
-        "@modelcontextprotocol/inspector-server": "^0.7.0",
+        "@modelcontextprotocol/inspector-client": "^0.8.0",
+        "@modelcontextprotocol/inspector-server": "^0.8.0",
         "concurrently": "^9.0.1",
         "shell-quote": "^1.8.2",
         "spawn-rx": "^5.1.2",
@@ -32,7 +32,7 @@
     },
     "client": {
       "name": "@modelcontextprotocol/inspector-client",
-      "version": "0.7.0",
+      "version": "0.8.0",
       "license": "MIT",
       "dependencies": {
         "@modelcontextprotocol/sdk": "^1.6.1",
@@ -11571,7 +11571,7 @@
     },
     "server": {
       "name": "@modelcontextprotocol/inspector-server",
-      "version": "0.7.0",
+      "version": "0.8.0",
       "license": "MIT",
       "dependencies": {
         "@modelcontextprotocol/sdk": "^1.6.1",
diff --git a/package.json b/package.json
index 28b93d8..d323dda 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@modelcontextprotocol/inspector",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Model Context Protocol inspector",
   "license": "MIT",
   "author": "Anthropic, PBC (https://anthropic.com)",
@@ -36,8 +36,8 @@
     "publish-all": "npm publish --workspaces --access public && npm publish --access public"
   },
   "dependencies": {
-    "@modelcontextprotocol/inspector-client": "^0.7.0",
-    "@modelcontextprotocol/inspector-server": "^0.7.0",
+    "@modelcontextprotocol/inspector-client": "^0.8.0",
+    "@modelcontextprotocol/inspector-server": "^0.8.0",
     "concurrently": "^9.0.1",
     "shell-quote": "^1.8.2",
     "spawn-rx": "^5.1.2",
diff --git a/server/package.json b/server/package.json
index 732993f..9072f51 100644
--- a/server/package.json
+++ b/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@modelcontextprotocol/inspector-server",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Server-side application for the Model Context Protocol inspector",
   "license": "MIT",
   "author": "Anthropic, PBC (https://anthropic.com)",

From c48670f426cd7443c85a01c90fd782140958e5e6 Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 16:43:23 -0300
Subject: [PATCH 14/17] Add copy button to JSON & fix button styles override.

---
 client/src/components/JsonView.tsx            |  2 +-
 client/src/components/ToolsTab.tsx            | 31 ++++++++++++++++---
 .../components/__tests__/ToolsTab.test.tsx    |  1 -
 client/src/index.css                          | 26 ----------------
 4 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/client/src/components/JsonView.tsx b/client/src/components/JsonView.tsx
index e2922f0..3b9ec25 100644
--- a/client/src/components/JsonView.tsx
+++ b/client/src/components/JsonView.tsx
@@ -33,7 +33,7 @@ const JsonView = memo(
         : data;
 
     return (
-      <div className="font-mono text-sm transition-all duration-300 ">
+      <div className="font-mono text-sm transition-all duration-300">
         <JsonNode
           data={normalizedData as JsonValue}
           name={name}
diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 7958664..0cf8f74 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -13,10 +13,11 @@ import {
   ListToolsResult,
   Tool,
 } from "@modelcontextprotocol/sdk/types.js";
-import { AlertCircle, Send } from "lucide-react";
-import { useEffect, useState } from "react";
+import { AlertCircle, Copy, Send, CheckCheck } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
 import ListPane from "./ListPane";
 import JsonView from "./JsonView";
+import { toast } from 'react-toastify'
 
 const ToolsTab = ({
   tools,
@@ -44,6 +45,20 @@ const ToolsTab = ({
     setParams({});
   }, [selectedTool]);
 
+  const [copied, setCopied] = useState(false)
+
+  const handleCopy = useCallback(() => {
+    try {
+      navigator.clipboard.writeText(JSON.stringify(toolResult))
+      setCopied(true)
+      setTimeout(() => {
+        setCopied(false)
+      }, 500)
+    } catch (error) {
+      toast.error(`There was an error coping result into the clipboard: ${error instanceof Error ? error.message : String(error)}`)
+    }
+  }, [toolResult])
+
   const renderToolResult = () => {
     if (!toolResult) return null;
 
@@ -53,7 +68,8 @@ const ToolsTab = ({
         return (
           <>
             <h4 className="font-semibold mb-2">Invalid Tool Result:</h4>
-            <div className="p-4 border rounded">
+            <div className="p-4 border rounded relative">
+              <Copy className="size-4 text-primary" />
               <JsonView data={toolResult} />
             </div>
             <h4 className="font-semibold mb-2">Errors:</h4>
@@ -76,7 +92,12 @@ const ToolsTab = ({
           {structuredResult.content.map((item, index) => (
             <div key={index} className="mb-2">
               {item.type === "text" && (
-                <div className="p-4 border rounded">
+                <div className="p-4 border rounded relative">
+                  <Button size="icon" variant="ghost" className="absolute top-2 right-2" onClick={handleCopy}>
+                    {copied ?
+                      <CheckCheck className="size-4 dark:text-green-700 text-green-600" />
+                      : <Copy className="size-4 text-foreground" />}
+                  </Button>
                   <JsonView data={item.text} />
                 </div>
               )}
@@ -234,7 +255,7 @@ const ToolsTab = ({
                               ...params,
                               [key]:
                                 prop.type === "number" ||
-                                prop.type === "integer"
+                                  prop.type === "integer"
                                   ? Number(e.target.value)
                                   : e.target.value,
                             })
diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index e1b306d..1c24a6c 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -81,7 +81,6 @@ describe("ToolsTab", () => {
     expect(newInput.value).toBe("");
   });
 
-
   it("should display error message when error prop is provided", () => {
     const errorMessage = "Test error message";
     renderToolsTab({
diff --git a/client/src/index.css b/client/src/index.css
index 1795f58..11c6f23 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -38,29 +38,6 @@ h1 {
   line-height: 1.1;
 }
 
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-button[role="checkbox"] {
-  padding: 0;
-}
-
 @media (prefers-color-scheme: light) {
   :root {
     color: #213547;
@@ -69,9 +46,6 @@ button[role="checkbox"] {
   a:hover {
     color: #747bff;
   }
-  button {
-    background-color: #f9f9f9;
-  }
 }
 
 @layer base {

From d1e155f984b44699378d309d651b07e68a46bab4 Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 16:48:01 -0300
Subject: [PATCH 15/17] Revert "Add copy button to JSON & fix button styles
 override."

This reverts commit c48670f426cd7443c85a01c90fd782140958e5e6.
---
 client/src/components/JsonView.tsx            |  2 +-
 client/src/components/ToolsTab.tsx            | 31 +++----------------
 .../components/__tests__/ToolsTab.test.tsx    |  1 +
 client/src/index.css                          | 26 ++++++++++++++++
 4 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/client/src/components/JsonView.tsx b/client/src/components/JsonView.tsx
index 3b9ec25..e2922f0 100644
--- a/client/src/components/JsonView.tsx
+++ b/client/src/components/JsonView.tsx
@@ -33,7 +33,7 @@ const JsonView = memo(
         : data;
 
     return (
-      <div className="font-mono text-sm transition-all duration-300">
+      <div className="font-mono text-sm transition-all duration-300 ">
         <JsonNode
           data={normalizedData as JsonValue}
           name={name}
diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 0cf8f74..7958664 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -13,11 +13,10 @@ import {
   ListToolsResult,
   Tool,
 } from "@modelcontextprotocol/sdk/types.js";
-import { AlertCircle, Copy, Send, CheckCheck } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
+import { AlertCircle, Send } from "lucide-react";
+import { useEffect, useState } from "react";
 import ListPane from "./ListPane";
 import JsonView from "./JsonView";
-import { toast } from 'react-toastify'
 
 const ToolsTab = ({
   tools,
@@ -45,20 +44,6 @@ const ToolsTab = ({
     setParams({});
   }, [selectedTool]);
 
-  const [copied, setCopied] = useState(false)
-
-  const handleCopy = useCallback(() => {
-    try {
-      navigator.clipboard.writeText(JSON.stringify(toolResult))
-      setCopied(true)
-      setTimeout(() => {
-        setCopied(false)
-      }, 500)
-    } catch (error) {
-      toast.error(`There was an error coping result into the clipboard: ${error instanceof Error ? error.message : String(error)}`)
-    }
-  }, [toolResult])
-
   const renderToolResult = () => {
     if (!toolResult) return null;
 
@@ -68,8 +53,7 @@ const ToolsTab = ({
         return (
           <>
             <h4 className="font-semibold mb-2">Invalid Tool Result:</h4>
-            <div className="p-4 border rounded relative">
-              <Copy className="size-4 text-primary" />
+            <div className="p-4 border rounded">
               <JsonView data={toolResult} />
             </div>
             <h4 className="font-semibold mb-2">Errors:</h4>
@@ -92,12 +76,7 @@ const ToolsTab = ({
           {structuredResult.content.map((item, index) => (
             <div key={index} className="mb-2">
               {item.type === "text" && (
-                <div className="p-4 border rounded relative">
-                  <Button size="icon" variant="ghost" className="absolute top-2 right-2" onClick={handleCopy}>
-                    {copied ?
-                      <CheckCheck className="size-4 dark:text-green-700 text-green-600" />
-                      : <Copy className="size-4 text-foreground" />}
-                  </Button>
+                <div className="p-4 border rounded">
                   <JsonView data={item.text} />
                 </div>
               )}
@@ -255,7 +234,7 @@ const ToolsTab = ({
                               ...params,
                               [key]:
                                 prop.type === "number" ||
-                                  prop.type === "integer"
+                                prop.type === "integer"
                                   ? Number(e.target.value)
                                   : e.target.value,
                             })
diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index 1c24a6c..e1b306d 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -81,6 +81,7 @@ describe("ToolsTab", () => {
     expect(newInput.value).toBe("");
   });
 
+
   it("should display error message when error prop is provided", () => {
     const errorMessage = "Test error message";
     renderToolsTab({
diff --git a/client/src/index.css b/client/src/index.css
index 11c6f23..1795f58 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -38,6 +38,29 @@ h1 {
   line-height: 1.1;
 }
 
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+button[role="checkbox"] {
+  padding: 0;
+}
+
 @media (prefers-color-scheme: light) {
   :root {
     color: #213547;
@@ -46,6 +69,9 @@ h1 {
   a:hover {
     color: #747bff;
   }
+  button {
+    background-color: #f9f9f9;
+  }
 }
 
 @layer base {

From 1504d1307e2dc30752d38f2c90aa3c319ee22027 Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 16:49:10 -0300
Subject: [PATCH 16/17] Remove error

---
 client/src/components/ToolsTab.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 7958664..6e85531 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -1,4 +1,4 @@
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
@@ -13,7 +13,7 @@ import {
   ListToolsResult,
   Tool,
 } from "@modelcontextprotocol/sdk/types.js";
-import { AlertCircle, Send } from "lucide-react";
+import { Send } from "lucide-react";
 import { useEffect, useState } from "react";
 import ListPane from "./ListPane";
 import JsonView from "./JsonView";
@@ -27,7 +27,6 @@ const ToolsTab = ({
   setSelectedTool,
   toolResult,
   nextCursor,
-  error,
 }: {
   tools: Tool[];
   listTools: () => void;
@@ -251,13 +250,6 @@ const ToolsTab = ({
                 Run Tool
               </Button>
               {toolResult && renderToolResult()}
-              {error && (
-                <Alert variant="destructive">
-                  <AlertCircle className="h-4 w-4" />
-                  <AlertTitle>Error</AlertTitle>
-                  <AlertDescription>{error}</AlertDescription>
-                </Alert>
-              )}
             </div>
           ) : (
             <Alert>

From 80f2986fd6dbc0803249d7cd08d08a782f107c66 Mon Sep 17 00:00:00 2001
From: NicolasMontone <montonenicolas01@gmail.com>
Date: Tue, 1 Apr 2025 16:58:32 -0300
Subject: [PATCH 17/17] remove unneeded test

---
 client/src/components/__tests__/ToolsTab.test.tsx | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index e1b306d..349977a 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -80,20 +80,6 @@ describe("ToolsTab", () => {
     const newInput = screen.getByRole("spinbutton") as HTMLInputElement;
     expect(newInput.value).toBe("");
   });
-
-
-  it("should display error message when error prop is provided", () => {
-    const errorMessage = "Test error message";
-    renderToolsTab({
-      selectedTool: mockTools[0],
-      error: errorMessage,
-    });
-
-    // Verify error message is displayed
-    expect(screen.getByText("Error")).toBeTruthy();
-    expect(screen.getByText(errorMessage)).toBeTruthy();
-    });
-
   it("should handle integer type inputs", () => {
     renderToolsTab({
       selectedTool: mockTools[1], // Use the tool with integer type