Skip to content

Conversation

@davidzwa
Copy link
Contributor

@davidzwa davidzwa commented Jan 30, 2026

Implements a hierarchical folder-based tree view for the file explorer, replacing the flat list.

  • Enables recursive fetching of remote files, allowing the retrieval of files from subdirectories
  • Simplifies file loading by removing the cache and directly fetching files from the API
  • Increases the width of the side panel file explorer for better usability

Follow-up of https://github.com/fdm-monster/fdm-monster-client-next/pull/1477/files

That Guy Jaysen and others added 9 commits January 30, 2026 09:17
- Add TreeNode interface to represent files and folders in hierarchy
- Implement fileTree computed property to transform flat file list into nested structure
  - Parse file paths into folder hierarchy
  - Sort folders first, then alphabetically
- Replace flat file list with Vuetify v-treeview component
  - Custom templates for icons, titles, and action buttons
  - Folders default to collapsed state
  - Files show size and action buttons (download, print, delete)
  - Maintain "currently printing" indicator with primary color
- Update styles for tree view with hover effects
- Fix scrolling: removed duplicate scroll containers, parent .file-list handles scrolling

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
With the indents for directories, the width of the file explorer section was too narrow. This truncated file names.
@sonarqubecloud
Copy link

@davidzwa davidzwa linked an issue Jan 30, 2026 that may be closed by this pull request
@davidzwa davidzwa merged commit f81ed40 into main Jan 30, 2026
3 checks passed
@davidzwa davidzwa deleted the file-explorer-tree-implementation branch January 30, 2026 21:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement directory navigation in file explorer

2 participants