#22263: fix: send button hidden by long node names or small screens
app: android
size: XS
Cluster:
Web UI Enhancements and Fixes
## Summary
- Long node/session names in the connection pill would push the send (and stop) button off screen, preventing users from sending messages
- Constrain the connection pill width so the session label truncates with ellipsis instead of overflowing
- Maintain the send button at the trailing edge via `SpaceBetween` arrangement
- Also affects small screen devices where horizontal space is limited
## Test plan
- [ ] Set a long node name and verify the send button remains visible and tappable
- [ ] Verify short node names still display fully with the button at the right edge
- [ ] Test the stop button visibility during an active run with a long node name
- [ ] Test on a small screen device/emulator
🤖 Generated with [Claude Code](https://claude.com/claude-code)
<!-- greptile_comment -->
<h3>Greptile Summary</h3>
Fixed send button visibility issue by constraining the connection pill width and using `SpaceBetween` arrangement. Long node/session names now truncate with ellipsis instead of pushing the send button off-screen.
- Replaced `Spacer` with `Arrangement.SpaceBetween` for proper button positioning
- Added `weight(1f, fill = false)` to ConnectionPill to allow flexible sizing
- Applied `maxLines = 1` with `TextOverflow.Ellipsis` to session label text for truncation
<h3>Confidence Score: 5/5</h3>
- This PR is safe to merge with minimal risk
- The changes are focused, well-implemented, and follow Compose best practices. The solution correctly addresses the layout issue by using appropriate Compose modifiers (`weight` with `fill = false`, `TextOverflow.Ellipsis`) and layout arrangements (`SpaceBetween`). No logical errors, security concerns, or breaking changes introduced.
- No files require special attention
<sub>Last reviewed commit: 69b0726</sub>
<!-- greptile_other_comments_section -->
<sub>(3/5) Reply to the agent's comments like "Can you suggest a fix for this @greptileai?" or ask follow-up questions!</sub>
<!-- /greptile_comment -->
Most Similar PRs
#16593: fix: mobile compose row layout
by alewcock · 2026-02-14
72.5%
#6521: fix: addressed style issue for chat compose and thread on mobile
by spencer-rafada · 2026-02-01
71.7%
#9122: fix(webchat): constrain .chat-new-messages to button size
by ridermw · 2026-02-04
71.2%
#13548: feat(control-ui): Add quote reply and send message to session features
by Annaxiebot · 2026-02-10
69.5%
#16733: fix(ui): avoid injected newlines when tool output is hidden
by jp117 · 2026-02-15
69.5%
#14201: UI: fix exec approval dialog scrolling with long commands
by jhs129 · 2026-02-11
69.4%
#9411: Fix: Web UI long message overflow causing unreadable text
by vishaltandale00 · 2026-02-05
69.2%
#20064: UI: fix form overlapping subtitle in config screen
by powerdot · 2026-02-18
69.1%
#9175: Fix: Constrain webchat 'New messages' icon size to prevent massive ...
by vishaltandale00 · 2026-02-04
68.8%
#21940: style(layout): change content display to flex
by homfarnam · 2026-02-20
67.8%