René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Add a \"jump to latest\" (scroll-to-bottom) button to the chat transcript","articleBody":"## Problem or Motivation\n\nEvery comparable AI desktop chat surface — Claude Code Desktop, ChatGPT desktop, Codex desktop — shows a floating **\"jump to latest\" / scroll-to-bottom** affordance when you scroll up through a long conversation, so you can return to the newest message in one click. OpenWork has no such control.\n\nToday OpenWork's transcript (`ChatDisplay`) already tracks scroll position for sticky-bottom auto-scroll (`handleScroll` computes `distanceFromBottom`, un-sticks when you scroll up, re-sticks at the bottom), but there is **no visible way to jump back to the latest message**: once you scroll up to read history you must manually drag all the way back down, and during active streaming that means fighting the growing content. The state needed to drive the button already exists — only the UI was missing.\n\n## Proposed Solution\n\nRender a small floating circular button (a down-chevron) centered near the bottom of the transcript, shown **only when the user has scrolled well away from the bottom** (200px hysteresis so it doesn't flicker near the end). Clicking it:\n\n- re-enables sticky-bottom auto-scroll (`isStickToBottomRef = true`),\n- smooth-scrolls the transcript to the latest message,\n- hides itself again once back at the bottom.\n\nIt fades in/out with the existing `motion`/`AnimatePresence` primitives already used throughout `ChatDisplay`, and hides on session switch.\n\n**Frontend-only.** No backend / qwen-code change. The button reads/derives from existing renderer scroll state (`scrollViewportRef`, `distanceFromBottom`, `messagesEndRef.scrollIntoView`). One new i18n key `chat.scrollToBottom` (accessible label / tooltip) is added to all six locales.\n\n## Feasibility\n\n- **Classification: pure frontend — candidate.** The scroll geometry, the sticky-bottom ref, and the scroll anchor all already live in `apps/electron/src/renderer/components/app-shell/ChatDisplay.tsx`. Adding a button that flips visibility on `distanceFromBottom` and calls `scrollIntoView` requires no main-process or backend involvement.\n- Confirmed genuinely missing: the `ChevronDown` import in `ChatDisplay` is used only for a details expander, not for scrolling; there is no floating jump control anywhere in the transcript.\n\n## Acceptance Criteria (what the CDP assertion checks)\n\nA new e2e CDP assertion (`e2e/assertions/scroll-to-bottom.assert.ts`) drives the real built app end-to-end:\n\n1. **Seeds** a 40-message session on disk (backend-independent — a plain `session.jsonl` under the isolated profile) and opens it from the sidebar.\n2. The transcript renders and **overflows** the viewport (proof the real conversation loaded).\n3. On open the transcript is at the bottom and the button is **hidden**.\n4. Scrolling to the top makes the button **appear**.\n5. Clicking the button returns the transcript to the bottom (`distanceFromBottom \u003c 40`) and the button **disappears**.\n\nThis required a small, reusable harness addition: an optional `seed(profileDirs)` hook (`e2e/app.ts` + `e2e/runner.ts`) that lets an assertion pre-seed on-disk session state before the app launches — unblocking this and future transcript-dependent assertions.\n\nPart of the autonomous desktop-feature loop (`loop-bot`).","author":{"url":"https://github.com/DragonnZhang","@type":"Person","name":"DragonnZhang"},"datePublished":"2026-07-02T13:41:25.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/46/openwork/issues/46"}