import { AssistantConnections } from "./connections";
import { publicAppOrigin } from "@/server/public-app-url";

export default function AssistantsPage() {
  return <div className="reveal flex flex-col gap-6">
    <div><h1 className="text-3xl font-semibold tracking-tight">Assistant connections</h1>
      <p className="text-sm text-muted-foreground">Connect assistants through MCP with your existing event, group, and platform permissions.</p></div>
    <AssistantConnections endpoint={`${publicAppOrigin()}/api/mcp`} />
  </div>;
}