feat(FN-3897): add blocker fan-out hook, badge, and detail modal section

Implemented the blocker fan-out feature across the dashboard: added a `useBlockerFanout` hook to track blocking relationships, rendered a fan-out badge on task cards, and added a blocking section to the task detail modal, with tests covering the hook and responsive modal behavior.

Fusion-Task-Id: FN-3897
This commit is contained in:
Fusion
2026-05-09 19:15:42 -07:00
committed by gsxdsm
parent ff9fb551e3
commit 8c715168c6
13 changed files with 462 additions and 5 deletions

View File

@@ -411,7 +411,29 @@
cursor: default;
}
.card-scope-badge[data-tooltip]:hover::after {
.card-fanout-badge {
display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) / 2);
font-size: 0.6875rem;
color: var(--color-info);
position: relative;
cursor: default;
}
.card-fanout-count {
font-family: var(--font-mono);
}
.card-fanout-badge--stale {
color: var(--color-warning);
background: color-mix(in srgb, var(--color-warning) 12%, transparent);
border-radius: var(--radius-pill);
padding-inline: calc(var(--space-xs) / 2);
}
.card-scope-badge[data-tooltip]:hover::after,
.card-fanout-badge[data-tooltip]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;