Simplify files panel header

[juliusmarminge]

What Changed

• Replaced the files panel header with a compact subheader containing inline search and refresh controls.
• Added reusable ghost styling for input groups and applied it to the preview address field.
• Added responsive topbar sizing for non-desktop title bars.

Why

The previous files panel header used extra vertical space and separated search behind a button. This change makes search immediately available, keeps refresh accessible with a tooltip and loading state, and aligns the controls with the rest of the interface.

UI Changes

The files panel header is now more compact and includes an inline “Search files” field alongside the refresh button. The preview address field also uses the shared ghost input styling.

Before/after screenshots were not included.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only changes to panel chrome and shared input styling; file search behavior stays on the existing Pierre tree search API with no backend or auth impact.

Overview
Replaces the files panel header with a compact surface-subheader row: refresh (ghost icon button + tooltip/spin) and an always-visible Search files field, dropping the project name, file count, and search icon that opened the tree’s built-in search.

File search is wired through useFileTreeSearch with the tree’s search option turned off; clearing the field calls search.close(), and Escape closes search and blurs the input.

Adds a ghost variant on InputGroup (transparent border/background, muted hover, solid background on focus) and uses it for the files search field and the preview address bar (replacing ad-hoc classes there).

Right panel tab bar sets --workspace-topbar-height to spacing 11 when the desktop title bar is not owned, for consistent topbar height on web/non-inline layouts.

^{Reviewed by Cursor Bugbot for commit b4e4043. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Simplify the files panel header with a dedicated search field and refresh button

• Reworks FileBrowserPanel.tsx to remove the inline header showing project name, file count, and built-in tree search, replacing it with a surface-subheader containing a new FileSearchField and RefreshFilesButton.
• FileSearchField is a controlled ghost-variant input that drives file tree search via useFileTreeSearch, with Escape to close/clear.
• RefreshFilesButton wraps a RotateCw icon in a tooltip button that animates while a refresh is pending.
• Adds a ghost variant to input-group.tsx (transparent border, background, and shadow with hover/focus states); the preview address bar also adopts this variant.
• Behavioral Change: the files panel no longer displays the project name, file count, or partial-load indicator in its header.

^{Macroscope summarized b4e4043.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: e8c78198-760b-4bab-a2fe-5a305120dec8

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{Bugbot Autofix is ON, but it could not run because the branch was deleted or merged before autofix could start.}

^{Reviewed by Cursor Bugbot for commit b4e4043. Configure here.}

[cursor]

Escape closes panel sheet

Medium Severity

The new files search field handles Escape by closing search and blurring, but it never calls preventDefault. In sheet mode the right panel uses a Base UI dialog, so that same keypress also dismisses the whole panel instead of only clearing search.

 

^{Reviewed by Cursor Bugbot for commit b4e4043. Configure here.}