ID:WORK-045Status:done
Sidebar search and filter bar for plan site
Add a text input at the top of the sidebar that filters visible items in real-time. Supports plain text fuzzy matching across ID, title, tags, assignee, and milestone, plus structured field:value filter syntax matching the {% backlog %} rune.
Priority:highComplexity:moderateSource:SPEC-015
Acceptance Criteria
- Text input appears at the top of the sidebar
- Typing filters items by matching against ID, title, tags, assignee, milestone
field:valuesyntax works (e.g.,status:ready,priority:high,tags:css)- Multiple filters combine with AND logic; multiple values for same field use OR
Escapeclears the filter/keyboard shortcut focuses the filter input- Filtering auto-expands matching groups (works with WORK-044)
- Nav items include
data-tags,data-priority,data-severity,data-assignee,data-milestoneattributes
Approach
Client-side behavior (~2KB). All data is already in the DOM via data attributes on nav items (added in WORK-038). No server round-trip needed. The behavior reads data attributes and filters by toggling visibility.
References
- Plan Site UX at Scale (Plan Site UX at Scale — Feature 2)
- Build nav region builder for plan site (nav region builder — provides data attributes)
- Collapsible status groups in plan sidebar (collapsible groups — filtering interacts with collapse state)
Relationships
History
- 59ded4aContent edited
- f262d7bsource+SPEC-015
- f7c2b5astatusdraft→done
- ☑ Text input appears at the top of the sidebar
- ☑ Typing filters items by matching against ID, title, tags, assignee, milestone
- ☑ `field:value` syntax works (e.g., `status:ready`, `priority:high`, `tags:css`)
- +5 more criteria
- f5b8bf8Created (draft, high, moderate, plan, ux, behaviors)