|
1 |
| -import { Client } from "mcp-typescript/client/index.js"; |
2 |
| -import { SSEClientTransport } from "mcp-typescript/client/sse.js"; |
| 1 | +import { Client } from "@modelcontextprotocol/sdk/client/index.js"; |
| 2 | +import { SSEClientTransport } from "@modelcontextprotocol/sdk/client/sse.js"; |
3 | 3 | import {
|
4 |
| - ListResourcesResultSchema, |
| 4 | + CallToolResultSchema, |
| 5 | + ClientRequest, |
| 6 | + CreateMessageRequestSchema, |
| 7 | + CreateMessageResult, |
| 8 | + EmptyResultSchema, |
5 | 9 | GetPromptResultSchema,
|
| 10 | + ListPromptsResultSchema, |
| 11 | + ListResourcesResultSchema, |
6 | 12 | ListToolsResultSchema,
|
| 13 | + ProgressNotificationSchema, |
7 | 14 | ReadResourceResultSchema,
|
8 |
| - CallToolResultSchema, |
9 |
| - ListPromptsResultSchema, |
10 | 15 | Resource,
|
11 |
| - Tool, |
12 |
| - ClientRequest, |
13 |
| - ProgressNotificationSchema, |
14 | 16 | ServerNotification,
|
15 |
| - EmptyResultSchema, |
16 |
| - CreateMessageResult, |
17 |
| - CreateMessageRequestSchema, |
18 |
| -} from "mcp-typescript/types.js"; |
19 |
| -import { useState, useRef, useEffect } from "react"; |
| 17 | + Tool, |
| 18 | +} from "@modelcontextprotocol/sdk/types.js"; |
| 19 | +import { useEffect, useRef, useState } from "react"; |
20 | 20 |
|
21 |
| -import { |
22 |
| - Send, |
23 |
| - Terminal, |
24 |
| - Files, |
25 |
| - Bell, |
26 |
| - MessageSquare, |
27 |
| - Hammer, |
28 |
| - Play, |
29 |
| - Hash, |
30 |
| -} from "lucide-react"; |
31 |
| -import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; |
32 |
| -import { Input } from "@/components/ui/input"; |
33 | 21 | import { Button } from "@/components/ui/button";
|
| 22 | +import { Input } from "@/components/ui/input"; |
34 | 23 | import {
|
35 | 24 | Select,
|
36 | 25 | SelectContent,
|
37 | 26 | SelectItem,
|
38 | 27 | SelectTrigger,
|
39 | 28 | SelectValue,
|
40 | 29 | } from "@/components/ui/select";
|
| 30 | +import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; |
| 31 | +import { |
| 32 | + Bell, |
| 33 | + Files, |
| 34 | + Hammer, |
| 35 | + Hash, |
| 36 | + MessageSquare, |
| 37 | + Play, |
| 38 | + Send, |
| 39 | + Terminal, |
| 40 | +} from "lucide-react"; |
41 | 41 |
|
42 |
| -import ConsoleTab from "./components/ConsoleTab"; |
43 |
| -import Sidebar from "./components/Sidebar"; |
44 |
| -import RequestsTab from "./components/RequestsTabs"; |
45 |
| -import ResourcesTab from "./components/ResourcesTab"; |
46 |
| -import PromptsTab, { Prompt } from "./components/PromptsTab"; |
47 |
| -import ToolsTab from "./components/ToolsTab"; |
48 | 42 | import { AnyZodObject } from "zod";
|
49 |
| -import HistoryAndNotifications from "./components/History"; |
50 | 43 | import "./App.css";
|
| 44 | +import ConsoleTab from "./components/ConsoleTab"; |
| 45 | +import HistoryAndNotifications from "./components/History"; |
51 | 46 | import PingTab from "./components/PingTab";
|
| 47 | +import PromptsTab, { Prompt } from "./components/PromptsTab"; |
| 48 | +import RequestsTab from "./components/RequestsTabs"; |
| 49 | +import ResourcesTab from "./components/ResourcesTab"; |
52 | 50 | import SamplingTab, { PendingRequest } from "./components/SamplingTab";
|
| 51 | +import Sidebar from "./components/Sidebar"; |
| 52 | +import ToolsTab from "./components/ToolsTab"; |
53 | 53 |
|
54 | 54 | const App = () => {
|
55 | 55 | const [connectionStatus, setConnectionStatus] = useState<
|
|
0 commit comments