calc() requires whitespace around +, and Tailwind arbitrary values
encode spaces as underscores. calc(8ch+3.125rem) produced invalid CSS
that was silently dropped, so the floor never applied.

calc() requires whitespace around +, and Tailwind arbitrary values
encode spaces as underscores. calc(8ch+3.125rem) produced invalid CSS
that was silently dropped, so the floor never applied.

The plain span wrapping WorkspacePill had an automatic minimum equal
to the pill's full content width, so under pressure the pill never
shrank and was clipped to just its icon. Make the wrapper a flex
container that can shrink, with the same md 8ch + chrome floor as the
pill itself. Verified in Storybook at narrow desktop panel widths:
both pills hold 8 characters with ellipsis and visible chevrons.

…urizes

Treat the attached workspace like the other overflow-managed badges.
When the row overflows and the workspace would otherwise survive only
as a tiny minimum-width pill, stop rendering it in the visible row and
surface it through the +N overflow popover instead. Update the stories
to exercise the real attached-workspace path used by the chat view.

… overflow

The below-md icon-only variant was the remaining tiny state: at narrow
viewports the pill collapsed to a bare status icon that always fit, so
it never entered the overflow popover. Render name and chevron at every
breakpoint with the 8ch floor; when the floored pill no longer fits,
the badge overflow system moves it into the +N popover. The pill
renders whenever workspace data is present, with attachedWorkspace
only enriching its overflow-popover fallback badge.