Use Agent Loadout from a Vercel App with Vercel Connect

import { getToken } from '@vercel/connect';

export async function listInboxes(userId: string) {
  const token = await getToken('<CONNECTOR_UID>', {
    subject: { type: 'user', id: userId },
  });

  const response = await fetch('https://agent-loadout.com/api/v1/inboxes', {
    headers: { Authorization: `Bearer ${token}` },
  });
  return response.json();
}

import { createMCPClient } from '@ai-sdk/mcp';
import { connectAuthProvider, ConsentRequiredError } from '@vercel/connect/ai-sdk';

export async function POST(request: Request) {
  const userId = 'user_123'; // Take this from your authenticated session.
  try {
    const mcpClient = await createMCPClient({
      transport: {
        type: 'http',
        url: 'https://agent-loadout.com/api/mcp',
        authProvider: connectAuthProvider(
          '<CONNECTOR_UID>',
          { subject: { type: 'user', id: userId } },
          { redirectUrl: new URL('/', request.url).toString() },
        ),
      },
    });
    const tools = await mcpClient.tools();
    // In a chat route, pass `tools` to streamText and close the client when the turn ends.
    await mcpClient.close();
    return Response.json({ tools: Object.keys(tools) });
  } catch (error) {
    if (error instanceof ConsentRequiredError) return Response.redirect(error.url, 303);
    throw error;
  }
}