Shadcn Compliant48 Components
AI Elements Component Gallery
Interactive test bench for all 48 shadcn-compliant AI Elements components.
PromptInput
Multi-modal AI prompt input box
Speech & Selectors
MicSelector, VoiceSelector, & SpeechInput
Suggestion & Shimmer
Clickable prompt pills and animated shimmer text
Processing legal translation state...
Conversation Thread & Messages
Full message container with role bubbles & markdown
Please translate the following non-disclosure clause to French.
Here is the refined legal translation: Accord de non-divulgation Les parties conviennent de maintenir la confidentialité de toutes les informations transmises...
Sources & Inline Citations
Document reference badges and sources footer
According to Canadian IRCC guidelines, all translated documents require a certified translator affidavit.
Reasoning & Chain of Thought
AI thinking trace and multi-step pipeline
Agent, Persona & Plans
Agent status headers, task lists, and execution plans
Veritas Engine Agent
State: Listening for legal document inputs...
Veritas Execution Plan
3 tasks remaining
CodeBlock & Snippet
Syntax highlighted code display and snippet box
function translateText(text: string, targetLang: string) { return fetch("/api/v1/veritas/translate", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text, target_language: targetLang }), });}Terminal & StackTrace
Interactive CLI logs and stack trace viewer
Terminal
[10:42:01] Processing job doc_9812...\n[10:42:02] Completed AST extraction.FileTree, Environment Variables & SchemaDisplay
Directory tree, secrets table, and JSON schema display
FileTree
Env Vars
VERITAS_API_KEY
••••••••••••••••••••REDIS_HOST
•••••••••••••Package / Schema
optume-veritas-engine
0.3.10
POST/api/v1/veritas/translate
Artifact & WebPreview
Document artifact container and embedded browser mockup
veritas_translation_report.pdf
Certified Legal Translation Summary — 100% Quality Score.
AudioPlayer, Checkpoint & Confirmation
Audio controls, timeline checkpoints, and alert confirmations
Translated audio narration transcript preview.
v1.2 Approved by Senior Translator
Node Flow Canvas
React Flow node graph engine with panels and toolbars