feat(FN-3424): add unassigned branch filter options to dashboard header

Adds unassigned branch filter options to the dashboard header, allowing users to filter tasks by unassigned status. Updates the Header component with new filter controls and includes corresponding tests for the App and Header components.

Fusion-Task-Id: FN-3424
This commit is contained in:
Fusion
2026-05-06 21:47:09 -07:00
committed by gsxdsm
parent 64b45b3064
commit 3d1e90d6ec
6 changed files with 386 additions and 1 deletions

View File

@@ -27,6 +27,38 @@
max-width: none;
}
.header-branch-filters {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-sm);
margin-top: var(--space-sm);
}
.header-branch-filter-label {
display: flex;
flex-direction: column;
gap: var(--space-xs);
color: var(--text-muted);
font-size: calc(var(--space-sm) + var(--space-xs));
}
.header-branch-filter-select {
width: 100%;
min-height: calc(var(--space-xl) + var(--space-sm) / 2);
background: var(--bg);
color: var(--text);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
padding: 0 var(--space-sm);
font-size: calc(var(--space-sm) + var(--space-xs) + var(--space-xs) / 4);
}
.header-branch-filter-select:focus-visible {
border-color: var(--todo);
box-shadow: var(--focus-ring);
outline: none;
}
.header-left {
display: flex;
align-items: center;
@@ -956,6 +988,14 @@
width: 100%;
}
.header-branch-filters {
grid-template-columns: 1fr;
}
.header-branch-filter-select {
min-height: calc(var(--space-xl) + var(--space-md));
}
/* Mobile: compact node label, no dropdown */
.header-node-selector--mobile {
margin-right: var(--space-xs);