CleenUI · AI · AIWidget

AIWidget

Pro

A full-frame AI interaction surface — chat, generate, transform — embeddable inside any page.

storybook.cleenui.com · ai-aiwidget--default
Open in new window

About AIWidget

AIWidget is the maximalist AI surface: a chat-style frame with message history, action chips, attached context, and streaming responses. Drop it into a page, a drawer, or a modal, and users get a context-aware AI assistant scoped to whatever they're currently doing.

The widget binds to the current page or entity automatically, so questions like "summarize this" or "what changed?" resolve against the right context. Conversation history persists per user.

When to use it

  • In-app AI assistants scoped to the current screen.
  • Side-panel chat with the current document or record.
  • Embedded support assistants on help pages.
  • Generation surfaces (summaries, drafts, analyses) on detail screens.

Common props

Prop
Type
Description
model
string
LLM identifier.
context
object
Page or entity context bound to the conversation.
actions
Action[]
Quick-action chips above the input.
persistHistory
boolean
Save history per user.
onMessage
(message) => void
Fires on every user or assistant message.
Cross-references

Where this component shows up elsewhere in the foundation.

In modules

1
⚡ Already in an AI editor?

Set up CleenUI in your tool.

Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.

Claude CodeCursorWindsurfGitHub CopilotClineAider+6All 12 guides
Other categories

More component families.