# Components

> Every crisp-ui pattern, grouped by the stage of the story it belongs to.

The patterns follow one recommended path for a workflow screen: **See, Decide, Act, Confirm, Record**, and back to See. It is a path, not a standard, and not every screen needs every stage. Read [the story](https://realgood.site/docs/story.md) for how the stages connect. Each pattern works alone.

## See

_What is happening?_

- [Status strip](https://realgood.site/docs/components/status-strip.md): a headline number, a segmented bar and a legend, with a slot for the action.
- [Data table](https://realgood.site/docs/components/data-table.md): a list of rows with named saved views, selection, and an action slot fed the selected rows.

## Decide

_What needs me, and who hears?_

- [Recipient roster](https://realgood.site/docs/components/recipient-roster.md): one list of people with a switch per channel.
- [Alert rules](https://realgood.site/docs/components/alert-rules.md): reminder days, escalation and quiet hours, written as a rule you can read and save before anything is sent.

## Act

_Do it safely._

- [Save bar](https://realgood.site/docs/components/save-bar.md): "Unsaved changes" with Discard and Save, hidden when clean.
- [Approval step](https://realgood.site/docs/components/approval-step.md): a sign-off with a stated reason and meaning.
- [Confirm send](https://realgood.site/docs/components/confirm-send.md): click, confirm with the count, send, "Sent to N".

## Confirm

_Did it work, who knows?_

- [Notify envelope](https://realgood.site/docs/components/notify-envelope.md): pure helpers for rosters, list comparison and the one-message To/Cc envelope.
- [Quiz](https://realgood.site/docs/components/quiz.md): tap an answer and see at once whether it was right, and which option was.

## Record

_Can I prove who did what?_

- [Audit timeline](https://realgood.site/docs/components/audit-timeline.md): a read-only "who did what, when, and why" list for the events your server has recorded. It closes the loop back to See.

## Whole screens

_Several stages already wired together._

- [Status and notify](https://realgood.site/docs/components/status-notify.md): a status headline, a confirm-then-send action, and one roster of who hears about it. Runs from See to Confirm.
- [Calibration desk](https://realgood.site/docs/components/calibration-desk.md): all five stages on one screen, a worked example you read first. Gauges due for calibration, a recall that two people must approve, a notice to the owners, and an audit trail, with an in-memory server you replace with your own. Runs from See to Record.