🤖 refactor: improve UI density and fix mobile-only features #516
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ammario
approved these changes
Nov 6, 2025
ammar-agent
force-pushed
the
ui-project
branch
5 times, most recently
from
8637101 to
6ab5766
Compare
- Project Sidebar: Single-line display with styled basename (increases density) - Previously showed project name + abbreviated path on two lines - Now shows abbreviated path with bold basename on one line - Added splitAbbreviatedPath() utility with tests - Applied to both project items and drag preview - ChatInput: Fix responsive controls hiding - Replace broken container query syntax (max-@[Xpx]) with media queries - Mode switch hides at 550px, thinking slider at 550px, context at 450px - Prevents line-breaking of controls on constrained viewports - Mobile features: Only apply to touch devices (pointer: coarse) - 44px min-height/width buttons only on touch devices - Hamburger menu only shows on touch devices - Sidebar overlay only on touch devices - Mobile layout stacking only on touch devices - Fixes flashing sidebar when resizing desktop browser - Fixes chat disappearing on small desktop viewports Desktop users can now resize browser windows without triggering mobile UI. Touch devices still get optimized mobile interface. _Generated with `cmux`_
ammar-agent
force-pushed
the
ui-project
branch
from
6ab5766 to
2438c7d
Compare
Collaborator
Author
|
Integration test failure is unrelated to UI changes - timing test failed by 581ms (expected <10s, got 10.581s). This test is timing-sensitive and occasionally flakes in CI. Test passes locally. Re-running checks. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Changes
Project Sidebar - Increased Density
Previously showed project name and abbreviated path on two lines:
Now shows single line with styled basename:
Where directory path is muted and basename is bold/prominent. Same visual hierarchy with 50% less vertical space.
splitAbbreviatedPath()utility functionChatInput - Fixed Responsive Control Hiding
max-@[Xpx]:hidden) with media queriesMobile Features - Touch Device Only
Fixed all mobile-specific UI to only activate on touch devices (
pointer: coarse), not just small viewports:Fixes:
Testing
Generated with
cmux