Fix code style

client/src/components/DynamicJsonForm.tsx

@@ -1,4 +1,11 @@
-import { useState, useEffect, useCallback, useRef, forwardRef, useImperativeHandle } from "react";
+import {
+  useState,
+  useEffect,
+  useCallback,
+  useRef,
+  forwardRef,
+  useImperativeHandle,
+} from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import JsonEditor from "./JsonEditor";
@@ -55,12 +62,8 @@ const getArrayItemDefault = (schema: JsonSchemaType): JsonValue => {
   }
 };
 
-const DynamicJsonForm = forwardRef<DynamicJsonFormRef, DynamicJsonFormProps>(({
+const DynamicJsonForm = forwardRef<DynamicJsonFormRef, DynamicJsonFormProps>(
-  schema,
+  ({ schema, value, onChange, maxDepth = 3 }, ref) => {
-  value,
-  onChange,
-  maxDepth = 3,
-}, ref) => {
     const isOnlyJSON = !isSimpleObject(schema);
     const [isJsonMode, setIsJsonMode] = useState(isOnlyJSON);
     const [jsonError, setJsonError] = useState<string>();
@@ -150,7 +153,8 @@ const DynamicJsonForm = forwardRef<DynamicJsonFormRef, DynamicJsonFormProps>(({
         setJsonError(undefined);
         return { isValid: true, error: null };
       } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Invalid JSON";
+        const errorMessage =
+          err instanceof Error ? err.message : "Invalid JSON";
         setJsonError(errorMessage);
         return { isValid: false, error: errorMessage };
       }
@@ -187,7 +191,9 @@ const DynamicJsonForm = forwardRef<DynamicJsonFormRef, DynamicJsonFormProps>(({
                 handleFieldChange(path, parsed);
                 setJsonError(undefined);
               } catch (err) {
-              setJsonError(err instanceof Error ? err.message : "Invalid JSON");
+                setJsonError(
+                  err instanceof Error ? err.message : "Invalid JSON",
+                );
               }
             }}
             error={jsonError}
@@ -436,7 +442,11 @@ const DynamicJsonForm = forwardRef<DynamicJsonFormRef, DynamicJsonFormProps>(({
             </Button>
           )}
           {!isOnlyJSON && (
-          <Button variant="outline" size="sm" onClick={handleSwitchToFormMode}>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={handleSwitchToFormMode}
+            >
               {isJsonMode ? "Switch to Form" : "Switch to JSON"}
             </Button>
           )}
@@ -479,6 +489,7 @@ const DynamicJsonForm = forwardRef<DynamicJsonFormRef, DynamicJsonFormProps>(({
         )}
       </div>
     );
-});
+  },
+);
 
 export default DynamicJsonForm;

client/src/components/ToolsTab.tsx

@@ -13,7 +13,13 @@ import {
   ListToolsResult,
   Tool,
 } from "@modelcontextprotocol/sdk/types.js";
-import { Loader2, Send, ChevronDown, ChevronUp, AlertCircle } from "lucide-react";
+import {
+  Loader2,
+  Send,
+  ChevronDown,
+  ChevronUp,
+  AlertCircle,
+} from "lucide-react";
 import { useEffect, useState, useRef } from "react";
 import ListPane from "./ListPane";
 import JsonView from "./JsonView";
@@ -254,9 +260,9 @@ const ToolsTab = ({
                 <Button
                   onClick={async () => {
                     // Validate JSON inputs before calling tool
-                    const hasValidationErrors = Object.values(formRefs.current).some(
+                    const hasValidationErrors = Object.values(
-                      (ref) => ref && !ref.validateJson().isValid
+                      formRefs.current,
-                    );
+                    ).some((ref) => ref && !ref.validateJson().isValid);
                     if (hasValidationErrors) return;
 
                     try {