Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Patterns

Plan a day

Reserve time for meaningful work while keeping projects, events, and time away distinct.

On this page

User goal

Reserve time for meaningful work while keeping projects, events, and time away distinct.

Workflow

Workflow
StepExpected behavior
1Choose the day. Identify whether it is Today, future planning, or locked history before offering mutations.
2Review the agenda and active filters. Hidden categories are still scheduled records.
3Choose Block time or an open gap, then select the activity type.
4Provide the project or title and a valid start/end range in the actual block editor.
5Validate placement and save through the parent. Moving and resizing use 15-minute increments.
6Review the next action inside the scheduled project block rather than adding duplicate task context.

Decision rules

  • Keep the agenda’s 7:00–20:00 defaults and 156px/hour scale consistent with its placement math.
  • The current placement rule allows up to two simultaneous entries; more than two is rejected.
  • Time away represents unavailability, not a project with an unfinished next action.
  • Use the same project color, name, and area across overview and scheduled work.

Edge cases and recovery

  • End must follow start; demonstrate validation before network success.
  • A future or current day can be edited; past-day edits are blocked by the workspace.
  • Creation via time inputs exists; equivalent keyboard move/resize behavior still needs a product-level decision.
  • A failed day request currently stops loading without a comprehensive retry pattern. Do not present an empty result as confirmed absence of work.

Source references

Source references
FileResponsibility
app/components/radar-workspace.tsxDate and view state
app/components/radar-calendar.tsxPlacement and mutation
app/components/agenda-block-modal.tsxDraft and validation

Examples from the app

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

Radar · Screen · Light · Desktop · 2880 × 2000 px
Radar · Screen · Light · Desktop · Full Page · 2880 × 5402 px
Radar · Screen · Light · Desktop · Read Only · 2320 × 2000 px
Block Editor · Dialog detail · Light · Desktop · 1240 × 1252 px
Block Editor · Dialog detail · Light · Desktop · Error · 1240 × 1396 px

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