UX: Add task dependency graph visualization in task detail modal

[frankbria]

Problem

TaskCard shows a dependency count with an icon, but clicking it doesn't reveal what those dependencies are or how they affect execution order. TaskDetailModal doesn't visualize the dependency graph.

Impact

Users unsure how dependencies affect execution sequence. May attempt to execute tasks in wrong order, or not understand why a task remains BACKLOG when dependencies are incomplete.

Recommendation

1. Add tooltip to dependency icon on TaskCard: "This task depends on X tasks. It becomes READY when all dependencies complete."
2. Show dependency graph or list in TaskDetailModal: blocking tasks (must complete first) and blocked-by tasks
3. Highlight blocking tasks that are still IN_PROGRESS or BACKLOG
4. Make blocking task names clickable to navigate to those tasks

Acceptance Criteria

• Dependency tooltip explains semantics on TaskCard
• TaskDetailModal shows full dependency list (both directions)
• Incomplete blocking tasks highlighted in warning color
• Clicking a dependency navigates to that task
• Empty state handled gracefully (no dependencies)

Affected Components

web-ui/src/components/tasks/TaskCard.tsx, web-ui/src/components/tasks/TaskDetailModal.tsx

[coderabbitai]

🔗 Related PRs

#49 - feat: Add inline dependency rendering to TaskTreeView [merged]
#51 - feat: Add TaskStats component to Dashboard Overview tab [merged]
#213 - feat(planning): Add Generate Task Breakdown button to DiscoveryProgress [merged]
#214 - feat(planning): Add TaskReview component for task approval workflow [merged]
#215 - feat(dashboard): Add phase-aware task view integration (#016-6) [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[traycerai]

Warning

Something went wrong while processing your request.

Reference ID: 76e76cfe-879a-4a0c-8d83-d130d7961b5d

Please try again or contact support if the issue persists, referencing this ID.