Text annotator
Select text in a passage to highlight it in one of four tones with an optional note; marks show numbered margin dots, open a note popover to edit or delete, and a sidebar lists them in order.
Preview
Research summary, draft 2
Most teams do not need another dashboard. They need fewer places to look, and a clear owner for each number that matters. When every chart has a name next to it, questions find their way to people instead of piling up in a channel.
In our interviews, the strongest signal was not speed but trust. People forgave a slow page when the figures matched what finance reported. They abandoned a fast one the first time two totals disagreed.
So the plan for spring is modest: retire the three least-opened reports, put owners on the rest, and show the last refresh time beside every figure.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| paragraphs | string[] | — | The passage, one string per paragraph. |
| value | Annotation[] | — | Controlled highlights { id, para, start, end, tone, note? } (end exclusive). |
| defaultValue | Annotation[] | [] | Uncontrolled starting highlights. |
| onValueChange | (value: Annotation[]) => void | — | Called on add, retone, note edit and delete. |
| title | ReactNode | — | Heading above the passage. |
| defaultOpenId | string | — | Open this annotation's note on first render (previews). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.