feat(web): remove changed-files filter from run files sidebar

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-08 18:04:45 -07:00
parent 3abf698273
commit dbe3676fad
No known key found for this signature in database

View file

@ -2,8 +2,6 @@ import {
useEffect,
useMemo,
useRef,
useState,
type ChangeEvent,
type CSSProperties,
} from "react";
import {
@ -80,25 +78,16 @@ export function FileTreeSidebar({
selectedPath,
onSelect,
}: FileTreeSidebarProps) {
const [filterText, setFilterText] = useState("");
const normalizedFilter = filterText.trim().toLowerCase();
const filteredFiles = useMemo(
() =>
normalizedFilter
? files.filter((file) => filePath(file).toLowerCase().includes(normalizedFilter))
: files,
[files, normalizedFilter],
);
const paths = useMemo(() => filteredFiles.map(filePath), [filteredFiles]);
const paths = useMemo(() => files.map(filePath), [files]);
const changedPaths = useMemo(() => new Set(paths), [paths]);
const gitStatus = useMemo<GitStatusEntry[]>(
() =>
filteredFiles.map((file) => ({
files.map((file) => ({
path: filePath(file),
status: gitStatusFor(file),
})),
[filteredFiles],
[files],
);
const onSelectRef = useRef(onSelect);
@ -161,9 +150,6 @@ export function FileTreeSidebar({
);
}, [changedPaths, model, selectedPath, selection]);
const handleSearchChange = (event: ChangeEvent<HTMLInputElement>) =>
setFilterText(event.target.value);
const themeStyles = useMemo(
() => themeToTreeStyles(pierreDark) as TreeThemeStyle,
[],
@ -173,21 +159,13 @@ export function FileTreeSidebar({
<aside
aria-label="Changed files"
style={themeStyles}
className="flex min-h-0 w-72 shrink-0 flex-col gap-2 self-stretch"
className="flex min-h-0 w-72 shrink-0 flex-col self-stretch"
>
<input
type="search"
value={filterText}
onChange={handleSearchChange}
placeholder="Filter changed files…"
aria-label="Filter changed files"
className="w-full rounded-md border border-line bg-panel px-2 py-1.5 text-sm text-fg placeholder:text-fg-muted focus:outline-2 focus:outline-focus focus:outline-offset-2"
/>
{paths.length > 0 ? (
<FileTree model={model} className="min-h-0 flex-1 overflow-hidden" />
) : (
<div role="status" className="min-h-0 flex-1 px-3 py-2 text-sm text-fg-muted">
No matching files
No changed files
</div>
)}
</aside>