feat: Add file browser panel for viewing untracked and gitignored files #5
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Add GET /api/files/{repo_idx} endpoint to list changed, untracked, and gitignored files
- Add GET /api/file-content/{repo_idx} endpoint to view file contents
- Create FileBrowser.tsx component with collapsible panel matching CommitHistory style
- Add FileContentModal for viewing untracked/gitignored file contents
- Filter toggles for Changed/Untracked/Gitignored categories
- Click changed files to scroll to diff, click others to open modal
- Group gitignored directories by top-level to avoid listing thousands of files
Author
|
cc @cfal let me know what u think here. not sure if there's a better way we can present the file diffs. Doesnt really work great with mobile right now as well. I think there might still be some feeling missing, so would love ur thoughts! |
Store filter checkbox states (Changed, Untracked, Gitignored) in localStorage keyed by repository label. Default Untracked and Gitignored to unchecked since most users want to focus on changed files initially.
yongkangc
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Problem
When reviewing diffs, users cannot see untracked or gitignored files. This makes it difficult to know what files exist in the repository but aren't being tracked or are intentionally ignored.
Solution
Add a collapsible "Files" panel (similar to the Commits panel) that shows all repository files organized by status:
Changes
GET /api/files/{repo_idx}endpoint to list files by statusGET /api/file-content/{repo_idx}endpoint to view file contentsFileBrowser.tsxcomponent with collapsible panelFileContentModalfor viewing untracked/gitignored file contentsImpact
Users can now see and view all files in their repository, including those not shown in the diff view. This is especially useful for:
Video Demo:
Screen.Recording.2025-12-22.at.10.24.27.AM.mov