feat: Add info panel setting to auto-load first row on opening new browser tab

[mtrezza]

Summary by CodeRabbit

• New Features
  • Added an “Auto-load first row” setting in the Browser toolbar (Settings → Info Panel) with a check indicator when enabled.
  • When enabled, opening the Aggregation panel auto-selects the first row, shows aggregated data, and focuses the first cell if no row is selected.
  • Preference persists between sessions.

[parse-github-assistant]

🚀 Thanks for opening this pull request!

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Adds an “Auto-load first row” setting for the Info Panel. BrowserToolbar exposes a new menu item and props. DataBrowser manages a persisted autoLoadFirstRow flag, toggles it, and when enabled auto-selects the first row and triggers aggregation and cloud function on panel open or relevant updates.

Changes

Cohort / File(s)	Summary
Toolbar menu integration src/dashboard/Data/Browser/BrowserToolbar.react.js	Adds two new public props: autoLoadFirstRow (boolean) and toggleAutoLoadFirstRow (function). Inserts a Settings → Info Panel MenuItem labeled “Auto-load first row,” showing a check icon when enabled and invoking the toggle on click.
DataBrowser auto-load feature src/dashboard/Data/Browser/DataBrowser.react.js	Introduces autoLoadFirstRow state persisted via localStorage key AGGREGATION_PANEL_AUTO_LOAD_FIRST_ROW. Adds public method toggleAutoLoadFirstRow(). On panel open and in componentDidUpdate, if enabled and no row selected, auto-selects first row, shows aggregated data, sets current cell to (0,0), and calls the cloud function. Passes new props to BrowserToolbar. Logic gated by panel visibility, data presence, and changes in data/className/panel visibility.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor User
  participant Toolbar as BrowserToolbar
  participant DB as DataBrowser
  participant LS as localStorage
  participant Grid as Data Grid
  participant Cloud as Cloud Function

  User->>Toolbar: Click "Auto-load first row"
  Toolbar->>DB: toggleAutoLoadFirstRow()
  DB->>LS: Persist AGGREGATION_PANEL_AUTO_LOAD_FIRST_ROW
  DB->>DB: Update state.autoLoadFirstRow

  rect rgba(200,230,255,0.3)
  note over DB: When Info Panel opens or data/className changes
  DB->>DB: Check: panel visible, data exists, no selection, autoLoadFirstRow
  alt Conditions met
    DB->>Grid: setSelectedObjectId(firstRow), setCurrent(0,0)
    DB->>DB: setShowAggregatedData(true)
    DB->>Cloud: handleCallCloudFunction(firstRow)
  else Conditions not met
    DB-->>DB: No action
  end
  end

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• feat: Add Settings menu to scroll info panel to top when browsing through rows #2937 — Touches the same BrowserToolbar and DataBrowser menus, adding a different Info Panel setting; overlaps in menu and prop plumbing.
• fix: Move settings button on data browser toolbar for better UI #2940 — Modifies the same Settings → Info Panel menu structure in BrowserToolbar; directly intersects with where the new item is added.
• fix: Info panel scroll-to-top setting not persistent across dashboard sessions #2938 — Also persists an Info Panel setting via localStorage in DataBrowser/BrowserToolbar; similar persistence and prop flow.

Tip

🔌 Remote MCP (Model Context Protocol) integration is now available!

Pro plan users can now connect to remote MCP servers from the Integrations page. Connect with popular remote MCPs such as Notion and Linear to add more context to your reviews and chats.

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

• MCP integration is disabled by default for public repositories
• Jira integration is disabled by default for public repositories
• Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 6478e4c and ba47eed.

📒 Files selected for processing (2)

• src/dashboard/Data/Browser/BrowserToolbar.react.js (2 hunks)
• src/dashboard/Data/Browser/DataBrowser.react.js (8 hunks)

---

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

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[parseplatformorg]

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

✅ security/snyk check is complete. No issues have been found. (View Details)

[parseplatformorg]

🎉 This change has been released in version 7.4.0-alpha.5

[parseplatformorg]

🎉 This change has been released in version 7.4.0