Feature Summary
The file explorer currently displays all nested folders and files expanded by default. I’d like the explorer to support a collapsible tree view so folders behave like dropdowns and only reveal contents when expanded.
This would make navigating large projects significantly cleaner and easier.
Problem or Use Case
When working in projects with deeply nested directories, the current file explorer becomes cluttered because every folder and file is rendered recursively at once.
This creates several issues:
difficult navigation
excessive scrolling
reduced readability
poor scalability for large repositories
For example, generated folders like .svelte-kit/generated/client-optimized/nodes and nested .kiro/skills/* directories are all visible immediately, making the explorer noisy and hard to use.
Proposed Solution
Implement a recursive collapsible tree-view for the file explorer.
Expected UX
Only root-level files/folders are shown initially
Clicking a folder expands/collapses its contents
Nested folders remain hidden until opened
Expanded state should persist while navigating
Suggested Behavior
Folder rows display expand/collapse indicators (▶ / ▼)
Child nodes are indented based on depth
Recursive rendering supports unlimited nesting
Optional animation for smoother UX
Alternatives Considered
Current workaround is manually ignoring the visual clutter or relying on search/navigation shortcuts instead of the explorer.
However, this becomes increasingly difficult in larger projects with generated files and deeply nested directories.
Additional Context
Current behavior renders every nested directory expanded automatically, which makes the file explorer difficult to scan quickly.
A collapsible tree structure similar to:
VS Code
GitHub file explorer
JetBrains IDEs
would greatly improve usability and navigation.
Feature Summary
The file explorer currently displays all nested folders and files expanded by default. I’d like the explorer to support a collapsible tree view so folders behave like dropdowns and only reveal contents when expanded.
This would make navigating large projects significantly cleaner and easier.
Problem or Use Case
When working in projects with deeply nested directories, the current file explorer becomes cluttered because every folder and file is rendered recursively at once.
This creates several issues:
difficult navigation
excessive scrolling
reduced readability
poor scalability for large repositories
For example, generated folders like .svelte-kit/generated/client-optimized/nodes and nested .kiro/skills/* directories are all visible immediately, making the explorer noisy and hard to use.
Proposed Solution
Implement a recursive collapsible tree-view for the file explorer.
Expected UX
Only root-level files/folders are shown initially
Clicking a folder expands/collapses its contents
Nested folders remain hidden until opened
Expanded state should persist while navigating
Suggested Behavior
Folder rows display expand/collapse indicators (▶ / ▼)
Child nodes are indented based on depth
Recursive rendering supports unlimited nesting
Optional animation for smoother UX
Alternatives Considered
Current workaround is manually ignoring the visual clutter or relying on search/navigation shortcuts instead of the explorer.
However, this becomes increasingly difficult in larger projects with generated files and deeply nested directories.
Additional Context
Current behavior renders every nested directory expanded automatically, which makes the file explorer difficult to scan quickly.
A collapsible tree structure similar to:
VS Code
GitHub file explorer
JetBrains IDEs
would greatly improve usability and navigation.