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;