File Manager
import { CardGrid, LinkCard, Steps, Badge } from ‘@astrojs/starlight/components’;
After reading, you can: Browse full computer disks, organize files, and upload folders without opening terminal shells or typing file paths.
1. File Manager vs Workspace
Section titled “1. File Manager vs Workspace”| Feature | 🗂️ File Manager | 📂 Workspace |
|---|---|---|
| Scope | Entire computer disks (C:, D:, USB drives) | Single project directory bound to the active session |
| Primary Goal | Manual file organizing, uploading, unzipping | AI code editing, artifact generation, Git review |
| Availability | Always accessible, no session required | Appears automatically when a project session is active |
2. Opening the File Manager
Section titled “2. Opening the File Manager”- Left Sider Icon: Click the dedicated File Manager icon on the left bar.
- Preview Panel Tab: Switch to the Files tab at the top of the right preview panel.
3. Core Capabilities
Section titled “3. Core Capabilities”📁 Enter-Folder Navigation Mode
Section titled “📁 Enter-Folder Navigation Mode”- Double-click any folder to navigate directly into it (breadcrumbs update instantly).
- Click Up One Level in the toolbar or click ancestor breadcrumbs to return.
- Toggle between directory tree view and folder navigation with one click.
⚡ Button Spinner Feedback
Section titled “⚡ Button Spinner Feedback”Slow file operations (such as large zip creation or deletion) display an active spinner directly on the button to prevent duplicate clicks.
🔍 Realtime Keyword Search
Section titled “🔍 Realtime Keyword Search”Filter files and subfolders instantly by typing into the top search input.
📤 Drag & Drop Uploads
Section titled “📤 Drag & Drop Uploads”Drag files directly from your desktop into the panel. A progress bar shows uploading status and file counts.
📦 Batch Actions
Section titled “📦 Batch Actions”Selecting multiple files opens the batch toolbar:
- Batch move & copy
- Batch compression (Download as ZIP)
- Batch deletion with safety confirmation
🖼️ Integrated Image Viewer
Section titled “🖼️ Integrated Image Viewer”Double-click .png, .jpg, .webp, .svg files to inspect them in high resolution without opening external image viewers.