fix(web): work log Show more — cursor, transition & scroll#1569
fix(web): work log Show more — cursor, transition & scroll#1569Marve10s wants to merge 21 commits intopingdotgg:mainfrom
Conversation
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.
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
59c3df1 to
8e290fc
Compare
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.
954a90d to
8caccfb
Compare
2026-03-30.12.07.23.mp4Sorry, 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 |
|
I didn't test it out but overall seems like a solid change except for that yes |
|
@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 |
ApprovabilityVerdict: Approved A straightforward UI fix replacing a plain button with existing Collapsible UI components to improve cursor, transition, and scroll behavior. The functional logic for showing/hiding overflow entries remains unchanged, and the author has prior contributions to this file. You can customize Macroscope's approvability policy. Learn more. |
Dismissing prior approval to re-evaluate 9b05426
Dismissing prior approval to re-evaluate e87ae40
Dismissing prior approval to re-evaluate 3ce44bf
…r-and-transition # Conflicts: # apps/web/src/components/ChatView.tsx # apps/web/src/components/chat/MessagesTimeline.test.tsx # apps/web/src/components/chat/MessagesTimeline.tsx
Dismissing prior approval to re-evaluate 79c52c7
There was a problem hiding this comment.
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.
Reviewed by Cursor Bugbot for commit f98f234. Configure here.
Dismissing prior approval to re-evaluate dce8655

Summary
cursor-pointer, showing a default arrow on hover instead of a hand. Fixed by switching to the existingCollapsibleTriggercomponent which includes it.Collapsible+CollapsiblePanelcomponent, giving a smooth 200ms height animation when expanding/collapsing overflow entries.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
UI-only change in chat timeline work log expansion behavior; primary risk is subtle regressions in ordering/scroll anchoring when expanding during active sessions.
Overview
Updates
WorkGroupSectioninMessagesTimeline.tsxto use the sharedCollapsibleUI components for work-log/tool-call overflow, replacing the manual toggle.Overflow entries are split into always visible vs collapsible entries, with the hidden portion rendered inside a
CollapsiblePanel keepMountedfor animated expand/collapse and aCollapsibleTrigger(adds pointer cursor). The toggle now includesdata-scroll-anchor-ignoreto avoid unwanted auto-scroll/anchor interference when expanding while the timeline is live.Reviewed by Cursor Bugbot for commit dce8655. 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
WorkGroupSectionReplaces manual expand/collapse logic in MessagesTimeline.tsx with
Collapsible,CollapsiblePanel, andCollapsibleTriggercomponents. Overflow entries (beyondMAX_VISIBLE_WORK_LOG_ENTRIES) are rendered inside a<CollapsiblePanel keepMounted>, while the always-visible entries render outside it. The trigger button gainsdata-scroll-anchor-ignoreto fix scroll behavior, and the toggle count is derived fromoverflowEntries.length.Macroscope summarized dce8655.