feat: Add support for reversing info panel auto-scroll direction while holding Command+Option keys

[mtrezza]

Pull Request

• Report security issues confidentially.
• Any contribution is under this license.

Issue

Add support for reversing scroll direction during auto-scrolling info panels while holding Command+Option keys.

Summary by CodeRabbit

• New Features
  • Added Data Browser settings section to the dashboard Settings menu.
  • Introduced reverse auto-scroll functionality, togglable via keyboard modifier.
  • Added configurable reverse auto-scroll speed setting with user-facing controls and server-backed configuration persistence.

[parse-github-assistant]

🚀 Thanks for opening this pull request!

[parseplatformorg]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR introduces a reverse auto-scroll feature for the Data Browser, controlled by Cmd+Option keyboard modifier. It adds a new settings page with server-backed configuration for reverse auto-scroll speed factor, wires it into dashboard navigation, and implements the corresponding auto-scroll reversal logic in the DataBrowser component with keyboard and window event handling.

Changes

Cohort / File(s)	Summary
Dashboard Routing src/dashboard/Dashboard.js, src/dashboard/DashboardView.react.js	Adds DataBrowserSettings import and wires new /settings/data-browser route within the Settings section; adds "Data Browser" link to dashboard sidebar settings menu.
Reverse Auto-Scroll Implementation src/dashboard/Data/Browser/DataBrowser.react.js	Introduces reverseAutoScrollActive and reverseAutoScrollSpeedFactor state properties; implements Cmd+Option keyboard modifier detection with key down/up handlers and window blur cleanup; adjusts auto-scroll animation and multi-panel synchronization to support reverse direction with max-start-scrollTop baseline; loads reverse auto-scroll config from server storage on mount.
Data Browser Settings UI src/dashboard/Settings/DataBrowserSettings.react.js	New settings component for Data Browser configuration; provides TextInput for reverse auto-scroll speed factor with validation and persistence via ServerConfigStorage; includes load/save handlers, error notifications, and disables input when server config is unavailable.

Sequence Diagram

sequenceDiagram
    participant User
    participant Dashboard as Dashboard UI
    participant Settings as DataBrowserSettings
    participant Server as ServerConfigStorage
    participant Browser as DataBrowser

    User->>Dashboard: Navigate to Settings
    Dashboard->>Settings: Mount DataBrowserSettings
    Settings->>Server: Load reverse auto-scroll config
    Server-->>Settings: Return reverseAutoScrollSpeedFactor
    Settings->>Settings: Initialize state with config value
    Settings-->>User: Display settings form

    User->>Settings: Update speed factor value
    Settings->>Settings: Validate input (positive number)
    Settings->>Server: Save new speed factor
    Server-->>Settings: Confirm save
    Settings-->>User: Show success notification

    User->>Dashboard: Start recording in Data Browser
    Dashboard->>Browser: Receive Cmd+Option key press
    Browser->>Browser: Enable reverse auto-scroll
    Browser->>Browser: Apply reverseAutoScrollSpeedFactor
    Browser->>Browser: Adjust scroll direction & panel sync
    Browser-->>User: Display reversed auto-scroll behavior

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• feat: Add auto-scrolling for info panels #3149: Modifies auto-scroll logic and settings UI in DataBrowser.react.js; directly adds forward auto-scroll controls and settings infrastructure that this PR extends with reverse functionality.
• fix: Sync-scrolling multiple panels jumps to bottom of shortest panel when scrolling up #3023: Modifies multi-panel scroll synchronization and wheel-sync behavior in DataBrowser.react.js; the reverse auto-scroll logic here alters the same synchronization flow.
• feat: Add App Settings option to store dashboard settings on server #2958: Introduces ServerConfigStorage infrastructure for server-backed configuration; this PR directly uses it for persisting reverse auto-scroll speed factor settings.

🚥 Pre-merge checks | ✅ 3 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Description check	❓ Inconclusive	The PR description provides the Issue section but lacks the Approach section describing implementation details and leaves Tasks section incomplete.	Add an Approach section describing the implementation strategy and mark completed tasks (tests, documentation updates) in the Tasks section.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately and clearly describes the main feature being added: reverse auto-scroll direction support with Command+Option key modifier.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Merge Conflict Detection	✅ Passed	✅ No merge conflicts detected when merging into alpha

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

No actionable comments were generated in the recent review. 🎉

---

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 and usage tips.}

[parseplatformorg]

🎉 This change has been released in version 9.0.0-alpha.4

[parseplatformorg]

🎉 This change has been released in version 9.0.0