E. AI & Chat

AI Assistant Sidebar / Widget

Docked assistant panel, floating launcher, contextual “ask about this” popover and an inline AI suggestion toolbar.

4 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add ai/ai-sidebar

01Docked assistant panel in app

Uses: AppFrame · ChatMessage · PromptInput · PromptSuggestion

components/blocks/ai/ai-sidebar/01-docked-panel.tsx

Uses: ChatMessage · PromptInput · IconButton · Badge

components/blocks/ai/ai-sidebar/02-floating-launcher.tsx