Cache tool call params

client/src/App.tsx

@@ -22,6 +22,7 @@ import { SESSION_KEYS, getServerSpecificKey } from "./lib/constants";
 import { AuthDebuggerState, EMPTY_DEBUGGER_STATE } from "./lib/auth-types";
 import { OAuthStateMachine } from "./lib/oauth-state-machine";
 import { cacheToolOutputSchemas } from "./utils/schemaUtils";
+import { saveToolParamsForCache } from "./utils/toolCache";
 import React, {
   Suspense,
   useCallback,
@@ -688,6 +689,12 @@ const App = () => {
   const callTool = async (name: string, params: Record<string, unknown>) => {
     lastToolCallOriginTabRef.current = currentTabRef.current;
 
+    // Save tool parameters to cache before making the call
+    const tool = tools.find((t) => t.name === name);
+    if (tool && sseUrl) {
+      saveToolParamsForCache(sseUrl, name, tool, params);
+    }
+
     try {
       const response = await sendMCPRequest(
         {
@@ -1020,6 +1027,7 @@ const App = () => {
                         clearError("resources");
                         readResource(uri);
                       }}
+                      serverUrl={sseUrl}
                     />
                     <ConsoleTab />
                     <PingTab

client/src/components/ToolsTab.tsx

@@ -18,6 +18,7 @@ import { useEffect, useState } from "react";
 import ListPane from "./ListPane";
 import JsonView from "./JsonView";
 import ToolResults from "./ToolResults";
+import { loadToolParamsFromCache } from "@/utils/toolCache";
 
 const ToolsTab = ({
   tools,
@@ -30,6 +31,7 @@ const ToolsTab = ({
   nextCursor,
   resourceContent,
   onReadResource,
+  serverUrl,
 }: {
   tools: Tool[];
   listTools: () => void;
@@ -42,24 +44,43 @@ const ToolsTab = ({
   error: string | null;
   resourceContent: Record<string, string>;
   onReadResource?: (uri: string) => void;
+  serverUrl: string;
 }) => {
   const [params, setParams] = useState<Record<string, unknown>>({});
   const [isToolRunning, setIsToolRunning] = useState(false);
   const [isOutputSchemaExpanded, setIsOutputSchemaExpanded] = useState(false);
 
   useEffect(() => {
-    const params = Object.entries(
-      selectedTool?.inputSchema.properties ?? [],
+    if (!selectedTool) {
+      setParams({});
+      return;
+    }
+
+    // Generate default parameters from schema
+    const defaultParams = Object.entries(
+      selectedTool.inputSchema.properties ?? [],
     ).map(([key, value]) => [
       key,
       generateDefaultValue(
         value as JsonSchemaType,
         key,
-        selectedTool?.inputSchema as JsonSchemaType,
+        selectedTool.inputSchema as JsonSchemaType,
       ),
     ]);
-    setParams(Object.fromEntries(params));
-  }, [selectedTool]);
+    const defaultParamsObj = Object.fromEntries(defaultParams);
+
+    // Fetch cached params from localStorage if they exist
+    const cachedParams = loadToolParamsFromCache(
+      serverUrl,
+      selectedTool.name,
+      selectedTool,
+    );
+
+    // Merge cached params with defaults, giving preference to cached values
+    const mergedParams = { ...defaultParamsObj, ...cachedParams };
+
+    setParams(mergedParams);
+  }, [selectedTool, serverUrl]);
 
   return (
     <TabsContent value="tools">

client/src/utils/toolCache.ts

@@ -0,0 +1,71 @@
+import { Tool } from "@modelcontextprotocol/sdk/types.js";
+
+export interface CacheKey {
+  serverUrl: string;
+  toolName: string;
+  paramNames: string[];
+}
+
+export function generateCacheKey(
+  serverUrl: string,
+  toolName: string,
+  tool: Tool,
+): string {
+  const paramNames = Object.keys(tool.inputSchema.properties ?? {}).sort();
+  const key = `tool_params_${btoa(`${serverUrl}_${toolName}_${JSON.stringify(paramNames)}`)}`;
+  return key;
+}
+
+export function saveToolParamsForCache(
+  serverUrl: string,
+  toolName: string,
+  tool: Tool,
+  params: Record<string, unknown>,
+): void {
+  try {
+    const cacheKey = generateCacheKey(serverUrl, toolName, tool);
+    const cacheData = {
+      params,
+      timestamp: Date.now(),
+      toolName,
+      serverUrl,
+    };
+    localStorage.setItem(cacheKey, JSON.stringify(cacheData));
+  } catch (error) {
+    console.warn("Failed to save tool parameters to cache:", error);
+  }
+}
+
+export function loadToolParamsFromCache(
+  serverUrl: string,
+  toolName: string,
+  tool: Tool,
+): Record<string, unknown> | null {
+  try {
+    const cacheKey = generateCacheKey(serverUrl, toolName, tool);
+    const cached = localStorage.getItem(cacheKey);
+
+    if (!cached) {
+      return null;
+    }
+
+    const cacheData = JSON.parse(cached);
+
+    // Validate cache data structure
+    if (!cacheData.params || !cacheData.timestamp) {
+      return null;
+    }
+
+    // Optional: Check if cache is too old (e.g., 30 days)
+    const maxAge = 30 * 24 * 60 * 60 * 1000; // 30 days in milliseconds
+    if (Date.now() - cacheData.timestamp > maxAge) {
+      localStorage.removeItem(cacheKey);
+      return null;
+    }
+
+    return cacheData.params;
+  } catch (error) {
+    console.warn("Failed to load tool parameters from cache:", error);
+    return null;
+  }
+}