Skip to content

Implement ExperimentMetricsTableComponent #2596

@zackcl

Description

@zackcl

Description:
Create a table component to display experiment metrics/queries in the experiment details page Design tab.

Requirements:

  • Display metrics from experiment.queries array
  • Columns:
    • Metric: Display metric key (query.metric.key)
    • Statistic: Display operation type (query.query.operationType) - may need to format/translate
    • Display Name: Display query.name
    • Actions: Edit and Delete icon buttons
  • Data Source: Get metrics from experiment.queries where experiment is the selected experiment from the experiments service
  • Actions:
    • Edit button: Log action for future implementation of edit metric modal
    • Delete button: Log action for future implementation of delete confirmation modal
  • Empty State: Show "No metrics defined. Set up metrics to monitor for this experiment."
  • Loading State: Show loading spinner when experiment data is being fetched

Questions to clarify:

  • Should the Statistic column show the raw operationType value or should it be formatted/translated to be more user-friendly?
  • Are there any specific formatting requirements for the metric key display?
  • Should repeated measure information be displayed (query.repeatedMeasure)?

Acceptance Criteria:

  • Table displays all metrics from experiment.queries
  • All required columns are displayed with correct data
  • Edit/Delete actions are clickable and log appropriate messages
  • Empty state message is shown when no metrics exist
  • Loading state is handled properly
  • Component follows existing patterns and uses OnPush

Screenshot:
Image

Figma link:
https://www.figma.com/design/SN58AVPDU5DMO5WP2COt5Y/UpGrade-UI-Latest-28--Refinement-?t=zQdZ1BRm5SLNqqhV-1


Add Metric modal form variations:

Global Metric

Default:

Image

Continuous Metric ID selected:
(Aggregate Statistic options: Sum, Min, Max, Count, Mean, Mode, Median, Standard Deviation)

Image

Categorical Metric ID selected:
(Aggregate Statistic options: Count, Percentage)

Image

Repeatable Metric

Default:

Image

Continuous Metric ID selected:
(Individual Statistic options: Mean, Earliest, Most Recent)
(Aggregate Statistic options: Sum, Min, Max, Count, Mean, Mode, Median, Standard Deviation)

Image

Categorical Metric ID selected:
(Individual Statistic options: Earliest, Most Recent)
(Aggregate Statistic options: Count, Percentage)

Image

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done for Release

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions