Pro template

AI agents

A platform for running AI agents, shown end to end through Sidra AI, a demo product: a customer care agent and a sales agent, from the customer's chat or call, through a handover to a person when it should, to the business side where agents are built, tested, reviewed and improved.

Preview

Customer side

A shop using Sidra AI: chat with the care agent about an order, or call it. Open it in its own tab to try every page.

Device
Open it

Business side

The app where the business builds, tests and reviews its agents, and picks up handovers.

Device
Open it

What's included

  • Customer side: a chat widget and a call button on a demo shop; the care agent finds an order, starts a return and hands over to a person when a refund is over its limit; the sales agent qualifies a visitor and books a demo; a rating at the end.
  • Agent builder: persona and tone, instructions, knowledge, actions with limits, guardrails for when to hand over, voice, channels and hours, with publish, changes and versions.
  • A playground to test a draft, with every step visible and two versions side by side.
  • Conversations with transcripts, the steps the agent took and call recordings that follow the transcript; a live handover queue with summaries and suggested replies.
  • Insights, the widget install snippet with a live preview, team, billing and settings.

Get it

Part of Sina UI Pro. Built on the Agent chat and Voice agent blocks and the free components.

Introduction
Theming
Changelog
Button
Action button
Confirm button
Copy button
Hold to confirm
Split button
Calendar
Checkbox
Color picker
Combobox
Date picker
Date range picker
File drop
Form
Input
Mention input
Multi select
Number field
OTP input
Password input
Phone input
Radio cards
Radio group
Rich text editor
Search field
Segmented control
Select
Signature pad
Slider
Switch
Tag input
Upload
Wheel picker
Textarea
Time field
Toggle group
Toolbar
Alert dialog
Command palette
Context menu
Dialog
Drawer
Dropdown
Hover card
Popover
Tooltip
Announcement bar
Alert
Empty state
Meter
Progress
Rolling number
Skeleton
Spinner
Toast
Avatar
Avatar group
Badge
Card
Carousel
Chart
Chat
Code block
Data table
Folder
Kbd
Mind map
Resizable panels
Scroll area
Separator
Sortable
Table
Tag group
Virtual list
Audio player
Image
Image compare
Video
Visualizer
Breadcrumb
File tree
Menubar
Navigation menu
Pagination
Sidebar layout
Stepper
Tabs
Alarm clock
Clock
Dynamic island
Fluid orb
Hourglass
Stopwatch
Timer
AI chat
AI media
Auth
Board
Booking
Dashboard
File explorer
Messaging
Notifications
Settings
Team
Overview
Pricing
Agent chat
Calendar
Voice agent
Mail inbox
CMS
Blog
Marketing site
E-commerce
AI agents
SaaS landing page
SaaS app
Accordion
Dark theme
Light theme