Generative UI Components
AI picks and renders AnalyticsDashboard, Graph, DataCard, EmailPreview, EmailActions, and InboxSummaryCard in chat and canvas.
- Component-first responses
- Canvas + message rendering
Next.js 15 + Tambo + Supabase + Resend
One conversation drives real tools and real UI: charts, cards, inbox summaries, email previews, and send/draft actions in the same thread.
Feature coverage mirrors the implemented tools, components, and data flows from the app.
AI picks and renders AnalyticsDashboard, Graph, DataCard, EmailPreview, EmailActions, and InboxSummaryCard in chat and canvas.
Ask naturally, preview the generated email, then send now or save as draft from action buttons.
Generate 7-day activity charts, category breakdown, top contacts, and quick email metrics on command.
Simulate receiving emails for demo and summarize recent inbox messages instantly in a dedicated summary card.
Manage contacts and reusable templates as selectable data cards, then reuse them in compose flows.
OTP auth with Supabase, plus stored sent/draft/received records and sidebar history views.
Users type intent, not commands.
Email, contacts, templates, analytics, inbox.
Previews, cards, charts, and action UIs are rendered.
Supabase stores drafts, sent items, received items, contacts, templates.
Directly based on the demo guide prompts used to trigger full component + tool flows.
Email dashboard
Show my email analytics dashboard with charts.Inbox summary
Summarize my inbox and show recent emails.Manage contacts
List my contacts as selectable cards.Send email
Compose and send an email to my contact about project updates.Open chat, use the prompt chips, and watch components render in both thread and canvas.
Start Demo