Simplify files panel header - #4828
Conversation
- Add inline file search with refresh control - Reuse ghost input styling and normalize panel header spacing
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
Comment |
github-actions
Bot
added
size:L
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
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.
| if (event.key !== "Escape") return; | ||
| props.onClose(); | ||
| event.currentTarget.blur(); | ||
| }} |
There was a problem hiding this comment.
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.
## What's Changed * Simplify files panel header by @juliusmarminge in pingdotgg/t3code#4828 * build(desktop): reduce installed app size by ~300MB by @wukko in pingdotgg/t3code#4824 * Update model version from claude-opus-4-8 to claude-opus-5 by @juliusmarminge in pingdotgg/t3code#4832 * Preserve the thread shell while detail loads by @juliusmarminge in pingdotgg/t3code#4830 * Reduce idle work and disk churn with native resource diagnostics by @juliusmarminge in pingdotgg/t3code#2679 ## New Contributors * @wukko made their first contribution in pingdotgg/t3code#4824 **Full Changelog**: pingdotgg/t3code@v0.0.31-nightly.20260729.944...v0.0.31-nightly.20260729.946 Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.31-nightly.20260729.946
1 participant
What Changed
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
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-subheaderrow: 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
useFileTreeSearchwith the tree’ssearchoption turned off; clearing the field callssearch.close(), and Escape closes search and blurs the input.Adds a
ghostvariant onInputGroup(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-heightto 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
surface-subheadercontaining a newFileSearchFieldandRefreshFilesButton.FileSearchFieldis a controlled ghost-variant input that drives file tree search viauseFileTreeSearch, with Escape to close/clear.RefreshFilesButtonwraps aRotateCwicon in a tooltip button that animates while a refresh is pending.ghostvariant to input-group.tsx (transparent border, background, and shadow with hover/focus states); the preview address bar also adopts this variant.Macroscope summarized b4e4043.