Audit this website against the Agentic Design Blueprint doctrine using the live MCP server.

## What this command does

1. Fetches all principles and clusters from the live MCP endpoint
2. Navigates key pages of the site using Playwright
3. For each principle, evaluates whether the UI surfaces the right signals — delegation, visibility, trust, orchestration
4. Reports gaps and confirms alignments with specific page and component references

## Steps

### 1. Load doctrine

Call `mcp__agentic-blueprint__list_principles` to get all 10 principles with their cluster groupings.
Call `mcp__agentic-blueprint__list_clusters` to load the cluster-level summaries.
For each principle, call `mcp__agentic-blueprint__get_principle(slug)` to read the full rationale, heuristics, and anti-patterns.

### 2. Navigate the site

Use Playwright to visit the following pages (use http://127.0.0.1:3000 for local, or the production URL if specified):

- `/en` — home / landing
- `/en/principles` — doctrine index
- `/en/examples` — example grid
- `/en/for-agents` — agent surface
- `/en/app/dashboard` — authenticated dashboard (if session is available)

Take a screenshot of each page. If a page requires auth and no session exists, note it as untested.

### 3. Evaluate by cluster

For each cluster, check whether the pages surface the expected signals:

**delegation** — Does the UI communicate what the agent can do on the user's behalf? Are task boundaries clear? Is there a clear hand-off point?

**visibility** — Does background or in-progress work remain perceptible? Are loading states, progress signals, or job states exposed? Is feedback aligned with the user's attention level?

**trust** — Can the user inspect what the agent did and why? Are approvals and blockers made explicit? Is system agency introduced progressively?

**orchestration** — Is delegated work represented as a system (not just a chat thread)? Are steering controls available after initiation? Are multi-agent boundaries visible?

### 4. Report

For each principle:
- **Status**: Aligned / Partial / Gap / Not applicable on public pages
- **Evidence**: Which page or component demonstrates this (or fails to)
- **Recommendation**: Specific, actionable change if gap is found — file path and component name

Summarise findings in a table:

| Principle | Cluster | Status | Page / Component | Note |
|---|---|---|---|---|

Then list the top 3 most critical gaps with specific fix recommendations.

## Notes

- The MCP server must be running: `./start-backend.sh` from the repo root
- The frontend must be running: `./start-frontend.sh` from the repo root
- This command is read-only — it does not modify any files
- Run after significant UI changes to verify doctrine alignment before committing