# Plain HTML counter demo

> A hardware store’s hand-made website mounts its counter with one script tag and one element.

Pattern: Plain HTML. Brand: Ferrier & Sons. Tags: element, plain HTML, getSession, functions, runtime events.

## What it shows

- **Put an agent on your page**: the whole integration is one snippet, the served `<script src>`, a `<mindset-agent>` tag and an inline script that calls `configure({ getSession })`
- The snippet on the page is the **code that ran**: the page loads its script, places its tag and runs its inline script, then marks each line as it happens, including the session request’s status
- `getSession` returning the session route’s **body unchanged**, so the SDK keeps the credential and the switched-on features
- A **function** over twelve hinges, screws and locks as literal data, with sizes and prices in dollars
- The parts it finds tagged **Pulled for you** on the shelf, drawn by the page from the run’s `tool_end` event, and every call in the under-the-hood pane

## Files

- `src/demos/ferrier/snippet.ts`
- `src/demos/ferrier/index.tsx`
- `src/demos/ferrier/parts.ts`
- `demos/ferrier/demo.json`
- `demos/ferrier/functions/ferrier-parts.json`

## More

- [Source](https://docs.mindset.ai/demos/ferrier/source)
- [How it works](https://docs.mindset.ai/demos/ferrier/how)
- [Put an agent on your page](https://docs.mindset.ai/docs/put-an-agent-on-your-page)
- [The mindset-agent element](https://docs.mindset.ai/docs/the-mindset-agent-element)
- [Sessions and trust](https://docs.mindset.ai/docs/sessions-and-trust)
- [Events reference](https://docs.mindset.ai/docs/events-reference)
- [Add a function](https://docs.mindset.ai/docs/build-a-function)