Convex MCP server

import { DeploymentSettingsLayout } from "@common/layouts/DeploymentSettingsLayout";
import { Integrations } from "@common/features/settings/components/integrations/Integrations";
import { useQuery } from "convex/react";
import udfs from "@common/udfs";
import { DeploymentInfoContext } from "@common/lib/deploymentContext";
import { useContext } from "react";
import { LoadingTransition } from "@ui/Loading";

export function IntegrationsView() {
  const {
    useCurrentTeam,
    useTeamEntitlements,
    useCurrentDeployment,
    useDeploymentWorkOSEnvironment,
  } = useContext(DeploymentInfoContext);
  const team = useCurrentTeam();
  const deployment = useCurrentDeployment();
  const entitlements = useTeamEntitlements(team?.id);
  const integrations = useQuery(udfs.listConfiguredSinks.default);
  const workosData = useDeploymentWorkOSEnvironment(deployment?.name);

  return (
    <DeploymentSettingsLayout page="integrations">
      <LoadingTransition>
        {team && entitlements && integrations !== undefined && (
          <Integrations
            team={team}
            entitlements={entitlements}
            integrations={integrations}
            workosData={workosData}
          />
        )}
      </LoadingTransition>
    </DeploymentSettingsLayout>
  );
}