Radarist project

Radarist / Design system

Documentation v0.1 · Product in progress

Design system contents

Components

Agenda visibility filters

Hide selected agenda categories while preserving their time positions and the underlying day.

On this page

Purpose and usage

Hide selected agenda categories while preserving their time positions and the underlying day.

Use to control which categories are visible in the daily agenda. Search result filtering is a separate component.

Anatomy

Anatomy
PartContract
TriggerExpanded state and contextual label.
Menu choicesProjects, Events, Time away.
ProviderShared boolean visibility state for the day’s components.

Variants and configuration

Variants and configuration
ConfigurationBehavior
Presentationcompact, heroOverlay, iconOnly.
ContextMust render below AgendaFilterProvider.

State coverage

State coverage
StateImplemented behavior
ClosedTrigger summarizes available action.
OpenMenu exposes filter choices.
Hidden typeVisibility changes; records are not deleted.

Interaction and responsive behavior

  • Keep filters shared between the hero and sticky toolbar.
  • Do not treat hiding an item as removing it from the agenda.
  • Use readable labels with icons, especially on phones.

Accessibility contract

  • Trigger exposes expansion and menu intent.
  • Verify focus traversal and choice semantics against the actual open menu.
  • A missing provider throws rather than silently rendering incorrect state.

Known gaps and readiness

Event icon colors include hard-coded values. Full roving-focus menu keyboard behavior is not established by the current source.

Composition example

<AgendaFilterProvider>
  <AgendaFilterMenu />
  <RadarCalendar {...dayProps} />
</AgendaFilterProvider>

Source references

Source references
FileResponsibility
app/components/agenda-filter.tsxProvider, filter menu, visibility wrapper

Examples from the app

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

Agenda Filter · Component detail · Light · Desktop · 1864 × 202 px
Agenda Filter · Component detail · Light · Desktop · Open · 1864 × 616 px

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