# agent-reasoning — Examples

## streaming pipeline

```html
<div data-demo-host="streaming"></div>
<div style="display:flex; gap:var(--a-space-2); margin-top:var(--a-space-3);">
  <button-ui data-replay="streaming" icon="arrow-clockwise" text="Replay" variant="outline" size="sm"></button-ui>
</div>
```

## plan + thoughts

```html
<div data-demo-host="plan"></div>
<div style="display:flex; gap:var(--a-space-2); margin-top:var(--a-space-3);">
  <button-ui data-replay="plan" icon="arrow-clockwise" text="Replay" variant="outline" size="sm"></button-ui>
</div>
```

## iterations

```html
<div data-demo-host="iter"></div>
<div style="display:flex; gap:var(--a-space-2); margin-top:var(--a-space-3);">
  <button-ui data-replay="iter" icon="arrow-clockwise" text="Replay" variant="outline" size="sm"></button-ui>
</div>
```
