fix(ui): style card scrollbars

[Waishnav]

Card payloads can expose several independent scroll regions, including nested diff-renderer elements, which currently use inconsistent browser-default scrollbars. Apply the shared thin scrollbar styling to the card and all descendants so every scrollable region gets a gray thumb, transparent track, and stable gutter.

Summary by CodeRabbit

• Style
  • Standardized scrollbar appearance in tool cards.
  • Added stable scrollbar spacing to reduce layout shifts when scrolling.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 984f75f1-c0ee-44d6-80cf-30f69057d0d4

📥 Commits

Reviewing files that changed from the base of the PR and between 8cd2fba and 65c91b0.

📒 Files selected for processing (1)

• src/ui/workspace-app.css

---

📝 Walkthrough

Walkthrough

Standardized scrollbar width, color, and gutter behavior for .tool-card elements and their descendants.

Changes

Tool Card Scrollbars

Layer / File(s)	Summary
Tool card scrollbar rules src/ui/workspace-app.css	Adds thin gray scrollbars and stable scrollbar gutters to .tool-card elements and descendants.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Poem

I’m a rabbit with a tidy card,
Where scrollbars glide both smooth and smart.
Thin gray rails and gutters stay,
Keeping clutter far away.
Hop, hop—clean styles lead the way!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly summarizes the main change: styling card scrollbars in the UI.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/card-scrollbar-styles

---

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.}

[greptile-apps]

Greptile Summary

Adds shared thin scrollbar styling, a gray thumb, transparent track, and stable gutter to tool cards and their descendant scroll regions.

Confidence Score: 5/5

The PR appears safe to merge with no actionable issues identified.

The CSS-only change consistently applies the intended scrollbar presentation to card-level and nested scroll regions without changing application logic or exposing a concrete layout failure.

Important Files Changed

Filename	Overview
src/ui/workspace-app.css	Applies consistent scrollbar presentation to tool cards and nested payload or diff scroll containers; no actionable defect identified.

_{Reviews (1): Last reviewed commit: "fix(ui): style card scrollbars" | Re-trigger Greptile}