Feat/dashboard refine

.gitignore

@@ -43,3 +43,6 @@ tmp
 python-version
 testenv/
 ptest/
+/node_modules/
+/package.json
+/package-lock.json

README.md

@@ -77,7 +77,25 @@ async with alpha.CraftExperiment.setup(name="my_experiment") as exp:
 
 ### View Results
 
-Dashboard is coming soon! Meanwhile, you can query the results directly from the database.
+The dashboard is under active development.  
+You can already run the frontend locally to explore experiments, trials, runs, and metrics through the UI.
+
+### Prerequisites
+Make sure the following are installed:
+
+- **Node.js ≥ 18**
+- **npm ≥ 9** 
+- **Vite**
+- Backend (`alphatrion server`) running
+
+### Running the Frontend
+
+Inside the `dashboard` directory:
+```bash
+npm install
+npm run dev
+```
+Dashboard is available at `http://localhost:5173`
 
 ### Cleanup
 

dashboard/Manual_Testing.md

@@ -1,42 +1,43 @@
 # Manual Testing Checklist
 
 ## Prerequisites
-
 - Backend running: `alphatrion server`
 - Dashboard running: `cd dashboard && npm run dev`
 
 ## Test Cases
 
-### Projects Page
-
-- [ ] Page loads, auto-redirects to first project's experiments on initial visit
-- [ ] Click "Projects" in sidebar shows all projects
-- [ ] Full project ID displayed in first column
-- [ ] Click project ID navigates to that project's experiments
-
-### Experiments Page
-
-- [ ] Overview tab shows total count, latest and oldest experiment
-- [ ] List tab shows experiments with full ID in first column
-- [ ] Click experiment ID navigates to experiment detail
-
-### Experiment Detail
+### Sidebar
+- [ ] Alphatrion logo with gradient icon displays correctly
+- [ ] Project selector dropdown works (below logo)
 
-- [ ] Breadcrumb navigation works (Projects / Experiments / Experiment Name)
-- [ ] Experiment info displays correctly (full ID, Project ID, Created, Updated)
-- [ ] Metadata displays if available
-- [ ] Trials list displays with full ID in first column
-- [ ] Click trial ID navigates to trial detail
+### Sidebar Navigation
+- [ ] Experiments button highlights on `/experiments` and `/experiments/:id` pages
+- [ ] Experiments button does NOT highlight on `/trials/:id` and `/runs/:id` pages
+- [ ] Clicking Experiments button navigates back to Experiments Overview
 
-### Trial Detail
 
-- [ ] Breadcrumb navigation works
-- [ ] Trial info displays (full ID, Duration, Status, Created, Updated)
-- [ ] Parameters and Metadata display if available
-- [ ] Metrics chart renders with multiple metrics (accuracy, fitness, etc.)
-- [ ] Runs list displays with full ID in first column
-
-### Known Limitations
+### Experiments Page
+- [ ] Overview tab: 3 metric cards (Total/Latest/Oldest Experiment)
+- [ ] Overview tab: "Recent Experiments" table shows latest 5
+- [ ] Overview tab: Cards clickable → navigate to experiment detail
+- [ ] Overview tab: Recent table rows clickable → navigate to experiment detail
+- [ ] List tab: Full-width table with all experiments
+- [ ] List tab: Full experiment ID displayed
+- [ ] List tab: Click ID → navigate to experiment detail
+- [ ] Pill-style tabs with count badge
+
+### Trials Page
+- [ ] Trials nav enabled after selecting an experiment
+- [ ] Overview + List tabs display correctly
+- [ ] Click trial ID → navigate to trial detail
+
+### Runs Page
+- [ ] Runs nav enabled after selecting a trial
+- [ ] Run ID clickable → navigate to run detail
+- [ ] Run detail shows: ID, Trial ID, Experiment ID, Created, Metadata
+
+### General UI
+- [ ] Glassmorphism effect on sidebar (blur + transparency)
+- [ ] Background gradient/pattern visible through content
+- [ ] Hover effects on cards and table rows
 
-- Sidebar only shows "Projects" - navigate to Experiments via project selection
-- Run detail page not yet implemented

dashboard/package.json

@@ -15,6 +15,7 @@
         "clsx": "^2.0.0",
         "d3": "^7.8.5",
         "date-fns": "^2.30.0",
+        "lucide-react": "^0.555.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.20.0"
@@ -35,4 +36,4 @@
         "typescript": "^5.3.2",
         "vite": "^5.0.0"
     }
-}
+}