Phase 1054: Project Details Redesign

[wiseyoda]

Summary

Complete UI overhaul of the SpecFlow dashboard with a modern design system and improved UX.

Key Changes

• Design System: New GlassCard, StatusPill, and floating orb components
• Redesigned Header: Project folder name prominently displayed with branch info
• Icon Sidebar: Navigate between Dashboard, Session, Tasks, and History views
• Context Drawer: Real-time tasks, git changes, and activity information
• History Timeline: Auto-scrolls to current phase, browse completed/pending phases
• Artifact Viewer: View spec.md, plan.md, tasks.md with markdown rendering
• Workflow Controls: Orchestrate as main action, Merge/Review/Memory as secondary

Bug Fixes

• Fixed skill loading (now uses flow.* prefix correctly)
• Fixed git changes API to show uncommitted changes
• Fixed phase progress display (only shows when orchestration active)
• Removed hardcoded fallback values that masked errors
• Fixed tooltip z-index issues in navigation

Test plan

• Navigate to project detail page
• Verify header shows project folder name
• Test sidebar navigation between views
• Verify context drawer shows tasks and git changes
• Test History view auto-scrolls to current phase
• Click Orchestrate button - should not error

🤖 Generated with Claude Code