# AI Assistant components

> 11 AI Assistant components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: AI Citations and Provenance, AI States, Artifact Renderer, Ask AI and Insight Card, CopilotChat, CopilotDock, CopilotProvider, ScoreExplainer, SemanticSearch, VoiceCallOverlay, WeightedCriteriaCard.

Source: https://docs.nasaqui.com/components/groups/ai

- [AI Citations and Provenance](https://docs.nasaqui.com/components/ai-citations): Show where an AI answer came from. Inline numbered markers that open a quote, source chips, evidence cards with the quoted passage, and a provenance line with model, latency, grounding and confidence.
- [AI States](https://docs.nasaqui.com/components/ai-states): The states of an AI feature. Smart actions (sparkle button, split button, suggestion chips, Cmd or Ctrl J menu), loading (thinking indicator, shimmer, step labels), generating (streaming text with a caret, stop and regenerate, safe partial Markdown) and summarized (TL;DR card with key points, sources, confidence, feedback).
- [Artifact Renderer](https://docs.nasaqui.com/components/artifact-renderer): Generative UI from a schema. Turns an agent's JSON into a card, table, chart, Markdown, code, stats, action buttons or picker, validated and safe. HTML is off by default and only shown in a sandboxed frame.
- [Ask AI and Insight Card](https://docs.nasaqui.com/components/ask-ai): Ask AI about selected text with a popover that appears on selection, quick actions and a question box. Plus an inline AI insight card with finding, metric, reasoning, sources, confidence and next actions.
- [CopilotChat](https://docs.nasaqui.com/components/copilot-chat): AI assistant chat with streamed Markdown answers, tool-call steps, sources, artifacts, follow-ups, context chips, file attachments, slash commands, toggles, history, a model picker and @mentions, as a side panel or a full page.
- [CopilotDock](https://docs.nasaqui.com/components/copilot-dock): App-wide assistant: a launcher or an Ask bar that opens CopilotChat in a non-modal panel docked to either edge or the bottom, floating, or expanded to the page. Toggled with ⌘J / Ctrl+J.
- [CopilotProvider](https://docs.nasaqui.com/components/copilot-provider): Owns a copilot conversation: streams answers from your transport, stops, retries, keeps sessions, and lets any part of the app open the assistant with useCopilot().
- [ScoreExplainer](https://docs.nasaqui.com/components/score-explainer): A 0 to 100 score badge that opens the reasons behind it, one line per dimension with points, source chips, an inferred mark and confidence.
- [SemanticSearch](https://docs.nasaqui.com/components/semantic-search): Semantic memory search with a query box, mode and limit, results with facet chips, highlighted words and a score with a level word.
- [VoiceCallOverlay](https://docs.nasaqui.com/components/voice-call-overlay): Full-screen voice call with an AI agent showing who, how long, a level-driven visualiser, the listening, thinking or speaking state, live captions and mute, captions and hang-up controls.
- [WeightedCriteriaCard](https://docs.nasaqui.com/components/weighted-criteria-card): A human-in-the-loop step: the assistant suggests criteria, the person switches each on or off, sets its weight, adds their own and confirms.