Example of notion-ai-clone-functional in React AI AssistView

/
/
Notion AI Clone

This sample demonstrates a configurable AI AssistView that supports multiple chat display modes, model selection, chat history management, file attachments, and voice-based input and output interactions.

More Details...

Loading....
Description

The AI AssistView sample showcases how an interactive assistant experience can be embedded and managed within different UI layouts while offering rich user controls and session persistence:

  • Floating, sidebar, and full-screen chat modes with seamless view switching.
  • Prompt suggestions rendered using a custom item template with contextual icons.
  • Multiple AI model selection via a dropdown, with dynamic icon updates.
  • Chat session creation, persistence, and history navigation.
  • File upload and removal support using configured attachment endpoints.
  • Speech-to-text input and text-to-speech playback for hands-free interaction.
  • Toolbar actions for starting new chats, sharing conversations, hiding the assistant, and resizing views.
  • Floating action button (FAB) to restore the assistant when hidden.