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:
Screenshot:

Figma link:
https://www.figma.com/design/SN58AVPDU5DMO5WP2COt5Y/UpGrade-UI-Latest-28--Refinement-?t=zQdZ1BRm5SLNqqhV-1
Add Metric modal form variations:
Global Metric
Default:
Continuous Metric ID selected:
(Aggregate Statistic options: Sum, Min, Max, Count, Mean, Mode, Median, Standard Deviation)
Categorical Metric ID selected:
(Aggregate Statistic options: Count, Percentage)
Repeatable Metric
Default:
Continuous Metric ID selected:
(Individual Statistic options: Mean, Earliest, Most Recent)
(Aggregate Statistic options: Sum, Min, Max, Count, Mean, Mode, Median, Standard Deviation)
Categorical Metric ID selected:
(Individual Statistic options: Earliest, Most Recent)
(Aggregate Statistic options: Count, Percentage)

Description:
Create a table component to display experiment metrics/queries in the experiment details page Design tab.
Requirements:
Questions to clarify:
Acceptance Criteria:
Screenshot:

Figma link:
https://www.figma.com/design/SN58AVPDU5DMO5WP2COt5Y/UpGrade-UI-Latest-28--Refinement-?t=zQdZ1BRm5SLNqqhV-1
Add Metric modal form variations:
Global Metric
Default:
Continuous Metric ID selected:
(Aggregate Statistic options: Sum, Min, Max, Count, Mean, Mode, Median, Standard Deviation)
Categorical Metric ID selected:
(Aggregate Statistic options: Count, Percentage)
Repeatable Metric
Default:
Continuous Metric ID selected:
(Individual Statistic options: Mean, Earliest, Most Recent)
(Aggregate Statistic options: Sum, Min, Max, Count, Mean, Mode, Median, Standard Deviation)
Categorical Metric ID selected:
(Individual Statistic options: Earliest, Most Recent)
(Aggregate Statistic options: Count, Percentage)