Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Components

Project status menu

Expose the project lifecycle as a named choice, separate from the project’s visual identity.

On this page

Purpose and usage

Expose the project lifecycle as a named choice, separate from the project’s visual identity.

Use for project lifecycle changes; do not apply it to an individual task or schedule.

Anatomy

Anatomy
PartContract
TriggerStatus dot, text label, chevron.
OptionsIn progress, Waiting, Back burner, Complete.
SelectionMenuitemradio checked state.

Variants and configuration

Variants and configuration
ConfigurationBehavior
Controlledstatus and onStatusChange.
Product mappingHyphenated UI values are mapped to server status values by the parent.

State coverage

State coverage
StateImplemented behavior
CurrentVisible label and status dot.
OpenAll lifecycle choices and selected marker.
Complete requestedParent may open the incomplete-task decision dialog.

Interaction and responsive behavior

  • Keep appearance changes separate from lifecycle changes.
  • Treat Complete as a consequential action when incomplete tasks exist.
  • Close the menu after a selection and persist through the parent.

Accessibility contract

  • aria-haspopup=menu, aria-expanded, menuitemradio and aria-checked are present.
  • Text labels preserve meaning without color.
  • Escape closes; arrow-key menu traversal is not implemented as a shared primitive.

Known gaps and readiness

Status colors are literal values, not semantic theme tokens. Persistence failure feedback is not standardized.

Composition example

<ProjectStatusMenu status={status}
  onStatusChange={handleStatusChange} />

Source references

Source references
FileResponsibility
app/components/project-status-menu.tsxStatus choices and selected state
app/components/project-detail-content.tsxStatus persistence and completion handling

Examples from the app

Actual Radarist components with fictional data. Captured at 2× resolution or higher. Select an image to inspect it full size.

Project Status · Component detail · Light · Desktop · 1864 × 202 px
Project Status · Component detail · Light · Desktop · Open · 1864 × 704 px

Source audit: 2026-10-07 · Revision 0103e2549959 · Documentation v0.1