Pro block

Agent chat

A workspace for an agent that does things, not only talks: you see its plan, every tool it calls and how long each took, you approve anything that acts outside the chat, and what it writes opens beside the conversation.

Examples

A research agent in the library

Ask it to research the Book of Optics. Watch it plan, read two manuscripts at once, retry a failed step, then ask before emailing. Open a tool card, press a citation, open the brief. Type / for commands, ⌘K for everything else.

New chat

What should I look into?

I plan, search and read the library’s holdings, ask before I act, and write up what I find.

Return send · Shift+Return new line · Escape stop

New chat
Hide conversations
New chat

What’s included

  • A plan that ticks off as the agent works, its thinking folded away, and each tool call as a card with its arguments, result, status and a timer; calls made at once are grouped.
  • Approvals: a risky action pauses the run until you allow it, deny it, or allow that tool for the rest of the chat.
  • Stop, retry and edit-and-resend; failures are shown, with the work done so far kept.
  • Citations as chips that open the sources, and documents or tables in a side pane you can resize, copy and download; on phones it opens as a sheet.
  • Conversations you can search, rename and delete (with undo), kept in the browser; attachments, slash commands and ⌘K.
  • It reads the events a TanStack AI agent streams, so it works with your own agent endpoint; plan, citations, artifacts and usage travel as custom events.

Get it

Part of Sina UI Pro. Built on @tanstack/ai, with the free Command palette, Dialog, Segmented control, Search field, Copy button and Toast.

Keyboard

KeyDoes
EnterSend
Shift EnterNew line
/Commands; ↑ ↓ to choose, Tab to pick
EscStop the run
⌘ KEvery action and conversation
← → on the pane’s edgeResize the side pane

Accessibility

  • The conversation is a log; a finished answer is announced once, not word by word.
  • An approval request is announced right away, and its buttons are reachable with Tab.
  • Each tool card is a button that says whether it’s open; citation chips name their source.
  • With reduced motion, cards and panes appear without sliding.
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