WORK-044
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 serve and build modes

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

History

  1. 59ded4a
    Content edited
  2. f262d7b
    source+SPEC-015
  3. f7c2b5a
    statusdraftdone
    • ☑ 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
  4. f5b8bf8
    Created (draft, high, moderate, plan, ux, behaviors)