Skip to content

fix: RAG dashboard accessibility #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
diegofelipeee merged 1 commit into from
Feb 18, 2026
Merged

fix: RAG dashboard accessibility #13

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 20 additions & 6 deletions packages/dashboard/src/pages/RAG.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -293,6 +293,8 @@ export function RAGPage() {
<input
ref={fileInputRef}
type="file"
title="Choose a file to upload"
aria-label="Choose a file to upload"
onChange={handleFileUpload}
accept=".txt,.md,.csv,.json,.xml,.yaml,.yml,.html,.htm,.pdf,.js,.ts,.py,.java,.c,.cpp,.css,.sql,.sh,.log,.ini,.toml,.cfg"
className="flex-1 text-sm text-zinc-400 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-purple-600 file:text-white hover:file:bg-purple-500 file:cursor-pointer"
Expand Down Expand Up @@ -361,9 +363,11 @@ export function RAGPage() {
<div className="grid grid-cols-2 gap-4">
{/* Embedding Provider */}
<div>
<label className="text-xs text-zinc-500 uppercase tracking-wide">Embedding Provider</label>
<label htmlFor="rag-embedding-provider" className="text-xs text-zinc-500 uppercase tracking-wide">Embedding Provider</label>
{editConfig ? (
<select
id="rag-embedding-provider"
title="Embedding Provider"
value={configDraft.embeddingProvider ?? config.embeddingProvider}
onChange={e => setConfigDraft(p => ({ ...p, embeddingProvider: e.target.value as 'tfidf' | 'openai' }))}
className="w-full mt-1 px-3 py-2 bg-zinc-800 border border-zinc-700 rounded-lg text-white text-sm"
Expand All @@ -378,10 +382,12 @@ export function RAGPage() {

{/* Embedding Model */}
<div>
<label className="text-xs text-zinc-500 uppercase tracking-wide">Embedding Model</label>
<label htmlFor="rag-embedding-model" className="text-xs text-zinc-500 uppercase tracking-wide">Embedding Model</label>
{editConfig ? (
<input
id="rag-embedding-model"
type="text"
title="Embedding Model"
value={configDraft.embeddingModel ?? config.embeddingModel}
onChange={e => setConfigDraft(p => ({ ...p, embeddingModel: e.target.value }))}
className="w-full mt-1 px-3 py-2 bg-zinc-800 border border-zinc-700 rounded-lg text-white text-sm"
Expand All @@ -393,10 +399,12 @@ export function RAGPage() {

{/* Chunk Size */}
<div>
<label className="text-xs text-zinc-500 uppercase tracking-wide">Chunk Size (words)</label>
<label htmlFor="rag-chunk-size" className="text-xs text-zinc-500 uppercase tracking-wide">Chunk Size (words)</label>
{editConfig ? (
<input
id="rag-chunk-size"
type="number"
title="Chunk Size"
value={configDraft.chunkSize ?? config.chunkSize}
onChange={e => setConfigDraft(p => ({ ...p, chunkSize: Number(e.target.value) }))}
className="w-full mt-1 px-3 py-2 bg-zinc-800 border border-zinc-700 rounded-lg text-white text-sm"
Expand All @@ -408,10 +416,12 @@ export function RAGPage() {

{/* Chunk Overlap */}
<div>
<label className="text-xs text-zinc-500 uppercase tracking-wide">Chunk Overlap (words)</label>
<label htmlFor="rag-chunk-overlap" className="text-xs text-zinc-500 uppercase tracking-wide">Chunk Overlap (words)</label>
{editConfig ? (
<input
id="rag-chunk-overlap"
type="number"
title="Chunk Overlap"
value={configDraft.chunkOverlap ?? config.chunkOverlap}
onChange={e => setConfigDraft(p => ({ ...p, chunkOverlap: Number(e.target.value) }))}
className="w-full mt-1 px-3 py-2 bg-zinc-800 border border-zinc-700 rounded-lg text-white text-sm"
Expand All @@ -423,10 +433,12 @@ export function RAGPage() {

{/* Max Results */}
<div>
<label className="text-xs text-zinc-500 uppercase tracking-wide">Max Results</label>
<label htmlFor="rag-max-results" className="text-xs text-zinc-500 uppercase tracking-wide">Max Results</label>
{editConfig ? (
<input
id="rag-max-results"
type="number"
title="Max Results"
value={configDraft.maxResults ?? config.maxResults}
onChange={e => setConfigDraft(p => ({ ...p, maxResults: Number(e.target.value) }))}
className="w-full mt-1 px-3 py-2 bg-zinc-800 border border-zinc-700 rounded-lg text-white text-sm"
Expand All @@ -438,10 +450,12 @@ export function RAGPage() {

{/* Similarity Threshold */}
<div>
<label className="text-xs text-zinc-500 uppercase tracking-wide">Similarity Threshold</label>
<label htmlFor="rag-similarity-threshold" className="text-xs text-zinc-500 uppercase tracking-wide">Similarity Threshold</label>
{editConfig ? (
<input
id="rag-similarity-threshold"
type="number"
title="Similarity Threshold"
step="0.01"
min="0"
max="1"
Expand Down