Convex MCP server

import { Card } from "./components/Card"; import Snowflake from "./components/Snowflake"; import NodeFetch from "./components/NodeFetch"; import Tiktoken from "./components/Tiktoken"; function App() { return ( <div className="w-screen h-fit flex flex-row flex-wrap p-10 gap-10"> <Card className="flex flex-col justify-center items-center gap-4 font-bold text-lg" title={"snowflake-sdk"} modalContent={<Snowflake />} > snowflake-sdk </Card> <Card className="flex flex-col justify-center items-center gap-4 font-bold text-lg" title={"node-fetch"} modalContent={<NodeFetch />} > node-fetch </Card> <Card className="flex flex-col justify-center items-center gap-4 font-bold text-lg" title={"tiktoken"} modalContent={<Tiktoken />} > tiktoken </Card> <Card className="flex flex-col justify-center items-center gap-4 font-bold text-lg" title={"ffmpeg-wasm"} modalContent={<Snowflake />} > ffmpeg-wasm </Card> <Card className="flex flex-col justify-center items-center gap-4 font-bold text-lg" title={"stockfish"} modalContent={<Snowflake />} > stockfish </Card> </div> ); } export default App;