[espdesign]

Summary

Redesigns the Tech Tree DAG node cards and unifies visual styling across the Web Dashboard Portal workspace views (Tech Tree, Kanban Board, and Table Matrix).

Key Improvements:

• Tech Tree DAG Nodes:
  • Replaced the legacy full-color cards with sleek dark slate cards (#2b2d31) featuring a curved left accent bar matching readiness state.
  • High-contrast typography and expanded multi-line titles (supporting up to 58 characters across 2 lines).
  • Dual pill badging: uncompleted overdue tasks display both OVERDUE (red pill) and their readiness state (ACTIVE, AVAILABLE, LOCKED) while preserving their true readiness accent bar and short ID colors.
  • Completed tasks are strictly excluded from overdue tagging.
  • Removed all decorative emojis from badges.
• Kanban Board Cards:
  • Added 4px state-colored left accent borders (.state-${readiness} and .is-overdue).
  • Render [PRJ-N] short IDs in the matching state color.
  • Modernized badges to translucent pills without emojis.
• Table Matrix Rows:
  • Added 4px left accent borders to row leading cells reflecting readiness state.
  • Render [PRJ-N] short IDs in the matching state color.
  • Updated the Readiness column to use translucent badge pills with overdue row indicators.
• Global .legend-pill:
  • Modernized legend pills across toolbar, cards, inspector sidebar, and matrix table.

Verification

• make check passed (ruff lint, ruff format check, and 539 unit/integration tests).
• Pre-push E2E validation suite passed (6 journey tests).
• Application Docker container rebuilt and running healthy.
• OpenSpec changes archived and main specs updated.