Frontend Deep Dive

Workspaces

The React/Vite frontend exposes login, project selection, structured/unstructured tabs, chat, history, knowledge base, bulk import, admin, document viewers, debug views, and a resizable sidebar. It uses Tailwind/shadcn-style components and theme switching.

API/auth

src/lib/api.ts and src/lib/auth.ts separate HTTP calls and shared JWT/session behavior. The UI routes queries to the RAG engine and structured operations to the Analyst API while preserving the same user identity.

Domain UX

FTA and dossier responses show citations/source cards. HS and concordance modes hide attachments and citations when configured, keeping classification output focused. Debug views expose pipeline timings and retrieval evidence for operators and technical users.

Quality risks

The frontend depends on multiple backend origins and streamed responses. It should handle expired JWTs, partial SSE events, backend selection failures, large document previews, and stale project/session URLs.