MoonshotAI / MoonshotAI/kimi-cli
[WebUI] Workspace files sidebar: action buttons hidden when filenames are too long
Nobody has claimed this yet.
- Dominant language
- Python
- Stars
- 11.4k
- Forks
- 1.3k
- Avg merge
- 9h 47m
- Merged PRs (30d)
- 2
Description
Bug Description
In the WebUI's "Workspace files" sidebar, long filenames push the action buttons (expand arrow > / download button) outside the visible viewport, making them unclickable. The sidebar width is fixed and cannot be resized.
Environment
- Kimi Code CLI Version: v1.41.0
- Browser: Chrome, Firefox, Edge (all affected)
- OS: Linux (Docker container)
- WebUI Access:
kimi webcommand (port 5494)
Steps to Reproduce
- Start Kimi Code CLI WebUI:
kimi web - Open WebUI in browser
- Click the right "Workspace files" panel
- Navigate to a directory with long filenames, e.g.,
./projects/or./projects/vcp-mate/bak/ - Observe the right side of file list items
Expected Behavior
Action buttons on the right side of each file list item should always remain visible. Long filenames should be truncated with ... ellipsis.
Actual Behavior
- Root directory (
/workspace): short directory names, buttons visible ✅ ./projects/: names likeaivmate-webui-gitea, buttons pushed out of viewport ❌./projects/vcp-mate/bak/: long names likevcp-mate-bak-p0-batch1-20260508_..., download button completely invisible ❌
Root Cause Analysis
- Radix UI ScrollArea: The content container inside the ScrollArea viewport uses
display: tablewithminWidth: "100%". This causes the container width to expand based on the longest content rather than being constrained by the viewport. The viewport hasoverflow-x: hidden, which clips the right side, including the action buttons. - Missing overflow control: The file list item uses flex layout with
truncateon the filename, but the parent text container lacksoverflow: hidden, preventing flex shrink from working correctly.
Proposed Fix
See linked PR. The fix involves:
- Adding CSS override for Radix UI ScrollArea
display: table→display: block - Adding
overflow-hiddento file list items and text containers - Adding
w-fullto filename divs
Screenshots



Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue identifies the WebUI Workspace files sidebar and kimi web as the entry point; reproduce it with a directory containing long filenames and inspect the linked PR. Done means the expand and download controls remain visible while long names truncate within the fixed sidebar across the described browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 35/100