---
type: bug
title: Thinking trace height constraint not working in web UI
---

# Bug 167: Thinking trace height constraint not working in web UI

## Description

Story 160 added a `ThinkingBlock` component with a 96px max-height to constrain thinking traces in the agent stream UI. However, thinking traces still flood the UI with no visible height constraint. The thinking text appears to render without the max-height container, or the component is not being used in the right place.

## How to Reproduce

1. Open the web UI and watch an agent stream
2. Observe thinking traces — they expand unbounded, flooding the view

## Actual Result

Thinking traces take up the full height of the output, pushing real content out of view.

## Expected Result

Thinking traces should be constrained to a fixed height (96px) with overflow scrolling, as implemented in the `ThinkingBlock` component from story 160.

## Key files

- `frontend/src/components/AgentPanel.tsx` — `ThinkingBlock` component and where thinking state is rendered
- Check whether `ThinkingBlock` is actually rendered in the agent output stream, or if thinking text is still going through the regular log output path

## Acceptance Criteria

- [ ] Thinking traces are visually constrained to a max height in the agent stream UI
- [ ] Overflow scrolls within the constrained block
- [ ] Regular output is not affected
- [ ] All tests pass
