Skip to content

Replace transcript scroll chips with side controls#5882

Open
ComputelessComputer wants to merge 5 commits into
mainfrom
fix/transcript-bottom-chip-hover
Open

Replace transcript scroll chips with side controls#5882
ComputelessComputer wants to merge 5 commits into
mainfrom
fix/transcript-bottom-chip-hover

Conversation

@ComputelessComputer

@ComputelessComputer ComputelessComputer commented Jul 2, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • replace top/bottom transcript chips with a right-side vertical arrow control
  • disable each arrow based on the current scroll offset
  • keep the control available while the floating chat is expanded

Verification

  • pnpm exec dprint fmt
  • pnpm -F desktop test src/session/components/note-input/transcript/renderer/index.test.tsx
  • pnpm -F desktop typecheck

This is part 2 of 2 in a stack made with GitButler:


Note

Low Risk
UI-only transcript scroll UX in the desktop session view; auto-scroll logic is largely unchanged aside from richer overflow detection.

Overview
Replaces the transcript’s contextual Go to top / Go to bottom center chips with a right-side vertical control (up/down icon buttons) shown whenever the viewport has overflow (canScroll).

Each button is disabled at the corresponding edge (isAtTop / isAtBottom). Controls stay visible when floating chat is expanded; useShell / chat-mode gating and the globals.css rule that nudged chip position near the floating chat CTA are removed.

useScrollDetection now exposes canScroll, treats non-scrollable content as at both edges, and refreshes state on ResizeObserver and MutationObserver (not only scroll). Tests are updated for the new labels, layout, and behavior.

Reviewed by Cursor Bugbot for commit 56b5833. Bugbot is set up for automated code reviews on this repo. Configure here.

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Fix All in Cursor

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

Reviewed by Cursor Bugbot for commit d925973. Configure here.

Comment thread apps/desktop/src/session/components/note-input/transcript/renderer/index.tsx Outdated
Allows transcript top and bottom scroll chips to render for inactive sessions while preserving live-only auto-scroll behavior. Adds regression coverage for both chip directions.
Keep the transcript scroll chip raised whenever the collapsed chat CTA is present so it does not jump away during hover.
@ComputelessComputer ComputelessComputer force-pushed the fix/inactive-transcript-scroll-chips branch from 0545889 to 3fe0ce3 Compare July 2, 2026 08:43
Use right-side scroll controls with disabled states and update renderer coverage for the new interaction.
@ComputelessComputer ComputelessComputer force-pushed the fix/transcript-bottom-chip-hover branch from d925973 to 29012e9 Compare July 2, 2026 08:47
@ComputelessComputer ComputelessComputer changed the base branch from fix/inactive-transcript-scroll-chips to main July 2, 2026 08:47
Expose a canScroll signal from the transcript viewport hook and keep the side controls visible when content overflows inside the top and bottom proximity thresholds.
@netlify

netlify Bot commented Jul 2, 2026

Copy link
Copy Markdown

Deploy Preview for old-char canceled.

Name Link
🔨 Latest commit 56b5833
🔍 Latest deploy log https://app.netlify.com/projects/old-char/deploys/6a46289af7ed0e000836c966

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant