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
main View source

Criteria completion

Criteria completion: 8 of 8 (100%) checked; history from Mar 23 to Mar 230%25%50%75%100%Mar 23Mar 23

Relationships

Implements 1
Related 4
Branches 3
main current done
claude/file-naming-convention-LJdwR donechangeset-release/main doneclaude/align-sidenav-styling-4MuxV done
History 4
  1. e900a90
    Created (done)by bjornolofandersson
  2. f262d7b
    Content editedby Claude
  3. f7c2b5a
    • ☑ 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
    by Claude
  4. f5b8bf8
    Created (draft)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)