Show close button in place of file icon on hover for narrow code-pane tabs

[wzc520pyfm]

Summary

When many files are open in the code pane, individual editor tabs become too narrow to interact with. Hovering a tab should reveal a close button (×) in place of the file icon, similar to Chrome's tab behavior, so users can still close a specific file even when the tab bar is crowded.

Problem

Opening many files in the code pane causes each editor tab to shrink. Currently the tab layout always shows the file-type icon and only reveals the close button when there is enough horizontal space. Once tabs become narrow, it becomes difficult or impossible to close a specific file from the tab because the close affordance is not visible or easily clickable.

Expected behavior

When hovering over a narrow code-pane tab, the file icon should be temporarily replaced by a close (×) button so the user can close that file without needing keyboard shortcuts or first activating the tab.

I believe that there should be different display methods for tabs occupying varying degrees of overall space:

1. When there is sufficient space, a single file tab has ample room to display "X" normally. (Current behavior)

2. When the space becomes narrower and the tab space for a single file shrinks, the "X" should only be displayed for the currently opened file. For other file tabs, the "X" should not be displayed on hover. (About Don't show the X (close) button when hovering over the tab  #3870)

3. As the space continues to narrow, the "X" should be removed from the currently open text tab, and only displayed when hovering over it.（like chrome）

Actual behavior

The file icon remains visible on hover, and the close button is either hidden or clipped when tabs are narrow, making it hard to close individual files from the tab bar.

Reproduction steps or desired workflow

1. Open the code pane in Warp (e.g., via Command-P or clicking a file in the project explorer).
2. Open several files so the tab bar contains 6–10+ tabs.
3. Resize the pane or window so the tabs become narrow.
4. Hover over an inactive tab and try to close it.
5. Observe that the file icon is still shown and the close button is not easily accessible.

Desired workflow:

• On hover over any code-pane tab, the file-type icon is replaced by a close button.
• Clicking the close button closes that specific file tab.
• This mirrors the behavior in Chrome and Safari browser tabs.

Artifacts

None attached.

Warp version

Unknown.

Operating system

macOS.

Possible source references

• app/src/code/view.rs (render_tab_internal): tab rendering logic that shows the file icon and conditionally shows the close button based on hover and active state.

[oz-for-oss]

@wzc520pyfm

Here's what I found while triaging this issue:

This lines up with the current behavior: the close control is shown as a separate trailing affordance, so narrow tabs can hide or crowd it. I’m routing this as a reproducible code-pane tab-bar bug.

Maintainer details

I concluded that code-pane editor tabs can hide the hover close affordance when they shrink because the close button is rendered as a trailing control instead of replacing the file icon slot..

Triage summary

This looks like a reproducible code-pane tab-bar bug. The requested behavior is for narrow editor tabs to expose a reliable close affordance on hover, but the current rendering path keeps the file icon and renders the close button later in the tab row, where it can be clipped when tabs shrink.

Maintainer notes

• Relevant code: app/src/code/view.rs, especially CodeView::render_tab_internal and CodeView::render_tab_bar_with_draggable.
• render_tab_internal always renders the language/file icon first, then computes show_close = is_active || is_hovered and adds the close button near the end of the row.
• render_tab_bar_with_draggable places each tab in a shrinkable row and clips tab overflow, which makes the trailing close button vulnerable when many tabs share limited width.
• A likely fix is to render the close button in the icon slot when hovered or active for narrow/eligible tabs, preserving click handling via the existing close MouseStateHandle and RemoveTabAtIndex action.

Duplicate check

I searched the open issue list for code-pane/editor-tab close-button, narrow-tab, file-icon, and tab-bar matches. Existing close-button issues are about other tab surfaces or different close-button preferences, so I did not identify two or more likely duplicates.

This is my automated analysis and may be incorrect. A maintainer will verify the details.

Powered by Oz