add new calibration data

Author: JooNiv

src/components/StatusModal/MetricSwitcher.jsx

@@ -1,8 +1,10 @@
 import React from 'react';
-import { CSelect } from '@cscfi/csc-ui-react';
+import { CIcon, CSelect, COption } from '@cscfi/csc-ui-react';
 import { generateMetricGradient } from '../../utils/generateGradient';
 import { formatMetricValue } from '../../utils/formatMetricValue';
 import { getMetricStatistics } from '../../utils/sidebarUtils';
+import {mdiHelpCircleOutline} from "@mdi/js"
+
 
 export const MetricSwitcher = (props) => {
 
@@ -14,20 +16,41 @@ export const MetricSwitcher = (props) => {
         <div className='sticky top-4'>
             <div className='overflow-y-auto scroll-smooth max-h-[70vh] pr-4'>
                 <div>
-                    <p className='font-bold mb-[2px]'>Qubit Metric:</p>
+                    <div className='flex'>
+                        <p className='font-bold mb-[2px]'>Qubit Metric:</p>
+                        <CIcon
+                            title="Hover over dropdown options for abbreviations."
+                            className='w-5'
+                            path={mdiHelpCircleOutline}
+                        />
+                    </div>
+                    
                     <CSelect
                         hideDetails={true}
                         className='py-2'
                         clearable
                         value={metricsState.qubitMetric}
-                        items={qubitMetricOptions}
+                        //items={qubitMetricOptions}
                         placeholder='Choose metric'
                         onChangeValue={(e) => {
                             updateMetricsState('qubitMetric', e.detail || '');
                             updateMetricsState('thresholdQubit', 0);
                             setQubitInputValue('0');
                         }}
-                    />
+
+
+                    >
+                        {qubitMetricOptions.map(option => 
+                            <COption
+                                key={option.value} 
+                                value={option.value}
+                                name={option.name}
+                                title={option?.title}
+                                >
+                                {option.name}
+                            </COption>
+                        )}
+                    </CSelect>
                 </div>
 
                 <div className="w-full">

src/components/StatusModal/SideBar.jsx

@@ -2,8 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { DeviceStatus } from './DeviceStatus';
 import { MetricSwitcher } from './MetricSwitcher';
 import { RawDataSwitcher } from './RawDataSwitcher';
-import { CRadioGroup, CSwitch, CButton } from '@cscfi/csc-ui-react';
-import { getCurrentRawData, copyToClipboard, downloadRawData, getMetricStatistics } from '../../utils/sidebarUtils';
+import { getMetricStatistics } from '../../utils/sidebarUtils';
 
 export const SideBar = (props) => {
     const {

src/components/StatusModal/StatusModalConent.jsx

@@ -11,6 +11,7 @@ import {
     CCard, CCardTitle, CCardContent, CCardActions, CButton, CTabs,
     CTab, CTabItems, CTabItem
 } from '@cscfi/csc-ui-react';
+import { object } from 'framer-motion/client';
 
 
 export const ModalContent = (props) => {
@@ -50,16 +51,32 @@ export const ModalContent = (props) => {
 
     const qubitMetricOptions =
         [
-            { name: '1->0 Readout Error', value: 'measure_ssro_error_1_to_0' },
-            { name: '0->1 Readout Error', value: 'measure_ssro_error_0_to_1' },
-            { name: 'Readout Fidelity', value: 'measure_ssro_fidelity' },
-            { name: 'Readout Fidelity', value: 'measure_fielity_ssro_fidelity' }, //for q50
+            { name: '1->0 MCM Error', value: 'measure_ssro_error_1_to_0', title: 'MCM = Mid Circuit Measurement' },
+            { name: '0->1 MCM Error', value: 'measure_ssro_error_0_to_1', title: 'MCM = Mid Circuit Measurement' },
+            { name: 'MCM Fidelity', value: 'measure_ssro_fidelity', title: 'MCM = Mid Circuit Measurement' },
+
+            { name: 'QNDness Fidelity', value: 'measure_qndness_fidelity', title: 'QND = Quantum Non-Demolition'},
+            { name: 'QNDness 0 State', value: 'measure_qndness_qndness_0', title: 'QND = Quantum Non-Demolition'},
+            { name: 'QNDness 1 State', value: 'measure_qndness_qndness_1', title: 'QND = Quantum Non-Demolition'},
+
+
+            { name: '1->0 Readout Error', value: 'measure_fidelity_ssro_error_1_to_0' },
+            { name: '0->1 Readout Error', value: 'measure_fidelity_ssro_error_0_to_1' },
+            { name: 'Readout Fidelity', value: 'measure_fidelity_ssro_fidelity' },
+
             { name: 'T1 Time', value: 't1_time' },
             { name: 'T2 Time', value: 't2_time' },
             { name: 'T2 Echo Time', value: 't2_echo_time' },
             { name: 'PRX Gate Fidelity', value: 'prx_rb_fidelity' },
+
         ]
 
+    if (deviceInfoData?.name === 'Q5') {
+        qubitMetricOptions[0].name = '1->0 Readout Error';
+        qubitMetricOptions[1].name = '0->1 Readout Error';
+        qubitMetricOptions[2].name = 'Readout Fidelity';
+    }
+
     const couplerMetricOptions = [
         { name: 'CZ Gate Fidelity', value: 'cz_irb_fidelity' },
         { name: 'Clifford Gate Fidelity', value: 'clifford_rb_fidelity' },