Feat/design system compliance

CHANGELOG.md

@@ -6,6 +6,20 @@ All notable changes to this project will be documented in this file.
 
 ### Changed
 
+- **Design system compliance pass on PlaywrightDashboard** — aligns
+  `PlaywrightDashboard.tsx` with `DESIGN.md` across all token categories:
+  primary brand blue changed from Tailwind `#2563eb` to DESIGN `#1a3a8f`
+  throughout all interactive elements (buttons, toggles, active states, focus
+  outlines, badges, "latest"/"viewing" chips); success semantic color updated
+  from `#10b981` (emerald-500) to DESIGN `#34C759`/`#16A34A`; warning color
+  updated from `#fbbf24` to DESIGN `#E8A728`/`#D97706`; hover tooltip
+  background corrected to DESIGN tooltip spec `#2D2823`; `StatusBadge`
+  `uppercase` transform removed per DESIGN "no uppercase on buttons/chips"
+  rule; `StatusIcon` converted to inline `style` so semantic colors use exact
+  DESIGN tokens; KPI stack bar, run-history chart bars and legend dots,
+  duration bar, and inline stat counts all updated to use DESIGN semantic
+  palette (`ui/src/pages/PlaywrightDashboard.tsx`).
+
 - **DocsPage updated for Gemini/Ollama stack** — all nine documentation
   sections rewritten to reflect the current project state: Anthropic/Claude
   references replaced with Gemini/Ollama, directory tree updated, env-var

README.md

@@ -35,7 +35,7 @@ Type a request in the chat. **Edi M**, the Team Manager, analyses your intent an
 | 🤖   | **Edi M — Team Manager**          | Orchestrator agent that analyses your request and routes it to the right specialist                                                                                                                                                                                                                                                                                                                               |
 | 🤝   | **Multi-Agent Collaboration**     | Tag two or more specialists (or @Edi M) and they iterate: primary drafts → critic reviews → primary refines → manager delivers the polished synthesis. Each turn streams into its own chat bubble with a role pill (primary / critic / synthesis). Chat history and image attachments are forwarded to the initial primary turn so vision prompts and follow-up context are preserved across collaborative rounds |
 | ✨🦙 | **Gemini + Ollama**               | Switch between cloud Gemini and fully-local Ollama models with a single click — no restart required                                                                                                                                                                                                                                                                                                               |
-| 🎭   | **Playwright Dashboard**          | Run your test suite, stream live terminal output, and view pass/fail telemetry in real time. Every run now also lands an Edi M post-mortem directly in chat                                                                                                                                                                                                                                                       |
+| 🎭   | **Playwright Dashboard**          | Run your test suite, stream live terminal output, and view pass/fail telemetry in real time. Every run now also lands an Edi M post-mortem directly in chat. UI follows the DESIGN.md token system — primary `#1a3a8f`, semantic success/warning/error, no uppercase chips                                                                                                                                        |
 | 🧠   | **Post-Run AI Summaries**         | After a test run Edi M reads the JSON results, classifies each failure (Timeout / Assertion / Locator / Network), and streams a structured executive summary with TypeScript fix snippets                                                                                                                                                                                                                         |
 | 📜   | **Persistent Run History + Logs** | Each run is archived under `test-results/runs/` with its full stdout — click any past run in the history table to replay results AND the original log lines                                                                                                                                                                                                                                                       |
 | 🔧   | **Self-Healing Locators**         | Broken selectors are ranked by resilience: `getByTestId` → `getByRole` → `getByLabel` → CSS/XPath with confidence scores and caveats                                                                                                                                                                                                                                                                              |

ui/src/pages/DocsPage.tsx

@@ -265,7 +265,7 @@ npm run run:datagen           # Edge-case test data generator`,
       {
         type: 'list',
         items: [
-          "Error \"browserType.launch: Executable doesn't exist\" → Run: npx playwright install --with-deps chromium",
+          'Error "browserType.launch: Executable doesn\'t exist" → Run: npx playwright install --with-deps chromium',
           '404 on /api/run/:id → Start the server: npm run dev (starts both UI on port 5173 and API on port 3001)',
           'Chat returns no response → Check that GEMINI_API_KEY is set in .env, or that Ollama is running at the configured base URL.',
           'UI shows blank page after npm run dev → Check that port 5173 is free. Check the browser console for errors.',