MCPX MCP Gateway

import { Toaster } from "@/components/ui/toaster"; import Pages from "@/pages/index.jsx"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { ReactFlowProvider } from "@xyflow/react"; import "@xyflow/react/dist/style.css"; import "monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.ttf"; import { useEffect } from "react"; import "./App.css"; import { initMonaco } from "./monaco/init-monaco"; import { AuthProvider } from "@/contexts/AuthContext"; import { ConnectionManager } from "@/components/ConnectionManager"; const queryClient = new QueryClient(); function App() { useEffect(() => { initMonaco(); }, []); return ( <AuthProvider> <ConnectionManager /> <QueryClientProvider client={queryClient}> <ReactFlowProvider> <Pages /> <Toaster /> </ReactFlowProvider> </QueryClientProvider> </AuthProvider> ); } export default App;