Skip to content

feat(web): dim reviewed files in sidebar and make sidebar resizable - #37

Merged
imfing merged 2 commits into
mainfrom
worktree-sidebar-dim-resize
Oct 6, 2026
Merged

imfing merged 2 commits into
mainfrom
worktree-sidebar-dim-resize

Conversation

@imfing

@imfing imfing commented Oct 6, 2026

Copy link
Copy Markdown
Owner

Summary

  • Dim reviewed files in the sidebar file tree (50% opacity). Clears automatically when a file is unmarked or its diff changes.
    • @pierre/trees has no per-row styling API and unsafeCSS is fixed at creation, so SidebarTree injects a small <style> into the tree's open shadow root targeting [data-item-path="…"], deferred one frame because the shadow root attaches after mount.
    • DiffView now computes the reviewed set once and derives hiddenReviewedNames from it.
  • Resizable sidebar: drag handle on the right edge, clamped to 200–640px, persisted in localStorage (diffs-sidebar-width); double-click resets to 320px.

Testing

  • tsc, oxlint, oxfmt --check pass.
  • Verified in the built app with headless Chrome: reviewed row dims to 0.5, persists across Files/Comments tab switch and reload; drag resizes 320→460px and the width persists across reload.

@imfing
imfing merged commit 0784d53 into main Oct 6, 2026
8 checks passed
@imfing
imfing deleted the worktree-sidebar-dim-resize branch October 6, 2026 22:04
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.

1 participant