RAG Search Playground
Test console to evaluate natural-language queries against the vector store and calibrate retrieval parameters.
About this block
What it's for
- Test console to evaluate natural-language queries against the vector store and calibrate retrieval parameters.
- Hybrid search test bench combining dense embedding similarity and BM25 lexical matching.
- Vector store diagnostic tool to inspect scores, dimensions and returned fragments.
For management of bulk document ingestion without running searches, use RAG Source Manager.
Includes
- Vector query testing
- Similarity threshold tuning
- Top k adjustment
- Hybrid dense sparse toggle
- Vector embedding inspection
- Score decomposition
- Preset queries
- Collection selector
Works with
- Radix UI primitives (the registry variant it ships in)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
agentic-ui add rag-search-playgroundnpx shadcn@4.17.0 add @agentic-ui/rag-search-playgroundUsed in
A standalone component: drop it into any screen.
- Type
- Block
- Variants
- Radix UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- Sample data
- Ships with sample data in
mock-data.ts; replace it with your own.
- npm packages
- None beyond your project's React and Next.js
- Registry dependencies
lib-primitives- Files
3 files
- components/agentic-ui/rag-search-playground/index.tsx
- components/agentic-ui/rag-search-playground/types.ts
- components/agentic-ui/rag-search-playground/mock-data.ts
Related components
RAG Chunk Viewer
Inspecting how a document was chunked when indexing it in the vector database.
Details and live previewRAG Citation Cards
Assistant reply with sources [1]-[n] whose full passage is inspected by hovering over each card.
Details and live previewRAG Freshness Badge
RAG source manager that flags which indexed documents have become obsolete.
Details and live previewRAG Retrieval Inspector
RAG debugging console that breaks down why a chunk did or did not pass the vector similarity and reranker cutoff threshold.
Details and live preview