🌱 refactor: simplify scroll management and add useContainerWidth hook

[ibolton336]

Summary

Refactors the scroll management hook and adds a responsive container width hook.

Note: These changes are also included in #1389 (pluggable agent backend). This PR can merge independently — when #1389 rebases afterward, the overlap resolves cleanly.

Changes

webview-ui/src/hooks/useScrollManagement.ts:

• Cleaner auto-scroll logic with threshold-based detection
• Better handling of user scroll intent vs programmatic scrolls
• Simplified state management and reduced re-renders

webview-ui/src/hooks/useContainerWidth.ts (new):

• ResizeObserver-based hook for responsive layout breakpoints
• Used by chat and resolution panels for adaptive layouts

Testing

• Manual testing in extension ✅
• No behavior change for existing scroll UX

[coderabbitai]

Warning

Rate limit exceeded

@ibolton336 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 45 minutes and 48 seconds before requesting another review.

To keep reviews running without waiting, you can enable usage-based add-on for your organization. This allows additional reviews beyond the hourly cap. Account admins can enable it under billing.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 220e40be-eee4-4364-bd9d-25f2947f3505

📥 Commits

Reviewing files that changed from the base of the PR and between 3d97606 and 3ccf9ca.

📒 Files selected for processing (4)

• agentic/src/nodes/analysisIssueFix.ts
• agentic/src/nodes/diagnosticsIssueFix.ts
• webview-ui/src/hooks/useContainerWidth.ts
• webview-ui/src/hooks/useScrollManagement.ts

✨ 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

_{Review rate limit: 0/1 reviews remaining, refill in 45 minutes and 48 seconds.}

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