Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Components

Removal feedback and Undo

Offer an immediate, named recovery action after removing an agenda block.

On this page

Purpose and usage

Offer an immediate, named recovery action after removing an agenda block.

Use for reversible agenda removal; destructive project deletion needs a different pattern.

Anatomy

Anatomy
PartContract
MessageNames the removed entry.
UndoRestores the last removed entry for its date.
DismissCloses the notification.

Variants and configuration

Variants and configuration
ConfigurationBehavior
messageProduct-specific removal message.
onUndo/onDismissParent owns the mutation and visibility.

State coverage

State coverage
StateImplemented behavior
VisibleFixed bottom notification respects safe-area inset.
UndoEntry restored and the notification cleared.
Timed outRadarCalendar clears the removed state after seven seconds.

Interaction and responsive behavior

  • Undo restores an agenda entry, not the entire project or task history.
  • Do not obscure critical phone actions with the fixed toast.
  • A seven-second opportunity needs accessibility review before being accepted as the only recovery route.

Accessibility contract

  • role=status and aria-atomic support announcement.
  • Dismiss has an explicit accessible name.
  • Verify that Undo is reachable before automatic dismissal.

Known gaps and readiness

The source exposes only a short-lived immediate recovery. Long-term restoration and timed-interaction accessibility need further product decisions.

Composition example

<AgendaRemovalToast message="Atlas customer portal removed from this day"
  onUndo={restoreRemovedBlock} onDismiss={dismissToast} />

Source references

Source references
FileResponsibility
app/components/agenda-removal-toast.tsxStatus notification
app/components/radar-calendar.tsxRemoval state, restore logic and seven-second lifetime

Examples from the app

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

Toast · Notification detail · Light · Desktop · 1120 × 124 px

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