saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Agent Chat

AI agent chat interface with tool calling, file uploads, and step-by-step execution visualization.

Agent Assistant

Features

  • Message history — User and AI messages
  • Tool calling visualization — Show agent actions
  • File uploads — Attach files to messages
  • Streaming responses — Real-time AI output
  • Step-by-step execution — See agent thinking process

API Reference

PropTypeDefaultDescription
messagesMessage[]-Chat message history
onSendMessage(message: string) => void-Send message callback
isLoadingboolean-Show loading state

Components Used

buttoninputcardavatarbadgeprogress