Example of overview-functional in React AI AssistView

/
/
Overview

This sample demonstrates an Overview UI that integrates streaming responses, generative UI responses, thinking workflow visualization, file attachments, speech-to-text input, text-to-speech playback and regenerate controls.

More Details...

Loading....
Description

The Overview sample composes multiple features from other samples into a single, reusable layout:

  • Generative UI for rendering structured AI responses including text, and tools in a conversational layout.
  • Thinking blocks to visualize AI workflow stages such as searching, processing, analyzing, and summarizing in real time.
  • Streaming responses rendered in real time using addPromptResponse.
  • File attachments via the built-in attachmentSettings.
  • Speech-to-text voice input using the browser SpeechRecognition via speechToTextSettings.
  • Text-to-speech playback using the responseToolbarSettings audio control.
  • Regenerate control to retry AI responses for a selected prompt.