ID:WORK-044Status:done
Collapsible status groups in plan sidebar
Replace the flat entity list in the plan sidebar with status-grouped, collapsible sections. Items are grouped by status within each entity type, with active statuses expanded and terminal statuses collapsed by default. Collapse state persists in localStorage.
Priority:highComplexity:moderateSource:SPEC-015
Acceptance Criteria
- Sidebar items are grouped by status within each entity type
- Groups are collapsible via click on the group header
- Terminal statuses (
done,fixed,accepted,complete,superseded,deprecated,wontfix,duplicate) are collapsed by default - Active statuses (
in-progress,ready,review,confirmed) are expanded by default - Each group header shows a count badge (e.g., "In Progress (3)")
- Status ordering follows workflow progression (active statuses first)
- Collapse state persists across page navigation via
localStorage - Works in both
serveandbuildmodes
Approach
The server renders the full grouped structure with data attributes. A client-side behavior (either in @refrakt-md/behaviors or plan-specific) adds toggle controls and manages collapse state. The nav region builder (WORK-038) emits the grouped structure.
References
- Plan Site UX at Scale (Plan Site UX at Scale — Feature 1)
- Build nav region builder for plan site (nav region builder — emits the structure this behavior enhances)
- Refactor plan render pipeline to use @refrakt-md/html (HTML adapter refactor — prerequisite infrastructure)
Relationships
Related
ID:WORK-038Status:done0/6
Build nav region builder for plan site
Priority:highComplexity:moderate
ID:WORK-039Status:done0/13
Refactor plan render pipeline to use @refrakt-md/html
Priority:highComplexity:complex
ID:WORK-048Status:done8/8
Keyboard navigation for plan site
Priority:lowComplexity:simple
ID:WORK-045Status:done8/8
Sidebar search and filter bar for plan site
Priority:highComplexity:moderate
History
- 59ded4aContent edited
- f262d7bsource+SPEC-015
- f7c2b5astatusdraft→done
- ☑ Sidebar items are grouped by status within each entity type
- ☑ Groups are collapsible via click on the group header
- ☑ Terminal statuses (`done`, `fixed`, `accepted`, `complete`, `superseded`, `deprecated`, `wontfix`, `duplicate`) are collapsed by default
- +5 more criteria
- f5b8bf8Created (draft, high, moderate, plan, ux, behaviors)