Sonarist project

Sonarist / Design system

Documentation v1.0.0 · Work in progress · UI prototype with separate server foundations

Design system contents

Components

Follow-up scheduler

Move planned outreach into a distinct queue with visible timing context.

On this page

Purpose and composition

Move planned outreach into a distinct queue with visible timing context.

Use for a future contact action; do not conflate with message sent time.

Anatomy

Anatomy
PartResponsibility
Current valueOptional scheduled label and Clear
DateNative date input
Quick choicesToday, Tomorrow, Next week
FooterCancel and Schedule

Configuration and variants

Configuration and variants
Input / variantContract
open/current/onCloseDialog control/context
onSaveReceives formatted display string or undefined
date gateSchedule disabled until native date has value

States and feedback

States and feedback
StateVisible / behavioral result
No dateDisabled Schedule
Date selectedEnabled Schedule
CurrentClear option
Quick choiceImmediate callback

Interaction and responsive behavior

  • Date converts through Intl en-US month/day at local noon.
  • Parent changes state to follow-up and clears waiting fields.
  • Clearing follow-up returns a follow-up thread to waiting.

Accessibility contract

  • Date has a visible label.
  • Quick options and clearing are native buttons.

Known implementation limits

Only display strings are stored, without year/timezone or an actual reminder job. The local date state does not initialize from current.

Composition example

<FollowUpDialog open={open} current={thread.nextFollowUp} onClose={close} onSave={scheduleLocal} />

Source references

Source references
FileResponsibility
components/inbox/follow-up-dialog.tsxFollowUpDialog
components/inbox/conversation-detail.tsxFollow-up transition

Examples from the app

Actual Sonarist components with fictional conversations, people, example.com addresses and simulated operational states. Captured at 2× resolution or higher. Select an image to inspect it full size.

Follow Up · Component detail · Light · Desktop · 1152 × 868 px
Follow Up · Component detail · Light · Desktop · Date Selected · 1152 × 868 px
Sales Thread · Screen · Light · Desktop · 2880 × 2000 px
Sales Thread · Screen · Light · Desktop · Full Page · 2880 × 2186 px

Source audit: 2026-10-08 · Revision 10f45d1377b5 · Documentation v1.0.0