Convex MCP server

import Script from "next/script";
import { SparklesIcon } from "@heroicons/react/24/outline";
import { Button } from "@ui/Button";

export function AskAI() {
  return (
    <>
      <Script
        src="https://widget.kapa.ai/kapa-widget.bundle.js"
        data-modal-title="Convex AI"
        data-button-hide="true"
        data-modal-override-open-class="js-launch-kapa-ai"
        data-website-id="8dfb3aad-6006-4f56-b2ed-75fa8051db22"
        data-project-name="Convex"
        data-project-color="#3F5295"
        data-project-logo="https://img.stackshare.io/service/41143/default_f1d33b63d360437ba28c8ac981dd68d7d2478b22.png"
        data-user-analytics-fingerprint-enabled="true"
        data-user-analytics-cookie-enabled="true"
        data-search-mode-enabled="true"
        // Additional styles are applied to this modal in globals.css
      />
      <Button
        inline
        className="js-launch-kapa-ai flex items-center gap-1 rounded-full px-2.5 text-sm text-content-primary"
      >
        <SparklesIcon className="size-4" />
        <span className="hidden md:block">Ask AI</span>
      </Button>
    </>
  );
}