10Chapter 10 of 12
Common patterns
These patterns recur across the portal.
These patterns recur across the portal.
| Pattern | What it does |
|---|---|
| Sticky save bar | The bar that anchors at the bottom of any editor. Reads No changes when clean; shows Save changes / Reset plus an unsaved indicator otherwise. |
| Section sidebar | Inside many editors and Settings pages, the left rail lists Sections; clicking one scrolls/swaps the right pane. |
| Filter input | Live, client-side search above tables. |
| Combobox | Searchable dropdown — type to filter the options. |
| Toggle | On / off — solid colour means on. |
| Three-state toggle | Default / On / Off (used in User page control). |
| Write-only field | A field you can type into but cannot read back — usually a password or shared secret. |
| Inline editor | A form that expands inside a row instead of taking you to a new page. |
| Confirmation prompt | Yes/no step before destructive actions. |
| Dirty indicator | A small CHANGED or coloured dot on a card, row, or tab with unsaved edits. |
| Cursor pagination | Previous / Next buttons without total counts where the underlying data is too large to count. |
| AI · transcript search badge | Marks a search box that runs over call transcripts in addition to metadata. |
| "What this means" preview | Plain-English right-rail card on Extension Edit that summarises the impact of the form in real time. |
| Status pills | Coloured pills (Available / Offline / Connected / Disconnected / On / Off / In use / Unused). |
| Sentiment chips | Sentiment label + score (e.g., ● neutral · 0.71). |
| MOS chip | Coloured score (1.0–5.0) — higher is better. |
Help (?) icon | Inline tooltip explaining the field next to it. |
| Tab strip filter | Many editors have a Filter… input in the tab strip to narrow the fields shown. |