File Explorer

The File Explorer component provides a tree-based file browser for navigating the project directory structure.

Overview

Located in components/Sidebar/FileExplorer/ and components/Sidebar/FileExplorer_New/, the File Explorer allows users to:

• Browse directories and files in a tree view
• Open files in the editor
• Create, rename, and delete files and folders
• Upload files
• Search and filter files

Related Components

• Sidebar — Parent container (components/Sidebar/Sidebar.tsx)
• FileTabs — Tab management for open files (components/FileTabs/)
• EditorWindow — Code editor that displays opened files (components/Editorwindow_new/)

Usage

The File Explorer is rendered within the Sidebar component and interacts with the editor through file open/close events.