Key views (Spec 7)

Where to find main features in the app.

Spec 7 defines the main views. Use the sidebar and project pages to navigate.

v1

Dashboard / Project list — Sidebar → Dashboard
New Analysis Wizard — Project → Run new analysis (or Analyses tab → Run first analysis)
Flow graph — Open any analysis report → Flow graph tab
Issues list — Report → Issues tab (sortable, filterable by severity, type, flow, persona)
Report view — Project → View report on latest analysis, or Analyses tab → click an analysis
Export options — Report → Export (Markdown, Print/PDF, GitHub, Figma comments)
Settings — Sidebar → Settings (rules, integrations)

AI Playbook / Micro-lesson — Report → Issues → click an issue → Learn (micro-lesson modal)
Workflow recommendations — Report → Insights → Suggested AI Workflow
Design–Code Gap / Observer — Report → Coded flow / Observer suggestions; project Config → Connected repos
Team workspace — Report → Issues (comments, status, assignee); Project → Version history

Live sidecar — Sidebar → Live (desktop: run alongside Figma)
Flow refactor comparison — Report → Flow alternatives tab
Analytics overlay — Report → Analytics overlay; project Config → Connect PostHog/Amplitude
Personalization — Report → Insights → Personalization
System Health Dashboard — Dashboard → Design system analytics card (adherence, analyses); full org-level dashboard on roadmap (Spec 6.6)
CI/CD Status Dashboard — Sidebar → CI/CD (workflow YAML, PR comment example, pipeline status placeholder)

Capture from live app — Sidebar → Capture (Inspector extension, create project from coded page)
Blueprint Library — Sidebar → Blueprints (compare flows, generate from blueprint)
Expert Review — Report → Insights → Expert Review (book human UX review)
Observer Agent — Report → Insights → Observer; project Config → repo connections
Security hygiene — Report → Insights → Security hygiene panel (coded flows)
Design system governance — Dashboard → Design system analytics; help