fix(web): work log Show more — cursor, transition & scroll by Marve10s · Pull Request #1569 · pingdotgg/t3code

Marve10s · 2026-03-30T09:10:26Z

Summary

Cursor pointer: The "Show more" button in work log / tool call groups was missing cursor-pointer, showing a default arrow on hover instead of a hand. Fixed by switching to the existing CollapsibleTrigger component which includes it.
Smooth transition: Replaced the instant show/hide with the existing Base UI Collapsible + CollapsiblePanel component, giving a smooth 200ms height animation when expanding/collapsing overflow entries.
No auto-scroll on expand: Expanding a work log group during a running session would yank the viewport to the bottom via scheduleStickToBottom. Now disables auto-scroll on toggle so the user stays where they clicked; the scroll-to-bottom button appears if they want to jump back.

Note

Low Risk
Low risk UI behavior changes limited to chat work-log expansion and scroll anchoring; main risk is subtle scroll/virtualization regressions on different browsers.

Overview
Improves chat work-log/tool-call group expansion by switching the overflow section to the existing Collapsible/CollapsiblePanel components, enabling pointer cursor on the trigger and a smooth height animation while keeping hidden entries mounted.

Prevents unexpected viewport jumps when expanding/collapsing by opting the messages scroller out of browser scroll anchoring (overflowAnchor: "none"), marking the trigger with data-scroll-anchor-ignore, and disabling/canceling auto-stick-to-bottom when toggling a work group (showing the scroll-to-bottom pill instead). Adds a regression test for the scroll-anchor ignore attribute.

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

Note

Fix work log 'Show more' cursor, transition, and scroll behavior in chat

Replaces slice-based show/hide in MessagesTimeline.tsx with a Collapsible/CollapsiblePanel pattern; overflow entries stay mounted while collapsed so they animate correctly on expand.
Adds data-scroll-anchor-ignore to the expand/collapse trigger so browser scroll anchoring ignores it.
In ChatView.tsx, toggling a work log group now cancels pending stick-to-bottom, disables auto-scroll, and shows the scroll-to-bottom button. The messages container also opts out of browser scroll anchoring via overflowAnchor: "none".
Behavioral Change: work log overflow entries remain in the DOM when collapsed, which is a change from prior behavior where they were removed from the tree.

^{Macroscope summarized 6e135ca.}

The raw <button> element was missing cursor-pointer, causing the default arrow cursor on hover instead of the expected hand pointer.

Use the existing Base UI Collapsible component to animate the overflow entries in tool call / work log groups with a 200ms height transition instead of an instant show/hide.

coderabbitai · 2026-03-30T09:12:30Z

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: 03a4a103-c60a-4347-82bb-180531da3c33

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

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

cursor

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

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

apps/web/src/components/ChatView.tsx

Expanding a work log group during a running session would trigger scheduleStickToBottom via the timelineEntries effect, yanking the viewport to the bottom. Disable auto-scroll on toggle so the user stays where they clicked; the scroll-to-bottom button is shown if they want to jump back.

Marve10s · 2026-03-30T09:43:40Z

2026-03-30.12.07.23.mp4

Sorry, took a second for Codex and I also needed to approve access to folders for Claude :)

juliusmarminge · 2026-04-06T17:45:03Z

2026-03-30.12.07.23.mp4
Sorry, took a second for Codex and I also needed to approve access to folders for Claude :)

scroll behavior is kinda jank when it sometimes expands up and sometimes down. your scroll position shouldn't change when expanding:

CleanShot.2026-04-06.at.10.44.49.mp4

Marve10s · 2026-04-06T17:46:35Z

2026-03-30.12.07.23.mp4
Sorry, took a second for Codex and I also needed to approve access to folders for Claude :)

scroll behavior is kinda jank when it sometimes expands up and sometimes down. your scroll position shouldn't change when expanding:
CleanShot.2026-04-06.at.10.44.49.mp4

I can address that in next commit if you're okay with this change overall

juliusmarminge · 2026-04-06T17:48:03Z

I didn't test it out but overall seems like a solid change except for that yes

Marve10s · 2026-04-06T20:20:20Z

@juliusmarminge should be good to go , not sure if I should tag you or if you'd come back to this PR eventually. Thank you for reviewing and helping make the software better
Also, is there anything I can help with in your draft PRs or any tasks? I'd love to set up T3 on my WSL, saw a draft for this some time ago, right now I'm only running it on Mac

macroscopeapp · 2026-04-06T20:29:25Z

Approvability

Verdict: Approved

This is a focused UI fix for scroll behavior when expanding/collapsing work log entries - prevents unwanted scroll jumps by canceling auto-scroll and opting out of scroll anchoring. The changes use existing Collapsible components, include test coverage, and the author has recent history with these files.

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

Marve10s added 2 commits March 30, 2026 11:52

fix(web): add cursor-pointer to work log "Show more" button

c6e6b1c

The raw <button> element was missing cursor-pointer, causing the default arrow cursor on hover instead of the expected hand pointer.

feat(web): add smooth expand/collapse transition to work log groups

644b808

Use the existing Base UI Collapsible component to animate the overflow entries in tool call / work log groups with a 200ms height transition instead of an instant show/hide.

github-actions bot added size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Mar 30, 2026

Marve10s force-pushed the fix/show-more-cursor-and-transition branch from 59c3df1 to 8e290fc Compare March 30, 2026 09:13

cursor bot reviewed Mar 30, 2026

View reviewed changes

apps/web/src/components/ChatView.tsx Outdated Show resolved Hide resolved

Marve10s force-pushed the fix/show-more-cursor-and-transition branch from 954a90d to 8caccfb Compare March 30, 2026 09:29

Merge branch 'main' into fix/show-more-cursor-and-transition

66cb7cf

Marve10s added 4 commits April 2, 2026 11:53

Merge branch 'main' into fix/show-more-cursor-and-transition

1b90c1a

Merge branch 'main' into fix/show-more-cursor-and-transition

420b9c8

Merge branch 'main' into fix/show-more-cursor-and-transition

f4e55ee

Merge branch 'main' into fix/show-more-cursor-and-transition

69d2ff8

Marve10s and others added 2 commits April 6, 2026 23:08

fix(web): stabilize work log expansion scroll

3db43d0

Merge branch 'main' into fix/show-more-cursor-and-transition

6e135ca

macroscopeapp bot approved these changes Apr 6, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(web): work log Show more — cursor, transition & scroll#1569

fix(web): work log Show more — cursor, transition & scroll#1569
Marve10s wants to merge 10 commits intopingdotgg:mainfrom
Marve10s:fix/show-more-cursor-and-transition

Marve10s commented Mar 30, 2026 •

edited by cursor bot

Loading

Uh oh!

coderabbitai bot commented Mar 30, 2026 •

edited

Loading

Review skipped

Uh oh!

cursor bot left a comment

Uh oh!

Uh oh!

Marve10s commented Mar 30, 2026

Uh oh!

juliusmarminge commented Apr 6, 2026

Uh oh!

Marve10s commented Apr 6, 2026

Uh oh!

juliusmarminge commented Apr 6, 2026

Uh oh!

Marve10s commented Apr 6, 2026

Uh oh!

macroscopeapp bot commented Apr 6, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

Marve10s commented Mar 30, 2026 • edited by cursor bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Fix work log 'Show more' cursor, transition, and scroll behavior in chat

Uh oh!

coderabbitai bot commented Mar 30, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Marve10s commented Mar 30, 2026

Uh oh!

juliusmarminge commented Apr 6, 2026

Uh oh!

Marve10s commented Apr 6, 2026

Uh oh!

juliusmarminge commented Apr 6, 2026

Uh oh!

Marve10s commented Apr 6, 2026

Uh oh!

macroscopeapp bot commented Apr 6, 2026

Approvability

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Marve10s commented Mar 30, 2026 •

edited by cursor bot

Loading

coderabbitai bot commented Mar 30, 2026 •

edited

Loading