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
changeset-release/main View source

Criteria completion

No incremental history — criteria tracking started on Apr 19.

Relationships

Implements 1
Related 4
Branches 3
changeset-release/main current done
main doneclaude/file-naming-convention-LJdwR doneclaude/align-sidenav-styling-4MuxV done
History 5
  1. f2b3512
    Content editedby Claude
    Add {ID}-{slug}.md filename convention + migrate filenames subcommand
  2. 59ded4a
    Content editedby Claude
    Implement SPEC-037 plan package hardening: all 7 work items
  3. f262d7b
    Content editedby Claude
    Backfill source attributes on all 123 work items
  4. f7c2b5a
    Content editedby Claude
    Implement sidebar UX improvements (WORK-044, WORK-045)
  5. 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)