# Plain HTML counter demo

> Put an agent on your page with a script tag, one element and a few lines of JavaScript. A hardware store with a hand-made website shows that snippet and runs it to mount its counter.

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://docs4.mindset.ai/demos/ferrier/source)
- [How it works](https://docs4.mindset.ai/demos/ferrier/how)
- [Put an agent on your page](https://docs4.mindset.ai/docs/sdk/put-an-agent-on-your-page)
- [The mindset-agent element](https://docs4.mindset.ai/docs/sdk/the-mindset-agent-element)
- [Create a session for your users](https://docs4.mindset.ai/docs/sdk/create-a-session-for-your-users)
- [Events reference](https://docs4.mindset.ai/docs/sdk/events-reference)
- [Build a function](https://docs4.mindset.ai/docs/ams/build-a-function)