Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Components

Schedules and coverage feedback

Make recurring day plans visible and identify active projects that have no scheduled time.

On this page

Purpose and usage

Make recurring day plans visible and identify active projects that have no scheduled time.

Use for reusable time allocation, separate from a one-day agenda edit.

Anatomy

Anatomy
PartContract
Coverage bannerUnscheduled project count or all-covered feedback.
Schedule cardName, days, space, identity and enabled state.
SwitchPer-schedule activation.

Variants and configuration

Variants and configuration
ConfigurationBehavior
EnabledParticipates in coverage when days are assigned.
DisabledRetained but not counted as active coverage.
UncoveredSpecific projects have no time in enabled schedules.

State coverage

State coverage
StateImplemented behavior
WarningCount and named project links prompt assignment.
CoveredAll active projects are currently scheduled.
Toggle changedLocal state updates and planning action is called.

Interaction and responsive behavior

  • Only count in-progress projects from active spaces.
  • A schedule with no assigned days is not effective coverage.
  • Coverage is a planning signal, not proof that work was completed.

Accessibility contract

  • Use text alongside the warning color/icon.
  • Name switches for their schedule.
  • Verify warning text and controls in both themes.

Known gaps and readiness

Warning colors contain literal values. Coverage computation and source DTO alignment need regression checks when schedule rules change.

Composition example

<SchedulesWorkspace schedules={schedules}
  uncoveredProjects={uncoveredProjects} />

Source references

Source references
FileResponsibility
app/components/schedules-workspace.tsxSchedule cards and coverage banner
app/components/schedule-toggle.tsxEnable/disable control
app/components/schedule-coverage.tsCoverage calculation
app/components/new-schedule-form.tsxSchedule creation

Examples from the app

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

Schedules · Screen · Light · Desktop · 2880 × 2000 px

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