Function ToolsTab

client/src/components/ToolsTab.tsx:167–903

({
  tools,
  listTools,
  clearTools,
  callTool,
  selectedTool,
  setSelectedTool,
  toolResult,
  isPollingTask,
  nextCursor,
  error,
  resourceContent,
  onReadResource,
  serverSupportsTaskRequests,
}: {
  tools: Tool[];
  listTools: () => void;
  clearTools: () => void;
  callTool: (
    name: string,
    params: Record<string, unknown>,
    metadata?: Record<string, unknown>,
    runAsTask?: boolean,
  ) => Promise<CompatibilityCallToolResult>;
  selectedTool: Tool | null;
  setSelectedTool: (tool: Tool | null) => void;
  toolResult: CompatibilityCallToolResult | null;
  isPollingTask?: boolean;
  nextCursor: ListToolsResult["nextCursor"];
  error: string | null;
  resourceContent: Record<string, string>;
  onReadResource?: (uri: string) => void;
  serverSupportsTaskRequests: boolean;
})

};

const ToolsTab = ({
  tools,
  listTools,
  clearTools,
  callTool,
  selectedTool,
  setSelectedTool,
  toolResult,
  isPollingTask,
  nextCursor,
  error,
  resourceContent,
  onReadResource,
  serverSupportsTaskRequests,
}: {
  tools: Tool[];
  listTools: () => void;
  clearTools: () => void;
  callTool: (
    name: string,
    params: Record<string, unknown>,
    metadata?: Record<string, unknown>,
    runAsTask?: boolean,
  ) => Promise<CompatibilityCallToolResult>;
  selectedTool: Tool | null;
  setSelectedTool: (tool: Tool | null) => void;
  toolResult: CompatibilityCallToolResult | null;
  isPollingTask?: boolean;
  nextCursor: ListToolsResult["nextCursor"];
  error: string | null;
  resourceContent: Record<string, string>;
  onReadResource?: (uri: string) => void;
  serverSupportsTaskRequests: boolean;
}) => {
  const [params, setParams] = useState<Record<string, unknown>>({});
  const [runAsTask, setRunAsTask] = useState(false);
  const [isToolRunning, setIsToolRunning] = useState(false);
  const [isOutputSchemaExpanded, setIsOutputSchemaExpanded] = useState(false);
  const [isMetadataExpanded, setIsMetadataExpanded] = useState(false);
  const [metadataEntries, setMetadataEntries] = useState<
    { id: string; key: string; value: string }[]
  >([]);
  const [hasValidationErrors, setHasValidationErrors] = useState(false);
  const formRefs = useRef<Record<string, DynamicJsonFormRef | null>>({});
  const { toast } = useToast();
  const { copied, setCopied } = useCopy();

  // Function to check if any form has validation errors
  const checkValidationErrors = (validateChildren: boolean = false) => {
    const errors = Object.values(formRefs.current).some(
      (ref) =>
        ref &&
        (validateChildren ? !ref.validateJson().isValid : ref.hasJsonError()),
    );
    setHasValidationErrors(errors);
    return errors;
  };