AI-15AINew, November 10, 2026

AI Handoff

The assistant hands the chat to a person, with what they will see so you don't repeat yourself. The queue counts down and the agent joins the thread.

lucide-react, motion

I got charged twice for October

I can see both charges. Refunds need someone on the billing team, so I’m handing you over with the details.

Handing over to Billing3rd in line

They’ll see this, so you won’t repeat yourself

Two charges of $24.00 on Nov 3
Invoice INV-2291, card ending 4242
You’d like one of them refunded

NTAUsually replies in about 2 min

PROSlash Command Menu and more like it are in Kokonut UI Pro

Installation

AI Handoff is a free, open-source React component in the Kokonut UI AI collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/ai-handoff.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/ai-handoff

Usage

import AIHandoff from "@/components/kokonutui/ai-handoff";

export default function Example() {
  return <AIHandoff />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

AI Order Status

A live delivery card in the reply. The courier moves along the route while the ETA counts down, and the route turns green on arrival.

AI Context Meter

How full the context window is, as a ring in the prompt footer that opens a breakdown by source and compacts when it fills.

AI Handoff

Installation

Usage

Dependencies

On this page