Skip to content

feat(experiments): Pareto view file organization updates - #916

Merged
shanaiabuggy merged 2 commits into
mainfrom
sbuggy/ase-683-FE-updates
Jul 27, 2026
Merged

feat(experiments): Pareto view file organization updates#916
shanaiabuggy merged 2 commits into
mainfrom
sbuggy/ase-683-FE-updates

Conversation

@shanaiabuggy

@shanaiabuggy shanaiabuggy commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Summary by CodeRabbit

  • New Features
    • Added metric selection for Pareto charts via a labeled dropdown.
    • Improved Pareto chart tooltips with consistent formatting for cost, latency, and score values.
    • Added an “On the Pareto frontier” indicator in the tooltip for qualifying points.
  • Bug Fixes
    • Increased the maximum evaluations fetched when loading the full Pareto dataset to better support larger charts.

Signed-off-by: shanaiabuggy <59746633+shanaiabuggy@users.noreply.github.com>
@shanaiabuggy
shanaiabuggy requested review from a team as code owners July 27, 2026 17:51
@github-actions github-actions Bot added the feat label Jul 27, 2026
@coderabbitai

coderabbitai Bot commented Jul 27, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Enterprise

Run ID: 081b6c39-bc02-4597-98cf-19cdc6b72304

📥 Commits

Reviewing files that changed from the base of the PR and between be90106 and 56e918f.

📒 Files selected for processing (6)
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/index.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/useParetoEvaluations.ts
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/utils.ts
  • web/packages/studio/src/components/dataViews/ExperimentGroupDataView/index.tsx
💤 Files with no reviewable changes (2)
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx
🚧 Files skipped from review as they are similar to previous changes (3)
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/useParetoEvaluations.ts
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/utils.ts
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/index.tsx

📝 Walkthrough

Walkthrough

The Pareto chart now uses dedicated metric selection and tooltip components, imports shared Pareto utilities, uses a shared large evaluation page size, and clarifies preload and metric documentation.

Changes

Pareto chart implementation

Layer / File(s) Summary
Metric selection and tooltip integration
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx, web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx, web/packages/studio/src/components/charts/ExperimentGroupParetoChart/index.tsx, web/packages/studio/src/components/charts/ExperimentGroupParetoChart/utils.ts
Adds reusable metric selection and tooltip components, wires them into the chart, and clarifies metric metadata documentation.
Evaluation page-size configuration
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/useParetoEvaluations.ts
Uses DEFAULT_LARGE_PAGE_SIZE instead of the local evaluation limit.
Preload behavior and utility validation
web/packages/studio/src/components/dataViews/ExperimentGroupDataView/index.tsx, web/packages/studio/src/components/charts/ExperimentGroupParetoChart/utils.test.ts, web/packages/studio/src/components/charts/ExperimentGroupParetoChart/index.tsx
Clarifies reuse of complete preloaded evaluation sets, updates utility test imports, and revises nearby chart comments without changing the persistence comparison logic.

Possibly related PRs

  • NVIDIA-NeMo/nemo-platform#882: Modifies the same Pareto chart implementation and related metric selection, tooltip, and evaluation-loading behavior.

Suggested reviewers: briannewsom, htolentino-nvidia, steramae-nvidia

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title matches the PR’s main change: reorganizing the Pareto view into separate components and utilities.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch sbuggy/ase-683-FE-updates

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

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🧹 Nitpick comments (2)
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx (2)

12-16: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Group external imports before internal imports.

  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx#L12-L16: move the React type import before @studio/....
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx#L5-L9: move the React type import before @studio/....

As per coding guidelines, “Group imports: external libraries, internal modules, relative imports in TypeScript.”

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In
`@web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx`
around lines 12 - 16, Reorder the imports in MetricSelect.tsx lines 12-16 and
ParetoTooltip.tsx lines 5-9 so the external React type import appears before the
internal `@studio` import, preserving all imported symbols and grouping external
imports before internal modules.

Source: Coding guidelines


18-23: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Mark component props readonly.

  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx#L18-L23: mark each MetricSelectProps property readonly.
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx#L22-L27: mark each ParetoTooltipProps property readonly.

As per coding guidelines, “Use readonly for immutable properties in TypeScript interfaces and types.”

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In
`@web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx`
around lines 18 - 23, Mark every property in the MetricSelectProps interface as
readonly in
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx:18-23,
and do the same for every property in ParetoTooltipProps in
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx:22-27.

Source: Coding guidelines

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Nitpick comments:
In
`@web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx`:
- Around line 12-16: Reorder the imports in MetricSelect.tsx lines 12-16 and
ParetoTooltip.tsx lines 5-9 so the external React type import appears before the
internal `@studio` import, preserving all imported symbols and grouping external
imports before internal modules.
- Around line 18-23: Mark every property in the MetricSelectProps interface as
readonly in
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx:18-23,
and do the same for every property in ParetoTooltipProps in
web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx:22-27.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Enterprise

Run ID: ed3be598-265f-4e00-9386-6d27c17f017e

📥 Commits

Reviewing files that changed from the base of the PR and between 2bbe311 and be90106.

📒 Files selected for processing (6)
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/MetricSelect.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/ParetoTooltip.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/index.tsx
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/useParetoEvaluations.ts
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/utils.test.ts
  • web/packages/studio/src/components/charts/ExperimentGroupParetoChart/utils.ts

@github-actions

github-actions Bot commented Jul 27, 2026

Copy link
Copy Markdown
Contributor
Suite Lines Covered Line Rate Branch Rate
Unit Tests 27236/34958 77.9% 62.2%
Integration Tests 15998/33670 47.5% 19.9%

Signed-off-by: shanaiabuggy <59746633+shanaiabuggy@users.noreply.github.com>
@shanaiabuggy
shanaiabuggy enabled auto-merge July 27, 2026 19:09
@shanaiabuggy
shanaiabuggy added this pull request to the merge queue Jul 27, 2026
@github-merge-queue
github-merge-queue Bot removed this pull request from the merge queue due to failed status checks Jul 27, 2026
@shanaiabuggy
shanaiabuggy added this pull request to the merge queue Jul 27, 2026
Merged via the queue into main with commit ee4dfd8 Jul 27, 2026
109 of 110 checks passed
@shanaiabuggy
shanaiabuggy deleted the sbuggy/ase-683-FE-updates branch July 27, 2026 19:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants