KQ-768 · BROWSER/PEEK
Browser Peek
A mini browser frame showing what an agent is looking at. The page is a procedural drawing laid out from a block list, never a live page; when the index changes the address slides in on snap while the page area cross-fades, and a cursor dot glides to the click point and presses once it settles. Back and Forward are real buttons that step through the pages.
KQ-768 · BROWSER/PEEK
basinworks.example
Page 1 of 4, Basinworks, basinworks.example. Clicked Rates.
Page 1 of 4 · basinworks.example · clicked Rates
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/browser-peek
Props
- snapshots
- PeekSnapshot[]
- default —
- The pages in visit order, each with a url, title, block list and an optional click point.
- index / defaultIndex
- number
- default 0
- Controlled or initial index of the shown page.
- onIndexChange
- (index: number) => void
- default —
- Fires from Back and Forward.
- live
- boolean
- default false
- The agent is browsing now: a dot in the frame breathes.
- label
- string
- default —
- Names the frame.
| Prop | Type | Default | Description |
|---|---|---|---|
| snapshots | PeekSnapshot[] | — | The pages in visit order, each with a url, title, block list and an optional click point. |
| index / defaultIndex | number | 0 | Controlled or initial index of the shown page. |
| onIndexChange | (index: number) => void | — | Fires from Back and Forward. |
| live | boolean | false | The agent is browsing now: a dot in the frame breathes. |
| label | string | — | Names the frame. |