From 5bec008b8172f3892ad7d736b039e0667cce04ab Mon Sep 17 00:00:00 2001
From: Kenneth Sinder <kenneth@makenotion.com>
Date: Sun, 21 Sep 2025 10:05:40 -0700
Subject: [PATCH 1/5] ToolsTab: truncate tool descriptions for nicer rendering

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

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 377521ae..6c72b208 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -95,7 +95,7 @@ const ToolsTab = ({
           renderItem={(tool) => (
             <div className="flex flex-col items-start">
               <span className="flex-1">{tool.name}</span>
-              <span className="text-sm text-gray-500 text-left">
+              <span className="text-sm text-gray-500 text-left line-clamp-3">
                 {tool.description}
               </span>
             </div>
@@ -114,9 +114,12 @@ const ToolsTab = ({
           <div className="p-4">
             {selectedTool ? (
               <div className="space-y-4">
-                <p className="text-sm text-gray-600 dark:text-gray-400">
+                <div className="text-sm font-medium">Description</div>
+                <div className="text-sm text-gray-600 dark:text-gray-400 whitespace-pre-wrap max-h-48 overflow-y-auto">
                   {selectedTool.description}
-                </p>
+                </div>
+                <hr className="border-t border-gray-300 my-4" />
+                <div className="text-sm font-medium">Inputs & Outputs</div>
                 {Object.entries(selectedTool.inputSchema.properties ?? []).map(
                   ([key, value]) => {
                     const prop = normalizeUnionType(value as JsonSchemaType);

From 3d3a79e10950aa0bada35bb674c9d7b529965c33 Mon Sep 17 00:00:00 2001
From: olaservo <olahungerford@gmail.com>
Date: Tue, 7 Oct 2025 20:57:42 -0700
Subject: [PATCH 2/5] Add enum parameter support in ToolsTab component and
 corresponding tests
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 client/src/components/ToolsTab.tsx            | 43 ++++++++++++++
 .../components/__tests__/ToolsTab.test.tsx    | 58 +++++++++++++++++++
 2 files changed, 101 insertions(+)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 0123296a..0c7cb17a 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -5,6 +5,13 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { TabsContent } from "@/components/ui/tabs";
 import { Textarea } from "@/components/ui/textarea";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import DynamicJsonForm, { DynamicJsonFormRef } from "./DynamicJsonForm";
 import type { JsonValue, JsonSchemaType } from "@/utils/jsonUtils";
 import {
@@ -180,6 +187,42 @@ const ToolsTab = ({
                               {prop.description || "Toggle this option"}
                             </label>
                           </div>
+                        ) : prop.type === "string" && prop.enum ? (
+                          <Select
+                            value={
+                              params[key] === undefined
+                                ? ""
+                                : String(params[key])
+                            }
+                            onValueChange={(value) => {
+                              if (value === "") {
+                                setParams({
+                                  ...params,
+                                  [key]: undefined,
+                                });
+                              } else {
+                                setParams({
+                                  ...params,
+                                  [key]: value,
+                                });
+                              }
+                            }}
+                          >
+                            <SelectTrigger id={key} className="mt-1">
+                              <SelectValue
+                                placeholder={
+                                  prop.description || "Select an option"
+                                }
+                              />
+                            </SelectTrigger>
+                            <SelectContent>
+                              {prop.enum.map((option) => (
+                                <SelectItem key={option} value={option}>
+                                  {option}
+                                </SelectItem>
+                              ))}
+                            </SelectContent>
+                          </Select>
                         ) : prop.type === "string" ? (
                           <Textarea
                             id={key}
diff --git a/client/src/components/__tests__/ToolsTab.test.tsx b/client/src/components/__tests__/ToolsTab.test.tsx
index a50f62df..ee8cac6d 100644
--- a/client/src/components/__tests__/ToolsTab.test.tsx
+++ b/client/src/components/__tests__/ToolsTab.test.tsx
@@ -638,6 +638,64 @@ describe("ToolsTab", () => {
     });
   });
 
+  describe("Enum Parameters", () => {
+    const toolWithEnumParam: Tool = {
+      name: "enumTool",
+      description: "Tool with enum parameter",
+      inputSchema: {
+        type: "object" as const,
+        properties: {
+          format: {
+            type: "string" as const,
+            enum: ["json", "xml", "csv", "yaml"],
+            description: "Output format",
+          },
+        },
+      },
+    };
+
+    beforeEach(() => {
+      // Mock scrollIntoView for Radix UI Select
+      Element.prototype.scrollIntoView = jest.fn();
+    });
+
+    it("should render enum parameter as dropdown", () => {
+      renderToolsTab({
+        tools: [toolWithEnumParam],
+        selectedTool: toolWithEnumParam,
+      });
+
+      // Should render a select button instead of textarea
+      const selectTrigger = screen.getByRole("combobox", { name: /format/i });
+      expect(selectTrigger).toBeInTheDocument();
+    });
+
+    it("should render non-enum string parameter as textarea", () => {
+      const toolWithStringParam: Tool = {
+        name: "stringTool",
+        description: "Tool with regular string parameter",
+        inputSchema: {
+          type: "object" as const,
+          properties: {
+            text: {
+              type: "string" as const,
+              description: "Some text input",
+            },
+          },
+        },
+      };
+
+      renderToolsTab({
+        tools: [toolWithStringParam],
+        selectedTool: toolWithStringParam,
+      });
+
+      // Should render textarea, not select
+      expect(screen.queryByRole("combobox")).not.toBeInTheDocument();
+      expect(screen.getByRole("textbox")).toBeInTheDocument();
+    });
+  });
+
   describe("JSON Validation Integration", () => {
     const toolWithJsonParams: Tool = {
       name: "jsonTool",

From 694b20225197576e38e15cd40054cf3e73cf67c7 Mon Sep 17 00:00:00 2001
From: olaservo <olahungerford@gmail.com>
Date: Wed, 8 Oct 2025 07:38:10 -0700
Subject: [PATCH 3/5] Move CLAUDE.md content to AGENTS.md

---
 .worktrees/pr-767 |  1 +
 .worktrees/pr-822 |  1 +
 AGENTS.md         | 33 +++++++++++++++++++++++++++++++++
 CLAUDE.md         | 34 +---------------------------------
 4 files changed, 36 insertions(+), 33 deletions(-)
 create mode 160000 .worktrees/pr-767
 create mode 160000 .worktrees/pr-822
 create mode 100644 AGENTS.md

diff --git a/.worktrees/pr-767 b/.worktrees/pr-767
new file mode 160000
index 00000000..1778ab70
--- /dev/null
+++ b/.worktrees/pr-767
@@ -0,0 +1 @@
+Subproject commit 1778ab70ca0fc2c0c9a4aa8f15c0aa28bd0c5271
diff --git a/.worktrees/pr-822 b/.worktrees/pr-822
new file mode 160000
index 00000000..4298132f
--- /dev/null
+++ b/.worktrees/pr-822
@@ -0,0 +1 @@
+Subproject commit 4298132f93a3c2cf404f55ff5c56a38ca7ee1280
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 00000000..ec826b1f
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,33 @@
+# MCP Inspector Development Guide
+
+## Build Commands
+
+- Build all: `npm run build`
+- Build client: `npm run build-client`
+- Build server: `npm run build-server`
+- Development mode: `npm run dev` (use `npm run dev:windows` on Windows)
+- Format code: `npm run prettier-fix`
+- Client lint: `cd client && npm run lint`
+
+## Code Style Guidelines
+
+- Use TypeScript with proper type annotations
+- Follow React functional component patterns with hooks
+- Use ES modules (import/export) not CommonJS
+- Use Prettier for formatting (auto-formatted on commit)
+- Follow existing naming conventions:
+  - camelCase for variables and functions
+  - PascalCase for component names and types
+  - kebab-case for file names
+- Use async/await for asynchronous operations
+- Implement proper error handling with try/catch blocks
+- Use Tailwind CSS for styling in the client
+- Keep components small and focused on a single responsibility
+
+## Project Organization
+
+The project is organized as a monorepo with workspaces:
+
+- `client/`: React frontend with Vite, TypeScript and Tailwind
+- `server/`: Express backend with TypeScript
+- `cli/`: Command-line interface for testing and invoking MCP server methods directly
diff --git a/CLAUDE.md b/CLAUDE.md
index ec826b1f..285e0f5b 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -1,33 +1 @@
-# MCP Inspector Development Guide
-
-## Build Commands
-
-- Build all: `npm run build`
-- Build client: `npm run build-client`
-- Build server: `npm run build-server`
-- Development mode: `npm run dev` (use `npm run dev:windows` on Windows)
-- Format code: `npm run prettier-fix`
-- Client lint: `cd client && npm run lint`
-
-## Code Style Guidelines
-
-- Use TypeScript with proper type annotations
-- Follow React functional component patterns with hooks
-- Use ES modules (import/export) not CommonJS
-- Use Prettier for formatting (auto-formatted on commit)
-- Follow existing naming conventions:
-  - camelCase for variables and functions
-  - PascalCase for component names and types
-  - kebab-case for file names
-- Use async/await for asynchronous operations
-- Implement proper error handling with try/catch blocks
-- Use Tailwind CSS for styling in the client
-- Keep components small and focused on a single responsibility
-
-## Project Organization
-
-The project is organized as a monorepo with workspaces:
-
-- `client/`: React frontend with Vite, TypeScript and Tailwind
-- `server/`: Express backend with TypeScript
-- `cli/`: Command-line interface for testing and invoking MCP server methods directly
+@./AGENTS.md

From 68a9cce437e7ae281b55218d4e208d29dd983378 Mon Sep 17 00:00:00 2001
From: olaservo <olahungerford@gmail.com>
Date: Wed, 8 Oct 2025 07:46:58 -0700
Subject: [PATCH 4/5] Remove accidental commits

---
 .worktrees/pr-767 | 1 -
 .worktrees/pr-822 | 1 -
 2 files changed, 2 deletions(-)
 delete mode 160000 .worktrees/pr-767
 delete mode 160000 .worktrees/pr-822

diff --git a/.worktrees/pr-767 b/.worktrees/pr-767
deleted file mode 160000
index 1778ab70..00000000
--- a/.worktrees/pr-767
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 1778ab70ca0fc2c0c9a4aa8f15c0aa28bd0c5271
diff --git a/.worktrees/pr-822 b/.worktrees/pr-822
deleted file mode 160000
index 4298132f..00000000
--- a/.worktrees/pr-822
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 4298132f93a3c2cf404f55ff5c56a38ca7ee1280

From 653e0f87d1d4957c3b7fb98a4be8efe9c45c28cc Mon Sep 17 00:00:00 2001
From: anilkumar <anilkumar567849@gmail.com>
Date: Thu, 9 Oct 2025 00:03:32 +0530
Subject: [PATCH 5/5] fix: prevent long unbreakable words in alert messages
 from overflowing container

---
 client/src/components/PromptsTab.tsx   | 4 +++-
 client/src/components/ResourcesTab.tsx | 4 +++-
 client/src/components/ToolsTab.tsx     | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/components/PromptsTab.tsx b/client/src/components/PromptsTab.tsx
index 0df36bb8..424845d0 100644
--- a/client/src/components/PromptsTab.tsx
+++ b/client/src/components/PromptsTab.tsx
@@ -131,7 +131,9 @@ const PromptsTab = ({
               <Alert variant="destructive">
                 <AlertCircle className="h-4 w-4" />
                 <AlertTitle>Error</AlertTitle>
-                <AlertDescription>{error}</AlertDescription>
+                <AlertDescription className="break-all">
+                  {error}
+                </AlertDescription>
               </Alert>
             ) : selectedPrompt ? (
               <div className="space-y-4">
diff --git a/client/src/components/ResourcesTab.tsx b/client/src/components/ResourcesTab.tsx
index 874e0ff7..f44a8402 100644
--- a/client/src/components/ResourcesTab.tsx
+++ b/client/src/components/ResourcesTab.tsx
@@ -225,7 +225,9 @@ const ResourcesTab = ({
               <Alert variant="destructive">
                 <AlertCircle className="h-4 w-4" />
                 <AlertTitle>Error</AlertTitle>
-                <AlertDescription>{error}</AlertDescription>
+                <AlertDescription className="break-all">
+                  {error}
+                </AlertDescription>
               </Alert>
             ) : selectedResource ? (
               <JsonView
diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index 0123296a..7692b79c 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -137,7 +137,9 @@ const ToolsTab = ({
                   <Alert variant="destructive">
                     <AlertCircle className="h-4 w-4" />
                     <AlertTitle>Error</AlertTitle>
-                    <AlertDescription>{error}</AlertDescription>
+                    <AlertDescription className="break-all">
+                      {error}
+                    </AlertDescription>
                   </Alert>
                 )}
                 <p className="text-sm text-gray-600 dark:text-gray-400">