Support agentNew

Support inbox with an AI copilot, built from the agent primitives: open a ticket and the agent reads it, looks up the customer, searches the help center on a live activity timeline, drafts a reply with citations and asks before it issues a refund. Ticket list, customer panel and a send step included. Scripted end to end, so it runs with no backend until you plug in your model.

Installation

Set your access key from API keys as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then every item installs by name. Each install counts as a copy on a free account.

$pnpm dlx shadcn@latest add @nextui/support-agent

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

Usage

1"use client";
2
3import { SupportAgent } from "@/components/pages/support-agent";
4
5export default function Page() {
6  return (
7    <SupportAgent
8      brand="Helpline"
9      onApprove={(ticket, action) => console.log("approved", action.toolName, ticket.id)}
10      onSend={(ticket, reply) => console.log("send", ticket.id, reply)}
11    />
12  );
13}

API reference