Skip to content

fix(desktop): stop clipping the agent-activity row under the composer#1371

Merged
wesbillman merged 2 commits into
mainfrom
brain-fix-agent-bottom-bar
Jun 30, 2026
Merged

fix(desktop): stop clipping the agent-activity row under the composer#1371
wesbillman merged 2 commits into
mainfrom
brain-fix-agent-bottom-bar

Conversation

@wesbillman

Copy link
Copy Markdown
Collaborator

What

The agent-activity row under the chat composer clipped on the bottom (text descenders + the avatar ring) and on the right (long status text hard-cut mid-word, no ellipsis). Fixed both, in the main channel composer and the thread side panel (same inline component, rendered in two places).

Why it clipped

Two independent root causes in the inline BotActivityComposerAction:

  1. Right-side clip — the status label used max-w-40 truncate, but truncate sat on a span wrapping an inline-block Shimmer, so text-overflow: ellipsis never applied; long text just hard-clipped at the fixed 160px. Now the label flexes (min-w-0 flex-1) and block truncate lives on the Shimmer itself, so it ellipsizes against real available width.

  2. Bottom clip — the row was a fixed h-7 (28px) sitting flush at the pane's bottom edge with only pb-1, clipping descenders and the avatar ring's outer pixels. Bumped to min-h-8 + pb-1.5.

Thread-panel parity

The inline action is rendered in two spots (both in ChannelPane): the main composer, and the thread side panel via toolbarExtraActions. The thread panel had its own composer row that still used the old h-7/pb-1 and wrapped the action in shrink-0 (no bounded width → no ellipsis). Brought it to parity (min-h-8 + pb-1.5, wrapper flex min-w-0 flex-1) so both spots behave identically.

The toolbar variant (used elsewhere) keeps its label sr-only and is untouched.

Files

 desktop/src/features/channels/ui/BotActivityBar.tsx     |  12 ++--
 desktop/src/features/channels/ui/ChannelPane.tsx        |   4 +-
 desktop/src/features/messages/ui/MessageThreadPanel.tsx |   8 ++-

Validation

tsc, biome check, file-size guard, and px-text guard all pass (just desktop-check green). CSS-layout-only change; no logic touched.

Note: I couldn't grab a before/after screenshot — the bar only renders while an agent is actively typing in a channel, which I couldn't reproduce in a dev build.

wesbillman and others added 2 commits June 29, 2026 17:16
The inline BotActivityBar status label capped at max-w-40 with truncate
on a span wrapping an inline-block Shimmer, so the ellipsis never applied
and long status text hard-clipped on the right. The activity row was also
a fixed h-7 flush at the pane's bottom edge with only pb-1, clipping text
descenders and the avatar ring.

Let the label flex and truncate (block truncate on the Shimmer), give the
activity wrapper flex-1/min-w-0 so it fills available width and shrinks
gracefully, and grow the row to min-h-8 with pb-1.5 for vertical room.

Co-authored-by: Brain <21994759fc7a6fa6b965551d35cfd7897d262f2495467f2d78694ddcfa6a5c7e@sprout-oss.stage.blox.sqprod.co>
Signed-off-by: Wes <wesbillman@users.noreply.github.com>
The thread side panel renders the same inline BotActivityComposerAction
(passed as toolbarExtraActions) but had its own composer row that still
clipped: fixed h-7 + pb-1, and the action wrapped in shrink-0 so the
status label could not ellipsize. Match the main composer fix — min-h-8
+ pb-1.5 for descender/avatar-ring breathing room, and flex min-w-0
flex-1 wrapper so the label truncates against real available width.

Co-authored-by: Brain <21994759fc7a6fa6b965551d35cfd7897d262f2495467f2d78694ddcfa6a5c7e@sprout-oss.stage.blox.sqprod.co>
Signed-off-by: Wes <wesbillman@users.noreply.github.com>
@wesbillman wesbillman merged commit 2044ad7 into main Jun 30, 2026
25 checks passed
@wesbillman wesbillman deleted the brain-fix-agent-bottom-bar branch June 30, 2026 15:03
wpfleger96 pushed a commit that referenced this pull request Jun 30, 2026
…work

* origin/main: (25 commits)
  fix(thread): stop mid-scroll content jump in live threads (#1397)
  fix(ci): restore main to green — tauri fmt, personas.rs file-size split, Windows path test (#1399)
  fix(desktop): enable buzz-dev-mcp MCP server for Codex agents (#1394)
  fix(ci): restore E2E flakiness fixes for pgschema, docker-pull, and spec timing (#1396)
  fix(personas): persist pack-backed persona UI edits across reboot (#1392)
  fix(buzz-acp): clear steer_rx on all run_prompt_task exit paths (#1391)
  Restore channel date divider rule (#1395)
  Speed up profile wave action (#1379)
  Restore visible links for rich previews (#1378)
  Mobile channel list polish (#1367)
  style(desktop): unify corner radii to rounded-2xl (16px) (#1393)
  fix(desktop): skip keychain write when blob contents are unchanged (#1377)
  fix(desktop): stop clipping the agent-activity row under the composer (#1371)
  Constrain macOS overscroll to conversations (#1317)
  Mobile appearance foundation (#1366)
  chore(release): release Buzz Desktop version 0.3.38 (#1375)
  feat(desktop): provider-agnostic model selection + databricks discovery (#1307)
  release(helm): buzz chart 0.1.1 (#1374)
  Harden relay attack surfaces (#1369)
  ci(helm): publish chart to GHCR on chart-v* tags (#1372)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant