> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/projects/use-cases/overview.md).

# Browse all projects

All 27 projects in one place, by surface and by component.

Every project in the gallery, listed by the surface it runs on and by the component it is built around. Looking for one by the kind of screen it produces? The six groups in the sidebar do that.

## One component, one job

Fourteen tutorials, each rebuilding one screen from a real line of business with a single Avonni component: what you build, the objects and sample data behind it, the settings that matter, and what to check once it runs. Open the tab of the surface you build on.

{% tabs %}
{% tab title="Lightning Pages" %}
Built with Dynamic Components, on a record page or an app page, always on and always visible.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4>Listings board</h4></td><td>A real estate office follows every listing from listed to sold, one swimlane per agent, with the asking total of each stage in view. Kanban.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FRQHNE5GHUUIE8CcpyDxb%2Fuc-01-listings-board.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FRQHNE5GHUUIE8CcpyDxb%2Fuc-01-listings-board.png?alt=media</a></td><td><a href="/projects/use-cases/boards-and-pipelines/listings-board.md">Listings board</a></td></tr><tr><td><h4>Revenue cube without a report</h4></td><td>Closed won revenue by region and quarter, totals on both axes, computed live from opportunities. Pivot Table.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FwEkBsQSCmZGT19LAV1Ea%2Fuc-05-revenue-cube.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FwEkBsQSCmZGT19LAV1Ea%2Fuc-05-revenue-cube.png?alt=media</a></td><td><a href="/projects/use-cases/reporting/revenue-cube-without-a-report.md">Revenue cube without a report</a></td></tr><tr><td><h4>Visual product catalog</h4></td><td>The spring catalog on the account record: six products, one photo each, an Add to order button under every tile. Image List.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FlYZGCN17r9JJ3kKn9zO7%2Fuc-06-visual-catalog.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FlYZGCN17r9JJ3kKn9zO7%2Fuc-06-visual-catalog.png?alt=media</a></td><td><a href="/projects/use-cases/record-pages/visual-product-catalog.md">Visual product catalog</a></td></tr><tr><td><h4>Bookings stacked by region</h4></td><td>Twelve months of closed won bookings, every column stacked by region, drawn live from the opportunities. Chart.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FJZwx7FUKFZXxrw84mMEu%2Fuc-10-bookings-by-region.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FJZwx7FUKFZXxrw84mMEu%2Fuc-10-bookings-by-region.png?alt=media</a></td><td><a href="/projects/use-cases/reporting/bookings-stacked-by-region.md">Bookings stacked by region</a></td></tr><tr><td><h4>Case thread with a pinned workaround</h4></td><td>A support conversation on the Case record: received and sent bubbles, a pinned workaround, a mention to escalate, a reply box. Chat.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F8eJ7aj9pwtUoEQHhBvmX%2Fuc-14-case-thread-chat.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F8eJ7aj9pwtUoEQHhBvmX%2Fuc-14-case-thread-chat.png?alt=media</a></td><td><a href="/projects/use-cases/record-pages/case-thread-with-a-pinned-workaround.md">Case thread with a pinned workaround</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Screen Flows" %}
Built with Flow Screen Components, inside a screen flow, where the component lives in your flow variables.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4>Site survey inside a flow</h4></td><td>A technician traces the roof on a live map, in step 2 of a screen flow, and the shape is saved as a file on the work order. Map.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FiNkILaoCH7N5PSWIVTL5%2Fuc-02-site-survey-flow.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FiNkILaoCH7N5PSWIVTL5%2Fuc-02-site-survey-flow.png?alt=media</a></td><td><a href="/projects/use-cases/inside-a-flow/site-survey-inside-a-flow.md">Site survey inside a flow</a></td></tr><tr><td><h4>Customer sign-off inside a flow</h4></td><td>The customer signs the handover on the last screen of a flow, and the signature lands on the work order as a file. Pen Input.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Fgd8O4HzzidYuLqW4uGwQ%2Fuc-07-customer-signoff-flow.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Fgd8O4HzzidYuLqW4uGwQ%2Fuc-07-customer-signoff-flow.png?alt=media</a></td><td><a href="/projects/use-cases/inside-a-flow/customer-sign-off-inside-a-flow.md">Customer sign-off inside a flow</a></td></tr><tr><td><h4>Book the next appointment</h4></td><td>A dental clinic books the next visit from a screen flow: one week of slots, lunch and taken slots greyed out, one tap to pick. Date/Time Picker.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FAIe0f480ZLRO9hHtia4C%2Fuc-11-book-appointment-flow.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FAIe0f480ZLRO9hHtia4C%2Fuc-11-book-appointment-flow.png?alt=media</a></td><td><a href="/projects/use-cases/inside-a-flow/book-the-next-appointment.md">Book the next appointment</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Experience Sites" %}
Built with the AX components, on a partner or customer site, for people outside your org.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4>Partner order desk</h4></td><td>A distributor edits quantities, drops purchase orders and follows delivery on its own orders, from the partner site. Data Table.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FMuvzJVcBbKx29tWScccb%2Fuc-03-partner-order-desk.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FMuvzJVcBbKx29tWScccb%2Fuc-03-partner-order-desk.png?alt=media</a></td><td><a href="/projects/use-cases/portals-and-partner-sites/partner-order-desk.md">Partner order desk</a></td></tr><tr><td><h4>Track my installation</h4></td><td>A homeowner follows the solar installation step by step on the customer portal, from the signed proposal to the grid connection. Timeline.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FRHJ8gV5acTmEVIKcPEIx%2Fuc-08-track-my-installation.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FRHJ8gV5acTmEVIKcPEIx%2Fuc-08-track-my-installation.png?alt=media</a></td><td><a href="/projects/use-cases/portals-and-partner-sites/track-my-installation.md">Track my installation</a></td></tr><tr><td><h4>Fall course catalog</h4></td><td>An outdoor school lists its fall courses on the portal: six photos, dates, price and seats left under each. Gallery.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Fxmz0xcQ4ZWesKcMxjWij%2Fuc-12-course-catalog-portal.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Fxmz0xcQ4ZWesKcMxjWij%2Fuc-12-course-catalog-portal.png?alt=media</a></td><td><a href="/projects/use-cases/portals-and-partner-sites/fall-course-catalog.md">Fall course catalog</a></td></tr></tbody></table>
{% endtab %}

{% tab title="LWC Components" %}
One `avonni-*` tag in a Lightning web component you write yourself, with the query inside the component.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4>Live crew board</h4></td><td>Seven technicians on one day, 7 AM to 6 PM, with reschedule and reassign one click from any job. One tag, no scheduling code. Scheduler.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FT182mhaEqg7tjysHhdi1%2Fuc-04-live-crew-board.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FT182mhaEqg7tjysHhdi1%2Fuc-04-live-crew-board.png?alt=media</a></td><td><a href="/projects/use-cases/boards-and-pipelines/live-crew-board.md">Live crew board</a></td></tr><tr><td><h4>Account map in one tag</h4></td><td>The account tree under the highlights panel: subsidiaries, their contacts, their open deals, one click to drill. One nested query. Relationship Graph.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F0n2zJGDtX66s0gLenqAe%2Fuc-09-account-map-lwc.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F0n2zJGDtX66s0gLenqAe%2Fuc-09-account-map-lwc.png?alt=media</a></td><td><a href="/projects/use-cases/record-pages/account-map-in-one-tag.md">Account map in one tag</a></td></tr><tr><td><h4>Expense approvals, grouped by employee</h4></td><td>Fourteen expense lines grouped by employee, status badges, three lines checked and an Approve selected button. Data Table Group By.</td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FF4VLsIcKf5Rg422hJrMs%2Fuc-13-expense-approvals-lwc.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FF4VLsIcKf5Rg422hJrMs%2Fuc-13-expense-approvals-lwc.png?alt=media</a></td><td><a href="/projects/use-cases/reporting/expense-approvals-grouped-by-employee.md">Expense approvals, grouped by employee</a></td></tr></tbody></table>
{% endtab %}
{% endtabs %}

### Find it by component

Arriving from a component page and wondering what it looks like in a real screen? Every project in the gallery is listed here, once, under the component it is built around.

| Component                                                                                                    | What the project builds                                              | Surface         |
| ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------- | --------------- |
| [Agent Chat](/projects/use-cases/record-pages/account-research-panel.md)                                     | An Agentforce agent with live account metrics beside it              | Lightning page  |
| [Chart](/projects/use-cases/reporting/bookings-stacked-by-region.md)                                         | Twelve months of bookings, every column stacked by region            | Lightning page  |
| [Chat](/projects/use-cases/record-pages/case-thread-with-a-pinned-workaround.md)                             | A support thread on the Case record, with a pinned workaround        | Lightning page  |
| [CSV Parser](/projects/use-cases/inside-a-flow/case-import-wizard.md)                                        | A guided wizard that imports Cases from a CSV and matches them       | Screen flow     |
| [Data Table](/projects/use-cases/portals-and-partner-sites/partner-order-desk.md)                            | A partner order desk with inline edit and PDF upload                 | Experience Site |
| [Data Table, real time](/projects/use-cases/boards-and-pipelines/live-call-board.md)                         | A lead board that refreshes itself from platform events              | Lightning page  |
| [Data Table, external](/projects/use-cases/outside-data/external-orders-table.md)                            | Orders that live in another system, shown like any record            | Lightning page  |
| [Data Table Group By](/projects/use-cases/reporting/expense-approvals-grouped-by-employee.md)                | Expense approvals grouped by employee, approved in bulk              | LWC             |
| [Date/Time Picker](/projects/use-cases/inside-a-flow/book-the-next-appointment.md)                           | One week of appointment slots, lunch and taken slots greyed out      | Screen flow     |
| [Date/Time Picker, portal](/projects/use-cases/portals-and-partner-sites/appointment-self-booking-portal.md) | A public booking page that only offers the time you are free         | Experience Site |
| [Gallery](/projects/use-cases/portals-and-partner-sites/fall-course-catalog.md)                              | A course catalog on a portal, six photos with price and seats left   | Experience Site |
| [Image List](/projects/use-cases/record-pages/visual-product-catalog.md)                                     | A product catalog on the account record, with an Add to order button | Lightning page  |
| [Kanban](/projects/use-cases/boards-and-pipelines/listings-board.md)                                         | A listings board by stage, one swimlane per agent, totals per column | Lightning page  |
| [Kanban, guarded](/projects/use-cases/boards-and-pipelines/opportunity-pipeline-board.md)                    | A pipeline board where a validation rule can refuse a move           | Lightning page  |
| [Map](/projects/use-cases/inside-a-flow/site-survey-inside-a-flow.md)                                        | A roof traced on a live map inside a flow, saved as a file           | Screen flow     |
| [Media Object](/projects/use-cases/outside-data/contact-local-weather.md)                                    | Live weather from an external API, on the Contact record             | Lightning page  |
| [Metric and Rating](/projects/use-cases/record-pages/account-highlight-panel.md)                             | A custom highlights panel with metrics, badges and a gauge           | Lightning page  |
| [PDF Viewer](/projects/use-cases/record-pages/account-pdf-viewer.md)                                         | A PDF read and annotated without leaving the record page             | Lightning page  |
| [Pen Input](/projects/use-cases/inside-a-flow/customer-sign-off-inside-a-flow.md)                            | A customer signature on the last screen of a flow                    | Screen flow     |
| [Pivot Table](/projects/use-cases/reporting/revenue-cube-without-a-report.md)                                | Closed won revenue by region and quarter, totals on both axes        | Lightning page  |
| [Relationship Graph](/projects/use-cases/record-pages/account-map-in-one-tag.md)                             | An account tree with its contacts and its open deals                 | LWC             |
| [Repeater](/projects/use-cases/boards-and-pipelines/shipment-tracking-wall.md)                               | A parcel wall that redraws as the carrier reports                    | Lightning page  |
| [Scheduler](/projects/use-cases/boards-and-pipelines/live-crew-board.md)                                     | A crew board for one day, seven technicians, twenty jobs             | LWC             |
| [Scheduler and Map](/projects/use-cases/boards-and-pipelines/field-service-dispatch-board.md)                | The technician timeline and the map of the day's jobs, side by side  | Lightning page  |
| [Timeline](/projects/use-cases/portals-and-partner-sites/track-my-installation.md)                           | An installation tracker on a customer portal, grouped by month       | Experience Site |
| [Timeline, on a record](/projects/use-cases/record-pages/contact-life-events.md)                             | A life events history on the Contact record                          | Lightning page  |
| [Visual Picker](/projects/use-cases/portals-and-partner-sites/portal-case-deflection.md)                     | A question picker that answers before a case is opened               | Experience Site |

## End to end projects

Complete builds that combine several components, with the advanced configuration behind them.

<table data-view="cards"><thead><tr><th></th><th></th><th><select multiple><option value="hbGCRJLHRJO7" label="Flow" color="blue"></option><option value="dPrt8E3kk3Pb" label="Dynamic Component" color="blue"></option><option value="Zm8LyEtHSKE9" label="Experience Site" color="blue"></option><option value="p2l85aqHp29D" label="App Builder Components" color="blue"></option></select></th><th><select multiple><option value="8YCRc8JY5vws" label="External Data" color="blue"></option><option value="HmdD1tp7bIHU" label="Platform Events" color="blue"></option></select></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4>Live Call Board</h4></td><td>Give Sales teams real-time visibility on Leads with Dynamic components and Flow.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td><span data-option="HmdD1tp7bIHU">Platform Events</span></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FAkUmCtTxSqR1F8NVTwZt%2FScreenshot%202026-04-10%20at%202.25.03%E2%80%AFPM.png?alt=media&#x26;token=65223f95-a4b2-4b3c-9914-4823da122a01">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FAkUmCtTxSqR1F8NVTwZt%2FScreenshot%202026-04-10%20at%202.25.03%E2%80%AFPM.png?alt=media&#x26;token=65223f95-a4b2-4b3c-9914-4823da122a01</a></td><td><a href="/projects/use-cases/boards-and-pipelines/live-call-board.md">Live Call Board</a></td></tr><tr><td><h4>Account PDF Viewer</h4></td><td>Use Dynamic Components and Flow to create a reactive PDF viewer without code.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Fmy4Ei7Of3Xv1BJJumPId%2FScreenshot%202026-04-10%20at%202.27.16%E2%80%AFPM.png?alt=media&#x26;token=91421a2e-46e7-48fc-a5c2-bf8fded6594c">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Fmy4Ei7Of3Xv1BJJumPId%2FScreenshot%202026-04-10%20at%202.27.16%E2%80%AFPM.png?alt=media&#x26;token=91421a2e-46e7-48fc-a5c2-bf8fded6594c</a></td><td><a href="/projects/use-cases/record-pages/account-pdf-viewer.md">Account PDF Viewer</a></td></tr><tr><td><h4>Case Import Wizard</h4></td><td>Empower users to import Cases and match them with accounts with Flow components.</td><td><span data-option="hbGCRJLHRJO7">Flow</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Ffn7T1mVHCfczpUrf2nRA%2FScreenshot%202026-04-10%20at%202.25.57%E2%80%AFPM.png?alt=media&#x26;token=9b983f91-93fe-495c-89a8-e462e8fe2e07">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2Ffn7T1mVHCfczpUrf2nRA%2FScreenshot%202026-04-10%20at%202.25.57%E2%80%AFPM.png?alt=media&#x26;token=9b983f91-93fe-495c-89a8-e462e8fe2e07</a></td><td><a href="/projects/use-cases/inside-a-flow/case-import-wizard.md">Case Import Wizard</a></td></tr><tr><td><h4>Contact Local Weather</h4></td><td>Build a weather app using Dynamic components, Flow and standard HTTP actions.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td><span data-option="8YCRc8JY5vws">External Data</span></td><td data-object-fit="contain"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FzqImHPFTqmzKifdhxp45%2FScreenshot%202026-04-10%20at%209.57.08%E2%80%AFAM.png?alt=media&#x26;token=f9f513ca-ef1e-4c84-be8b-cd57c173719e">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FzqImHPFTqmzKifdhxp45%2FScreenshot%202026-04-10%20at%209.57.08%E2%80%AFAM.png?alt=media&#x26;token=f9f513ca-ef1e-4c84-be8b-cd57c173719e</a></td><td><a href="/projects/use-cases/outside-data/contact-local-weather.md">Contact Local Weather</a></td></tr><tr><td><h4>External Orders Table</h4></td><td>Display reactive Data Tables of external records.</td><td><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td><span data-option="8YCRc8JY5vws">External Data</span></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F2fvVaBAtSanI86xllyXl%2FScreenshot%202026-05-20%20at%2012.02.01%E2%80%AFPM.png?alt=media&#x26;token=0eabd59e-9b22-4940-aadf-7861969e2528">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F2fvVaBAtSanI86xllyXl%2FScreenshot%202026-05-20%20at%2012.02.01%E2%80%AFPM.png?alt=media&#x26;token=0eabd59e-9b22-4940-aadf-7861969e2528</a></td><td><a href="/projects/use-cases/outside-data/external-orders-table.md">External Orders Table</a></td></tr><tr><td><h4>Account Highlight Panel</h4></td><td>Add on to the highlight panel using Dynamic components and charts.</td><td><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td></td><td data-object-fit="contain"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FWbkp39bBXz9EKAPGMmcA%2FScreenshot%202026-05-20%20at%2012.34.38%E2%80%AFPM.png?alt=media&#x26;token=9066e16d-d956-4ae3-a1d3-ac5d54344e99">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FWbkp39bBXz9EKAPGMmcA%2FScreenshot%202026-05-20%20at%2012.34.38%E2%80%AFPM.png?alt=media&#x26;token=9066e16d-d956-4ae3-a1d3-ac5d54344e99</a></td><td><a href="/projects/use-cases/record-pages/account-highlight-panel.md">Account Highlight Panel</a></td></tr><tr><td><h4>Contact Life Events</h4></td><td>Track your Contact's history with the Timeline component.</td><td><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FPHv0LwVL7jzPakUnv71F%2FScreenshot%202026-05-20%20at%2012.02.30%E2%80%AFPM.png?alt=media&#x26;token=c91c69bc-5683-41a0-afc5-700ecfd956b2">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FPHv0LwVL7jzPakUnv71F%2FScreenshot%202026-05-20%20at%2012.02.30%E2%80%AFPM.png?alt=media&#x26;token=c91c69bc-5683-41a0-afc5-700ecfd956b2</a></td><td><a href="/projects/use-cases/record-pages/contact-life-events.md">Contact Life Events</a></td></tr><tr><td><h4>Account Research Panel</h4></td><td>Compose an Agentforce agent with live account metrics that refresh as it answers.</td><td><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FDBctVEPD1weRz0MoiBLe%2Faccount-research-panel.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FDBctVEPD1weRz0MoiBLe%2Faccount-research-panel.png?alt=media</a></td><td><a href="/projects/use-cases/record-pages/account-research-panel.md">Account Research Panel</a></td></tr><tr><td><h4>Shipment Tracking Wall</h4></td><td>Track every parcel on one board, refreshed by platform events as the carrier reports.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td><span data-option="8YCRc8JY5vws">External Data, </span><span data-option="HmdD1tp7bIHU">Platform Events</span></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FnBy4h2rkFz4CE3gErk6K%2Fshipment-wall.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FnBy4h2rkFz4CE3gErk6K%2Fshipment-wall.png?alt=media</a></td><td><a href="/projects/use-cases/boards-and-pipelines/shipment-tracking-wall.md">Shipment Tracking Wall</a></td></tr><tr><td><h4>Field Service Dispatch Board</h4></td><td>Put the technician timeline and the map of the day's jobs on one screen, from one query.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FNOOyPOCSVAJeeaPuV5lD%2Fdispatch-job-sites.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FNOOyPOCSVAJeeaPuV5lD%2Fdispatch-job-sites.png?alt=media</a></td><td><a href="/projects/use-cases/boards-and-pipelines/field-service-dispatch-board.md">Field Service Dispatch Board</a></td></tr><tr><td><h4>Opportunity Pipeline Board</h4></td><td>Move a deal by dragging its card, and let a validation rule refuse the moves that are not ready.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="dPrt8E3kk3Pb">Dynamic Component</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FUo8dQw7F47yb7sZLG0ai%2Fpipeline-board.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FUo8dQw7F47yb7sZLG0ai%2Fpipeline-board.png?alt=media</a></td><td><a href="/projects/use-cases/boards-and-pipelines/opportunity-pipeline-board.md">Opportunity Pipeline Board</a></td></tr><tr><td><h4>Appointment Self-Booking Portal</h4></td><td>Let customers book themselves on a public page that only ever offers the time you are actually free.</td><td><span data-option="hbGCRJLHRJO7">Flow, </span><span data-option="Zm8LyEtHSKE9">Experience Site</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FcShAEn0eLy6z9874Flpo%2Fbooking-portal-slots.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2FcShAEn0eLy6z9874Flpo%2Fbooking-portal-slots.png?alt=media</a></td><td><a href="/projects/use-cases/portals-and-partner-sites/appointment-self-booking-portal.md">Appointment Self-Booking Portal</a></td></tr><tr><td><h4>Portal Case Deflection</h4></td><td>Ask what the question is about, then answer it, so the case is never opened.</td><td><span data-option="dPrt8E3kk3Pb">Dynamic Component, </span><span data-option="Zm8LyEtHSKE9">Experience Site</span></td><td></td><td data-object-fit="fill"><a href="https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F9oxxg1dLUNeNObpBNLOW%2Fdeflect-panel.png?alt=media">https://3857391697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdHOej9Pd5IxJNGEJMZKW%2Fuploads%2F9oxxg1dLUNeNObpBNLOW%2Fdeflect-panel.png?alt=media</a></td><td><a href="/projects/use-cases/portals-and-partner-sites/portal-case-deflection.md">Portal Case Deflection</a></td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/projects/use-cases/overview.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.