Skip to content

Sidebar: no search or filter within the file tree #76

Description

@KrisPowers

There is no way to search for a file by name within the sidebar file explorer. In projects with deep or wide directory structures, finding a specific file requires manually expanding folders and scrolling. The only alternative is the global file-open dialog (if one exists), but that is a different workflow than navigating the tree.

Most editors have a fuzzy-filter or search box at the top of the sidebar that narrows down the visible tree as you type.

What needs to happen

  • A search/filter input at the top of the file tree (or triggered by typing when the tree is focused)
  • As the user types, the tree filters to show only files and folders whose names match the query, and all ancestor folders of matching files are expanded automatically
  • Clearing the input restores the full tree
  • Optionally, support basic glob patterns like *.ts or src/**

Files likely involved

  • app/frontend/src/fullscreen/FileExplorer.tsx -- filter state, tree rendering

Acceptance criteria

  • Typing in the filter input narrows the file list in real-time
  • Matching is case-insensitive and fuzzy (partial matches work)
  • Ancestor folders of matching files are shown even if they don't match
  • Pressing Escape clears the filter and returns focus to the tree
  • The filter input is reachable by keyboard (e.g., a shortcut like Ctrl+Shift+E or just focusing the sidebar and typing)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions