Skip to content

Feat : Implement File Search in File Explorer #7

@imSubhro

Description

@imSubhro

✨ Feature Description

Add a file search feature to the File Explorer so users can quickly locate files in their project without having to manually expand and scroll through the entire directory tree.

🤔 Problem It Solves

The current File Explorer has no search functionality. In projects with many files and nested folders, finding a specific file requires manually expanding directories one by one. This is slow and frustrating, especially when working on larger codebases. A search input in the File Explorer would solve this instantly.

💡 Proposed Solution

  • Add a search input at the top of the File Explorer panel.
  • As the user types, filter the file tree in real time to show only files and folders whose names match the query.
  • Highlight the matched portion of each filename in the results.
  • Show a "No files found" message if nothing matches.
  • Clearing the search restores the full file tree.

✅ Acceptance Criteria

  • Search input added to the top of the File Explorer.
  • Real-time filtering of files and folders as user types.
  • Matched filename portion visually highlighted.
  • Empty state shown when no results match.
  • Full tree restored when search is cleared.

🌱 Contributor Checklist

  • I am participating via GSSoC
  • I have read the contribution guidelines
  • I checked for existing issues before creating this

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions