Roadmap

Read dashboard/roadmap.html to understand the current structure, styling, and layout patterns. The page uses the project's dark design system (Lexend Deca + Work Sans, purple/cyan accents).

Step 3: Regenerate the Page

Rewrite dashboard/roadmap.html with updated data. Preserve the existing:

• CSS — All styles, variables, animations, responsive rules
• Structure — 3 tabs (Quarterly Roadmap, Full Backlog, Dependencies)
• Design — Dark theme, card styles, theme color coding, hover effects

Update with fresh data:

• Stats row — Correct counts for total, done, in progress, per theme
• Q1 Focus cards — From PRODUCT_STRATEGY.md Current Quarter Focus
• Timeline swim lanes — Arrange items across months based on priority, dependencies, effort
• Backlog tab — All items grouped by MoSCoW, with correct badges and dependency info
• Dependencies tab — Updated dependency chains and unblocked items list
• Generated timestamp — Current date

Theme Color Mapping

Status Badge Mapping

Effort Badge Mapping

Timeline Layout Rules

• 6-month view starting from the current month
• 4 swim lanes: Platform, Contact Intel, Integrations, Analytics
• Place items in timeline based on: dependencies (blocked items come after their blockers), effort (S=1mo, M=1-2mo, L=2-3mo, XL=3+mo), MoSCoW priority
• Current month column gets the current-month class
• Done items get done class (strikethrough, reduced opacity)

Step 4: Report

After regenerating, report:

• Total items rendered
• Any items that couldn't be categorized (missing theme or invalid data)
• Date of generation

Do NOT commit the file — the user will commit when ready.