Skip to content

Build React dashboard workflows#8

Open
Spbd1 wants to merge 1 commit into
codex/build-end-to-end-analyzer-and-apifrom
codex/build-react-dashboard-with-specified-features
Open

Build React dashboard workflows#8
Spbd1 wants to merge 1 commit into
codex/build-end-to-end-analyzer-and-apifrom
codex/build-react-dashboard-with-specified-features

Conversation

@Spbd1
Copy link
Copy Markdown
Owner

@Spbd1 Spbd1 commented May 18, 2026

Motivation

  • Provide a Chrome-first dashboard that exposes the backend analysis, taxonomy, workbench, provider settings, review, evaluation, and reports workflows in a single-page UI.
  • Make common operator tasks (text analysis, taxonomy import/export/validation, provider configuration, review feedback, evaluation, and report export) accessible without extra manual wiring.
  • Ensure the frontend can be run from a simple local flow in this environment by adding a dependency-free runtime/dev build path.

Description

  • Added a page-based shell with Sidebar, Header, and AppShell and navigation for Analyze, Taxonomy Browser, Taxonomy Workbench, Model Settings, Review, Evaluation, Reports, and About (see frontend/src/App.tsx, frontend/src/components/layout/*).
  • Implemented the Analyze workflow and report UX including text input, example loader, provider selection, top_k, healthy-pattern and fallback toggles, claim/risk cards, evidence highlighting, warnings, and export/save controls (see frontend/src/components/analyze/*).
  • Implemented taxonomy browsing and workbench features: search/filter table, detail drawer, Excel import/export, validate endpoint, coverage and quality panels, and activation controls (see frontend/src/components/taxonomy/* and frontend/src/components/taxonomy_workbench/*).
  • Built Model Settings, Review, Evaluation, and Reports pages with provider test/save, review feedback submission and local review persistence, evaluation run and error analysis, and report preview/download/save (see frontend/src/components/settings/*, frontend/src/components/review/*, frontend/src/components/evaluation/*, frontend/src/components/reports/*).
  • Added a typed API client with robust request/response handling and local storage helpers for reviews/reports (see frontend/src/api/client.ts and frontend/src/api/types.ts).
  • Added shared UI primitives and polished global styles for a clean, professional, responsive UI (frontend/src/components/shared/*, frontend/src/styles/global.css).
  • Added a small dependency-free runtime bundle and adjusted frontend scripts so the dashboard can be built/served without installing large npm deps in this environment (frontend/src/runtime-dashboard.js, frontend/scripts/*, frontend/index.html).

Testing

  • Ran npm --prefix frontend install and confirmed dependencies/install flow for this environment (succeeded with the dependency-free runtime approach).
  • Ran npm --prefix frontend run build and confirmed the build script produced dist/ (succeeded).
  • Ran node --check frontend/src/runtime-dashboard.js to validate the runtime bundle syntax (succeeded).
  • Started the dev server with npm --prefix frontend run dev and verified it responded at http://127.0.0.1:5173 and served app.js using a Python urlopen check that returned HTTP 200 and content (succeeded).

Codex Task

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant