Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Components

Inbox rows, milestones, and task groups

Keep unsorted work and project tasks readable without confusing their ownership.

On this page

Purpose and usage

Keep unsorted work and project tasks readable without confusing their ownership.

Use Inbox for capture and triage, and milestone/task groups for project execution.

Anatomy

Anatomy
PartContract
Task rowCompletion, actionable title, supporting control.
Group headingMilestone or ungrouped work.
Completed groupCollapsible completed work.
Move affordanceAssign an inbox task to a project.

Variants and configuration

Variants and configuration
ConfigurationBehavior
InboxinitialItems and moveTargets.
Project tasksProject ownership plus milestone group.
Completion groupingActive tasks remain separate from completed work.

State coverage

State coverage
StateImplemented behavior
Active taskVisible next action.
CompletedGrouped separately with restore/completion action.
MovingProject target chosen from a menu.
Empty groupUse the source’s current empty-state treatment.

Interaction and responsive behavior

  • Keep a task in one meaningful ownership context after moving it.
  • Do not equate hiding completed work with deleting it.
  • Milestones group tasks; they are not separate projects.

Accessibility contract

  • Completion and move actions have distinct names.
  • Inbox uses polite announcements after actions.
  • Test expandable completed groups with keyboard and assistive technology.

Known gaps and readiness

Mutation failure feedback is not standardized. The fixture harness proves layout and local affordances, not server-side ownership changes.

Composition example

<InboxWorkspace initialItems={inboxItems}
  moveTargets={activeProjectTargets} />

Source references

Source references
FileResponsibility
app/components/inbox-workspace.tsxUnsorted actions and completed group
app/components/project-task-workspace.tsxMilestones and project task groups
app/components/inbox-task-move-menu.tsxMove action
app/components/project-task-add-menu.tsxTask and milestone creation choices

Examples from the app

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

Inbox · Screen · Light · Desktop · 2880 × 2000 px
Project Tasks · Screen · Light · Desktop · 2880 × 2000 px
Project Tasks · Screen · Light · Desktop · Full Page · 2880 × 2400 px

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