modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

add pagination handling for lists

Browse source
This commit is contained in:
Ashwin Bhat 2024-10-17 16:59:37 -07:00
commit 24d005ac84
No known key found for this signature in database
1 changed files with 41 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

7
client/src/components/ToolsTab.tsx
View file

@ -3,7 +3,7 @@ import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Send, AlertCircle } from "lucide-react";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Tool } from "mcp-typescript/types.js";
import { ListToolsResult, Tool } from "mcp-typescript/types.js";
import { useState } from "react";
import { Label } from "@/components/ui/label";
import ListPane from "./ListPane";
@ -15,6 +15,7 @@ const ToolsTab = ({
selectedTool,
setSelectedTool,
toolResult,
nextCursor,
error,
}: {
tools: Tool[];
@ -23,6 +24,7 @@ const ToolsTab = ({
selectedTool: Tool | null;
setSelectedTool: (tool: Tool) => void;
toolResult: string;
nextCursor: ListToolsResult["nextCursor"];
error: string | null;
}) => {
const [params, setParams] = useState<Record<string, unknown>>({});
@ -42,7 +44,8 @@ const ToolsTab = ({
</>
)}
title="Tools"
buttonText="List Tools"
buttonText={nextCursor ? "List More Tools" : "List Tools"}
isButtonDisabled={!nextCursor && tools.length > 0}
/>
<div className="bg-white rounded-lg shadow">