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:moderate
claude/align-sidenav-styling-4MuxV View source

Criteria completion

No incremental history — criteria tracking started on Apr 17.

Relationships

Implements 1
Related 4
Branches 3
claude/align-sidenav-styling-4MuxV current done
main doneclaude/file-naming-convention-LJdwR donechangeset-release/main done
History 2
  1. f7c2b5a
    Content editedby Claude
    Implement sidebar UX improvements (WORK-044, WORK-045)
  2. f5b8bf8
    Created (done)by Claude
    Add work items WORK-037 through WORK-049 for plan site specs

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

  • SPEC-015 (Plan Site UX at Scale — Feature 1)
  • WORK-038 (nav region builder — emits the structure this behavior enhances)
  • WORK-039 (HTML adapter refactor — prerequisite infrastructure)