scroll sidebar to active thread

[tarik02]

What Changed

• scroll the sidebar to the active thread or draft project on route open.
• keep the active thread rendered when it is outside the collapsed preview slice.

Why

Opening a thread should reveal its sidebar row without retriggering on expand/collapse or print dialogs.

UI Changes

t3code-sidebar-scroll-aperture.mp4

Checklist

• This PR is small and focused
• I explained what changed and why
• UI change is shown in the linked video
• I included a video for animation/interaction changes

---

Note

Low Risk
Sidebar navigation and rendering UX only; no auth, data, or API changes. Slight behavior change when projects are collapsed (single active row vs prior pinned-preview rendering).

Overview
The sidebar now scrolls to reveal the current route when you open a thread or a draft composer session. Thread rows and project headers get data-sidebar-thread-key / data-sidebar-project-key attributes; a useLayoutEffect finds the matching element and calls scrollIntoView (centered, instant). Scrolling runs only when the scroll target changes (tracked in a ref), skips mobile when the sheet is closed, and can target the project header when there is no thread route.

Collapsed project thread lists no longer duplicate ad-hoc preview logic: they use shared getVisibleThreadsForProject, which now accepts an optional getThreadId so comparisons use scoped thread keys. When a project is collapsed, only the active thread row is rendered (if it is among the visible set); expanded projects still show the full preview/expand behavior.

Draft routes contribute to activeRouteProjectKey the same way thread routes do, so draft sessions highlight and scroll the correct grouped project.

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

Note

Scroll sidebar to active thread or project when sidebar becomes visible

• Adds data-sidebar-thread-key and data-sidebar-project-key attributes to thread rows and project headers in Sidebar.tsx to enable DOM queries for scroll targeting.
• Introduces auto-scroll logic that performs an instant scroll when the sidebar first becomes visible and smooth scroll on subsequent active-thread/project changes.
• Extracts visible thread determination into getVisibleThreadsForProject in Sidebar.logic.ts, keyed by scoped thread key; collapsed projects now render only the active thread row.
• The active project can be derived from a draft session route when no thread key is present in the URL.

^{Macroscope summarized e3f86a3.}

[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

Run ID: 9b8c3016-b609-4290-979a-dfabcb62f000

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved

This PR adds auto-scroll behavior to the sidebar, a self-contained UI enhancement. Changes are limited to presentational logic using standard DOM APIs with no impact on business logic, data handling, or critical paths.

^{You can customize Macroscope's approvability policy. Learn more.}

[tarik02]

Fixed by clearing the sidebar scroll dedupe key when leaving thread/draft routes, so revisiting the same target scrolls again.

[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 ef8d8f7. Configure here.}