feat(web): add pull request file sidebar

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.

[ShpetimA]

What Changed

This pr adds a file-tree you can toggle using pierre to the pr viewer.
It also changes the default mode for files opened from prs from folded to opened.

Why

It adds better visibility on what changed in the pr.
You can see the file structure changes and easier navigation throughout the pr.
For the second point of swapping the default folded/opened state to me when you go in the pr code tab you go to review so intent is to view the files. Default should be open and if user wants he can fold.

UI Changes

Screen.Recording.2026-08-17.at.12.03.24.AM.mov

New Change one collapse/uncollapse button that does both filetree/files together:

Screen.Recording.2026-08-17.at.1.26.27.AM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Low Risk
UI-only review navigation and fold defaults; pagination logic is covered by new unit tests with no auth or data-persistence changes beyond a client preference flag.

Overview
Adds a toggleable file explorer on the PR Code tab so reviewers can browse changed paths (with git status), load more paged diff slices from the sidebar, and jump to a file in the diff (expanding it if collapsed via CodeViewHandle.scrollTo).

Expand/collapse all now drives both per-file diffs and sidebar directories (foldOverride → foldPreference, default expanded instead of folded). Sidebar visibility persists in localStorage; shared Pierre tree styling moves to pierre-tree-theme.ts (also used by FileBrowserPanel). getPullRequestFileLoadState avoids showing misleading “X of Y” totals when the host count is exhausted but more slices remain. User docs updated for the new Files control and default expanded layout.

^{Reviewed by Cursor Bugbot for commit 7b7bca4. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add file explorer sidebar to pull request Code tab

• Adds PullRequestDiffFileTree component rendering a Pierre-styled file tree with git status badges, directory expansion state, and a Load more footer showing progress and retry on failure
• Adds a toggle in PullRequestCodeTab toolbar backed by local storage; selecting a file in the tree scrolls the diff viewer to it, and expand/collapse-all now also controls directories in the sidebar
• Introduces getPullRequestFileLoadState to reconcile host-reported totals with loaded file counts, treating exhausted totals as lower bounds when more pages remain
• Centralizes tree CSS and theming in pierre-tree-theme.ts; FileBrowserPanel now consumes the shared PIERRE_TREE_UNSAFE_CSS and pierreTreeStyle
• Behavioral Change: isFileDiffCollapsed now takes a non-null DiffFoldPreference defaulting to expanded; files render expanded unless individually toggled. The toolbar no longer shows text file count, only caveat icons.

^{Macroscope summarized 7b7bca4.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fb3ffeba-0895-4331-89dd-4adb138d1b53

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds a substantial pull-request file explorer with file navigation, pagination, and synchronized expansion behavior, while also changing the Code tab to open diffs expanded and show the explorer by default. Those changes affect the standard review experience and product defaults, so human review is needed.

^{You can add or adjust custom eligibility rules. Learn more.}

[juliusmarminge]

can i not toggle the tree?

[ShpetimA]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ab556c8187f0ad24074f2e725a45485ca8ba8864. Configure here.}

[ShpetimA]

can i not toggle the tree?

I understood the question wrong but yes you can also toggle it on or off. Meaning hide it, its saved in local storage presiting between prs.

[juliusmarminge]

can i not toggle the tree?

You mean the file tree ? Yes you can toggle it on the header of the file tree:

Screen.Recording.2026-08-12.at.11.49.39.PM.mov

not collapsing it, hiding it completely like on the Files tab:

CleanShot.2026-08-15.at.13.40.07.mp4

[ShpetimA]

Screen.Recording.2026-08-15.at.2.02.44.PM.mov

@juliusmarminge Yes we can, the tab which showed only file numbers now is the toggle my bad for not including the video initially just missed it

[juliusmarminge]

okay that placement is bad. we should use the same pattern as the Files tab.

[ShpetimA]

we could put it at the end of these icons what do you think

[juliusmarminge]

yes try that

[ShpetimA]

Screen.Recording.2026-08-15.at.2.16.30.PM.mov

Made the change and I'm liking it do you think we should keep still the file counter since we have one already here:

Feels like redundant info

[macroscopeapp]

Two consistency findings in the new file-tree sidebar: a primitive height override that does not survive the responsive merge, and a duplicated Pierre tree theming contract. Details inline.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

One layout finding on the new file-tree sidebar. The previously flagged size=\"xs\" vs h-10 height conflict on the Load more button is still open and not repeated here.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Can't open the pr view anymore im rate limited 🙃. But here is the difference on the load more button. I made the change, I agree that compact looks better.

[ShpetimA]

@juliusmarminge Made the changes whenever you have time have a look again 🫡

[macroscopeapp]

One finding: the new file-tree header uses a surface-subheader class that is not defined anywhere, so the row loses its shared subheader geometry.

^{Posted via Macroscope — UI Consistency}

[Bil0000]

@ShpetimA can you plz update the PR desc with the latest screenshots of all UI changes you made?

Vids are preferred if possible

[ShpetimA]

@Bil0000 Updated with a video removed the old ui changes screenshot / videos

[Bil0000]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

One expands the file tree the other the files. I think makes sense to have both since unrelated

[ShpetimA]

@ShpetimA why have 2 of these?

why not making it 1 that expands both?

Could make the change to have one as both i dont think it would be bad aswell

[ShpetimA]

@Bil0000 Updated to one collapse/uncollapse button added a video in description

[macroscopeapp]

One finding: the load-more control's call-site overflow-hidden clips the Button primitive's coarse-pointer hit-target pseudo-element. Inline comment below.

^{Posted via Macroscope — UI Consistency}

[ShpetimA]

Since julius created a pr and merged a new one based on this we can close this pr now.