Saturation UIsaturation UI
DocsComponentsBlocks
⌘K

Getting Started

IntroductionInstallationTheming

Components

AccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendarCardChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDropdown MenuEmptyFieldGlow EffectInputInput GroupItemKbdMenubarNovel EditorPaginationProgressive BlurProgressSelectSheetSkeletonSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Components
/
Agent Chat

Agent Chat

AI agent chat interface with tool calling, file uploads, and step-by-step execution visualization. Complete interactive interface with real-time processing states.

Preview

Interactive agent chat showing thinking states, tool execution, file processing, and step-by-step reasoning.

Ready when you are.

Upload a receipt to match with documents...

Features

  • • Thinking state indicator with animated dots
  • • Tool call visualization with real-time status badges
  • • File upload zone with drag-and-drop support
  • • Document scanning and matching progress
  • • Step-by-step execution timeline
  • • Invoice and receipt pairing with confidence scores
  • • Multi-step workflow with progress tracking
  • • Interactive question handling with response options
  • • Result tables with extracted data
  • • Final summary with categorization results

Usage

Try these example queries to see different agent behaviors:

  • • "Can you analyze these invoices and match them with receipts?"
  • • "Search the database for project expenses"
  • • "Help me organize these documents"